/*----------------------------------------
  3.1 Slider 1
/*----------------------------------------*/

.slider-content {
    padding: 220px 0;
    color: #212121;
}
/*-----------------------------
  Direction 1 
/*----------------------------*/

.layer-1-1 .title1 {
    font-size: 36px;
    animation: 0.8s ease-in-out 0.5s normal backwards 1 running bounceInRight;
}
.layer-1-2 .title2 {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 700;
    animation: 1.4s ease-in-out 1.2s normal backwards 1 running flipInX;
}
.layer-1-3 .title3 {
    font-size: 18px;
    animation: 1s ease-in-out 1.9s normal backwards 1 running fadeInRight;
}
.layer-1-4 {
    margin-top: 60px;
    animation: 1.4s ease-in-out 2.6s normal backwards 1 running fadeInUp;
}
/*-----------------------------
  Direction 2
/*----------------------------*/

.layer-2-1 .title1 {
    font-size: 36px;
    animation: 0.8s ease-in-out 0.5s normal backwards 1 running bounceInLeft;
}
.layer-2-2 .title2 {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 700;
    animation: 1.4s ease-in-out 1s normal backwards 1 running flipInX;
}
.layer-2-3 .title3 {
    font-size: 18px;
    animation: 1s ease-in-out 1.9s normal backwards 1 running fadeInLeft;
}
.layer-2-4 {
    margin-top: 60px;
    animation: 1.4s ease-in-out 2.5s normal backwards 1 running fadeInUp;
}
/* Slide V2 */

.slider-content {
    padding: 275px 0;
}
.slide-v2 .layer-1-1 .title1,
.slide-v2 .layer-1-2 .title2,
.slide-v2 .layer-1-3 .title3,
.slide-v2 .layer-2-1 .title1,
.slide-v2 .layer-2-2 .title2,
.slide-v2 .layer-2-3 .title3 {
    color: #fff;
}
.slide-v2 .layer-1-1 .title1,
.slide-v2 .layer-2-1 .title1 {
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}
.slide-v2 .layer-1-2 .title2,
.slide-v2 .layer-2-2 .title2 {
    text-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
}