/** cloud text */
.fat-cloud-text{
    position: relative;
    padding-top: 60px;
    padding-bottom: 150px;
}
.fat-cloud-text .bg-cloud-image{
    position: absolute;
    left: 0px;
    z-index: 0;
    width: auto;
    display: flex;
}

.fat-cloud-text .bg-cloud-image,
.fat-cloud-text .left-cloud-image,
.fat-cloud-text .right-cloud-image,
.fat-cloud-text .left-cloud-image img,
.fat-cloud-text .right-cloud-image img,
.fat-cloud-text .bg-cloud-image img{
    max-height: 100%;
}

.fat-cloud-text .left-cloud-image{
    position: absolute;
    left: 0px;
    z-index: 1;
    bottom: 0;
    width: auto;
    display: flex;
}
.fat-cloud-text .right-cloud-image{
    position: absolute;
    right: 0px;
    z-index: 1;
    top: 0;
    width: auto;
    display: flex;
}
.fat-cloud-text .cloud-title{
    position: relative;
    z-index: 2;
    text-align: center;
}

.fat-cloud-text .cloud-title,
.fat-cloud-text .bg-cloud-image{
    transition: opacity 1s !important;
    -webkit-transition: opacity 1s !important;
    -moz-transition: opacity 1s !important;
    opacity: 0;

}

.fat-cloud-text .bg-cloud-image{
    transition-delay: 0.5s !important;
    -webkit-transition-delay: 0.5s !important;
    -moz-transition-delay: 0.5s !important;
}
.fat-cloud-text .cloud-title{
    transition-delay: 1.5s !important;
    -webkit-transition-delay: 1.5s !important;
    -moz-transition-delay: 1.5s !important;
}
.fat-cloud-text .left-cloud-image{
    transition: opacity 0.4s,  left 1.5s !important;
    -webkit-transition: opacity 0.4s,  left 1.5s !important;
    -moz-transition: opacity 0.4s,  left 1.5s !important;
    opacity: 0;
    transition-delay: 0.3s !important;
    -webkit-transition-delay: 0.3s !important;
    -moz-transition-delay: 0.3s !important;
}
.fat-cloud-text .right-cloud-image{
    transition: opacity 0.4s,  right 1.5s !important;
    -webkit-transition: opacity 0.4s,  right 1.5s !important;
    -moz-transition: opacity 0.4s,  right 1.5s !important;
    opacity: 0;
    transition-delay: 0.5s !important;
    -webkit-transition-delay: 0.5s !important;
    -moz-transition-delay: 0.5s !important;
}

.fat-cloud-text .cloud-title.show-animation,
.fat-cloud-text .bg-cloud-image.show-animation{
    opacity: 1;
}

.fat-cloud-text .left-cloud-image.show-animation{
    opacity: 1;
    left: 40%;
}
.fat-cloud-text .right-cloud-image.show-animation{
    opacity: 1;
    right: 50%;
}