#home_feature_section .icon {
    margin-left: 5px;
    margin-right: 15px;
    padding: 0;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#home_feature_section .icon.logo {
    max-width: 80px;
}

#home_feature_section .icon i {
    margin: 0;
}

#home_feature_section img.icon {
    max-width: 54px;
}

#home_feature_section .icon-sm {
    width: 0.85rem;
    height: 0.85rem;
}

#home_feature_section .icon-md {
    width: 2rem;
    height: 2rem;
}

#home_feature_section .icon-lg {
    width: 3.25rem;
    height: 3.25rem;
}

#home_feature_section .icon-xl {
    width: 4.5rem;
    height: 4.5rem;
}

#home_feature_section .icon-xxl {
    width: 6.5rem;
    height: 6.5rem;
}

#home_feature_section .icon-l {
    width: 1.25rem;
    height: 1.25rem;
}

#home_feature_section .icon-2l {
    width: 2.5rem;
    height: 2.5rem;
}

#home_feature_section .icon-2xl {
    width: 9rem;
    height: 9rem;
}

#home_feature_section .icon-2xxl {
    width: 13rem;
    height: 13rem;
}

#home_feature_section .floating {
    -webkit-animation: floating 4s ease-in-out infinite;
    animation: floating 4s ease-in-out infinite;
    -webkit-filter: none;
    filter: none;
}

@-webkit-keyframes floating {
    from {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    to {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
}

@keyframes floating {
    from {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    to {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
}


/* ==========================================================================
    [6. ANIMATIONS]
========================================================================== */

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes bubble-v {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-460px);
        transform: translateY(-460px);
    }
}

@keyframes bubble-v {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-460px);
        transform: translateY(-460px);
    }
}

@-webkit-keyframes bubble-left-v {
    0% {
        margin-bottom: 0;
        opacity: .1;
    }
    20% {
        opacity: 1;
    }
    100% {
        margin-bottom: 460px;
        opacity: 1;
        left: 0;
    }
}

@keyframes bubble-left-v {
    0% {
        margin-bottom: 0;
        opacity: .1;
    }
    20% {
        opacity: 1;
    }
    100% {
        margin-bottom: 460px;
        opacity: 1;
        left: 0;
    }
}

@-webkit-keyframes shake-v {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: 50px;
    }
}

@keyframes shake-v {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: 50px;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes jump {
    0% {
        top: 0;
    }
    50% {
        top: 50px;
    }
    100% {
        top: 0;
    }
}

@keyframes jump {
    0% {
        top: 0;
    }
    50% {
        top: 50px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg) translate(-165px) rotate(0deg);
        transform: rotate(0deg) translate(-165px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-165px) rotate(-360deg);
        transform: rotate(360deg) translate(-165px) rotate(-360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg) translate(-165px) rotate(0deg);
        transform: rotate(0deg) translate(-165px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-165px) rotate(-360deg);
        transform: rotate(360deg) translate(-165px) rotate(-360deg);
    }
}

@-webkit-keyframes anti-clockwise {
    0% {
        -webkit-transform: rotate(0deg) translate(165px) rotate(0deg);
        transform: rotate(0deg) translate(165px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg) translate(165px) rotate(360deg);
        transform: rotate(-360deg) translate(165px) rotate(360deg);
    }
}

@keyframes anti-clockwise {
    0% {
        -webkit-transform: rotate(0deg) translate(165px) rotate(0deg);
        transform: rotate(0deg) translate(165px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg) translate(165px) rotate(360deg);
        transform: rotate(-360deg) translate(165px) rotate(360deg);
    }
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotating-clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating-clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotating-diagonal {
    0% {
        -webkit-transform: translate(-300px, 150px) rotate(0deg);
        transform: translate(-300px, 150px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(300px, -150px) rotate(180deg);
        transform: translate(300px, -150px) rotate(180deg);
    }
}

@keyframes rotating-diagonal {
    0% {
        -webkit-transform: translate(-300px, 150px) rotate(0deg);
        transform: translate(-300px, 150px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(300px, -150px) rotate(180deg);
        transform: translate(300px, -150px) rotate(180deg);
    }
}

#home_feature_section .animation {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#home_feature_section .animation--clockwise {
    -webkit-animation: clockwise 30s linear infinite normal;
    animation: clockwise 30s linear infinite normal;
}

#home_feature_section .animation--anti-clockwise {
    -webkit-animation: anti-clockwise 30s linear infinite normal;
    animation: anti-clockwise 30s linear infinite normal;
}

#home_feature_section .animation--rotating {
    -webkit-animation: rotating 15s linear infinite normal;
    animation: rotating 15s linear infinite normal;
}

#home_feature_section .animation--rotating-diagonal {
    -webkit-animation: rotating-diagonal 15s linear infinite alternate;
    animation: rotating-diagonal 15s linear infinite alternate;
}

#home_feature_section .animation--rotating-clockwise {
    -webkit-animation: rotating-clockwise 15s linear infinite normal;
    animation: rotating-clockwise 15s linear infinite normal;
}

#home_feature_section .typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#home_feature_section .floating:nth-child(1) {
    -webkit-animation-duration: 3.6s;
    animation-duration: 3.6s;
}

#home_feature_section .floating:nth-child(2) {
    -webkit-animation-duration: 3.4s;
    animation-duration: 3.4s;
}

#home_feature_section .floating:nth-child(3) {
    -webkit-animation-duration: 3.8s;
    animation-duration: 3.8s;
}

#home_feature_section .floating:nth-child(4) {
    -webkit-animation-duration: 2.8s;
    animation-duration: 2.8s;
}

#home_feature_section .floating:nth-child(5) {
    -webkit-animation-duration: 4.2s;
    animation-duration: 4.2s;
}

#home_feature_section .floating:nth-child(6) {
    -webkit-animation-duration: 3.2s;
    animation-duration: 3.2s;
}

#home_feature_section .floating:nth-child(7) {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

#home_feature_section .floating:nth-child(8) {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
}