.slider-one {
position: relative;
display: block;
}
.slider-one__wrap {
position: relative;
display: block;
}
.image-layer-one {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: transform 7000ms ease, opacity 1500ms ease-in;
transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
z-index: 1;
}
.image-layer-one::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(var(--thm-black-rgb), 0.9);
z-index: -1;
}
.image-layer-one::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: rgb(255, 54, 57);
background: linear-gradient(270deg, rgba(255, 54, 57, 1) 16%, rgba(255, 54, 57, 0) 50%);
opacity: .25;
z-index: 1;
}
.slider-one .swiper-slide-active .image-layer-one {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.slider-one__shape-1 {
position: absolute;
top: -300px;
bottom: -358px;
right: 330px;
width: 250px;
background-color: var(--thm-base);
transform: rotate(-37deg) translateX(400px);
z-index: 1;
}
.slider-one .swiper-slide-active .slider-one__shape-1 {
opacity: 1;
transform: rotate(-37deg) translate(0);
transition-delay: 2500ms;
transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
background 500ms ease;
}
.slider-one__shape-2 {
position: absolute;
top: 0;
left: 0;
opacity: .30;
z-index: 1;
}
.slider-one__shape-2 img {
width: auto;
}
.slider-one__shape-3 {
position: absolute;
bottom: -585px;
left: 0;
opacity: .60;
z-index: 1;
}
.slider-one__shape-3 img {
width: auto;
}
.slider-one__img {
position: absolute;
top: 10px;
right: 0;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(400px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(400px);
transform: perspective(400px) rotateY(0deg) translateX(400px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: 1;
}
.slider-one .swiper-slide-active .slider-one__img {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
transform: perspective(400px) rotateY(0deg) translateX(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.slider-one__img img {
width: auto;
}
.slider-one .container {
padding-top: 281px;
padding-bottom: 205px;
}
.slider-one__content {
position: relative;
display: block;
z-index: 15;
}
.slider-one__shape-4 {
position: absolute;
top: -105px;
left: -180px;
height: 700px;
width: 700px;
border-radius: 50%;
background: rgb(255, 54, 57);
background: linear-gradient(270deg, rgba(255, 54, 57, 0) 53%, rgba(255, 54, 57, 1) 93%);
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(-400px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(-400px);
transform: perspective(400px) rotateY(0deg) translateX(-400px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: -1;
}
.slider-one .swiper-slide-active .slider-one__shape-4 {
opacity: .15;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
transform: perspective(400px) rotateY(0deg) translateX(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.slider-one__sub-title {
font-size: 16px;
color: var(--thm-white);
text-transform: uppercase;
letter-spacing: .2em;
font-weight: 500;
position: absolute;
top: 257px;
left: -218px;
opacity: 0;
transform: rotate(-90deg) translateY(-100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: 1;
}
.slider-one .swiper-slide-active .slider-one__sub-title {
opacity: 1;
transform: rotate(-90deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.slider-one__sub-title-sub-title-shape-1 {
position: absolute;
top: -76px;
left: 127px;
transform: rotate(90deg);
}
.slider-one__sub-title-sub-title-shape-1 img {
width: auto !important;
}
.slider-one__title {
position: relative;
display: block;
font-size: 100px;
line-height: 120px;
color: var(--thm-white);
text-transform: uppercase;
font-weight: 700;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
transform: perspective(400px) rotateY(0deg) translateY(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.slider-one .swiper-slide-active .slider-one__title {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.slider-one__btn-box {
position: relative;
display: block;
margin-top: 34px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
transform: perspective(400px) rotateY(0deg) translateY(80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.slider-one .swiper-slide-active .slider-one__btn-box {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.slider-one__btn {
background-color: rgba(var(--thm-base-rgb), .40);
}
.slider-one__btn::before {
background: var(--thm-base);
}
.slider-one__btn::after {
background: var(--thm-white);
}
.slider-one__btn:hover {
color: var(--thm-base);
} .slider-two {
position: relative;
display: block;
}
.slider-two__wrap {
position: relative;
display: block;
}
.image-layer-two {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: transform 7000ms ease, opacity 1500ms ease-in;
transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
z-index: 1;
}
.image-layer-two::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(var(--thm-black-rgb), .80);
z-index: -1;
}
.slider-two .swiper-slide-active .image-layer-two {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.slider-two__shape-1 {
position: absolute;
top: 0;
left: 190px;
opacity: .35;
z-index: 1;
}
.slider-two__shape-1 img {
width: auto;
}
.slider-two__shape-2 {
position: absolute;
bottom: -987px;
left: 0px;
z-index: 1;
}
.slider-two__shape-2 img {
width: auto;
}
.slider-two__shape-3 {
position: absolute;
bottom: -20px;
right: 300px;
z-index: 1;
}
.slider-two__shape-3 img {
width: auto;
}
.slider-two__shape-4 {
position: absolute;
top: 105px;
right: 0px;
z-index: 1;
}
.slider-two__shape-4 img {
width: auto;
}
.slider-two .container {
padding-top: 355px;
padding-bottom: 165px;
}
.slider-two__content {
position: relative;
display: block;
text-align: center;
z-index: 15;
}
.slider-two__date {
position: relative;
display: inline-block;
font-size: 24px;
color: var(--thm-white);
font-weight: 500;
letter-spacing: 0.05em;
padding: 16px 25px;
border-radius: 8px;
margin-bottom: 21px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
transform: perspective(400px) rotateY(0deg) translateY(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: 1;
}
.slider-two__date:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 8px;
background: rgb(4, 23, 26);
background: linear-gradient(270deg, rgba(4, 23, 26, 1) 32%, rgba(4, 23, 26, 0) 93%, rgba(4, 23, 26, 0) 93%);
z-index: -1;
}
.slider-two .swiper-slide-active .slider-two__date {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.slider-two__title {
position: relative;
display: block;
font-size: 100px;
line-height: 120px;
color: var(--thm-white);
text-transform: uppercase;
font-weight: 700;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
transform: perspective(400px) rotateY(0deg) translateY(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.slider-two .swiper-slide-active .slider-two__title {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.slider-two__btn-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 34px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
transform: perspective(400px) rotateY(0deg) translateY(80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.slider-two .swiper-slide-active .slider-two__btn-box {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 2000ms;
-moz-transition-delay: 2000ms;
-ms-transition-delay: 2000ms;
-o-transition-delay: 2000ms;
transition-delay: 2000ms;
}
.slider-two__btn-1 {
background-color: rgba(var(--thm-base-rgb), .40);
}
.slider-two__btn-1::before {
background: var(--thm-base);
}
.slider-two__btn-1::after {
background: var(--thm-white);
}
.slider-two__btn-1:hover {
color: var(--thm-base);
}
.slider-two__btn-2 {
margin-left: 25px;
} .slider-three {
position: relative;
display: block;
}
.slider-three__wrap {
position: relative;
display: block;
}
.image-layer-three {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: transform 7000ms ease, opacity 1500ms ease-in;
transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
z-index: 1;
}
.image-layer-three::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(var(--thm-black-rgb), .10);
z-index: -1;
}
.slider-three .swiper-slide-active .image-layer-three {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.slider-three__shape-1 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 71%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
z-index: 1;
}
.slider-three__shape-2 {
position: absolute;
bottom: -560px;
left: 0;
z-index: 1;
}
.slider-three__shape-2 img {
width: auto;
}
.slider-three__shape-3 {
position: absolute;
top: -135px;
right: -100px;
transform: rotate(45deg);
z-index: 1;
}
.slider-three__shape-3 img {
width: auto;
}
.slider-three .container {
padding-top: 247px;
padding-bottom: 335px;
}
.slider-three__content {
position: relative;
display: block;
padding-left: 100px;
z-index: 15;
}
.slider-three__socila {
position: absolute;
top: 80px;
left: 0;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(-100px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(-100px);
transform: perspective(400px) rotateY(0deg) translateX(-100px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: 1;
}
.slider-three .swiper-slide-active .slider-three__socila {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
transform: perspective(400px) rotateY(0deg) translateX(0px);
-webkit-transition-delay: 1800ms;
-moz-transition-delay: 1800ms;
-ms-transition-delay: 1800ms;
-o-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.slider-three__socila li {
position: relative;
display: block;
}
.slider-three__socila li+li {
margin-top: 20px;
}
.slider-three__socila li a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
border: 2px solid #d4d6d3;
border-radius: 50%;
font-size: 15px;
color: var(--thm-black);
overflow: hidden;
transform: rotate(0);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.slider-three__socila li a:hover {
color: var(--thm-white);
transform: rotate(360deg);
border: 2px solid var(--thm-base);
}
.slider-three__socila li a:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background-color: var(--thm-base);
border-radius: 50%;
transform: scale(0);
transform-origin: center;
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: -1;
}
.slider-three__socila li a:hover:before {
transform: scaleX(1);
}
.slider-three__title {
position: relative;
display: block;
font-size: 100px;
line-height: 120px;
color: var(--thm-black);
text-transform: uppercase;
font-weight: 700;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
transform: perspective(400px) rotateY(0deg) translateY(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.slider-three__title:before {
content: "";
position: absolute;
bottom: 115px;
left: 0;
width: 226px;
height: 17px;
background-image: url(//kayserifurniturefair.com/wp-content/themes/oment/assets/css/shape/slider-three-title-shape-1.png);
background-repeat: no-repeat;
background-position: left center;
}
.slider-three .swiper-slide-active .slider-three__title {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.slider-three__btn-box {
position: relative;
display: block;
margin-top: 25px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
transform: perspective(400px) rotateY(0deg) translateY(80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.slider-three .swiper-slide-active .slider-three__btn-box {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 2000ms;
-moz-transition-delay: 2000ms;
-ms-transition-delay: 2000ms;
-o-transition-delay: 2000ms;
transition-delay: 2000ms;
}
.slider-three__btn-1 {
background-color: rgba(var(--thm-base-rgb), .40);
}
.slider-three__btn-1::before {
background: var(--thm-base);
}
.slider-three__btn-1::after {
background: var(--thm-black);
}
.slider-three__btn-1:hover {
color: var(--thm-white);
} .slider-four {
position: relative;
display: block;
}
.slider-four__wrap {
position: relative;
display: block;
}
.image-layer-four {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
transition: transform 7000ms ease, opacity 1500ms ease-in;
transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
z-index: 1;
}
.image-layer-four::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(var(--thm-black-rgb), .90);
z-index: -1;
}
.slider-four .swiper-slide-active .image-layer-four {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.slider-four__shape-1 {
position: absolute;
top: -115px;
left: 760px;
z-index: 1;
}
.slider-four__shape-1 img {
width: auto !important;
}
.slider-four__shape-2 {
position: absolute;
bottom: -200px;
right: 0;
z-index: 1;
}
.slider-four__shape-2 img {
width: auto !important;
}
.slider-four__shape-3 {
position: absolute;
top: 452px;
left: 0;
opacity: .37;
z-index: 1;
}
.slider-four__shape-3 img {
width: auto !important;
}
.slider-four__img {
position: absolute;
bottom: 0;
right: 215px;
overflow: hidden;
transform: translateX(500px);
opacity: 0;
z-index: 1;
}
.slider-four__img img {
width: auto !important;
}
.slider-four .swiper-slide-active .slider-four__img {
opacity: 1;
transform: translateX(0px);
transition: all 1000ms ease;
transition-delay: 1500ms;
}
.slider-four .container {
padding-top: 343px;
padding-bottom: 169px;
max-width: 1200px;
}
.slider-four__content {
position: relative;
display: block;
z-index: 15;
}
.slider-four__title {
position: relative;
display: block;
font-size: 100px;
line-height: 120px;
color: var(--thm-white);
text-transform: uppercase;
font-weight: 500;
margin-bottom: 16px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
transform: perspective(400px) rotateY(0deg) translateY(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.slider-four__title .slider-four__title-border {
position: relative;
display: inline-block;
}
.slider-four__title .slider-four__title-border:before {
content: "";
position: absolute;
bottom: 8px;
left: 0;
right: 0;
height: 3px;
background-color: var(--thm-base);
}
.slider-four__title .slider-four__title-bg {
position: relative;
display: inline-block;
background-color: var(--thm-base);
border-radius: 60px;
padding-left: 18px;
line-height: 100px;
}
.slider-four .swiper-slide-active .slider-four__title {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.slider-three__four-text {
position: relative;
display: inline-block;
font-size: 18px;
color: var(--thm-white);
line-height: 30px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
transform: perspective(400px) rotateY(0deg) translateY(80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.slider-four .swiper-slide-active .slider-three__four-text {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}