body {
    line-height: 1.2;
}

.modal-open {
    padding-right: 0px !important;
}

.modal-quote {
    background-color: #00baeb;
    color: #fff;
    font-size: 17px;
    padding: 15px;
}

.form-group label {
    font-weight: 500;
}

.form-group input {
    background-color: #f1f2f3;
    border: none;
}

.form-group textarea {
    background-color: #f1f2f3;
    border: none;
}

.modal-footer .box-btn {
    margin: 0 auto;
}

.modal-footer .box-btn .btn-primary {
    background-color: #27c0f1 !important;
    color: #fff !important;
    outline: none;
    border: none;
}

.heroslider-content h1 {
    position: relative;
}

.heroslider-content h1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #00c0ef;
    bottom: -15px;
}

.nmaa-area .quote-box {
    color: #fff;
    background-color: #00baeb;
    padding: 30px;
    border-radius: 30px;
}

.nmaa-area .quote-box p {
    font-size: 25px;
}

.nmaa-area .box-title {
    padding-top: 40px;
    font-size: 35px;
    font-weight: 500;
    color: #00baeb;
    text-align: center;
    position: relative;
}

.nmaa-area .box-desc {
    padding-top: 70px;
    color: #414042;
    font-size: 25px;
}

.nmaa-area .box-desc span {
    color: #00baeb;
}

.nmaa-area .box-title::before {
    position: absolute;
    content: "";
    width: 475px;
    left: 30%;
    height: 2px;
    border: 2px dashed #00baeb;
    text-align: center;
    bottom: -35px;
}

.about-us-area .box-title {
    padding-top: 40px;
    font-size: 35px;
    font-weight: 500;
    color: #00baeb;
    text-align: center;
    position: relative;
}

.about-us-area .box-desc {
    padding-top: 0;
    color: #414042;
    font-size: 25px;
}

.about-us-area .box-desc span {
    color: #00baeb;
}

.about-us-area .box-title::before {
    position: absolute;
    content: "";
    width: 475px;
    left: 30%;
    height: 2px;
    border: 2px dashed #00baeb;
    text-align: center;
    bottom: -35px;
}

.about-us-area .box-img {
    padding-top: 80px;
}

.about-us-area .box-btn {
    padding-top: 20px;
}

.nmaa-open-source-area {
    background-color: #27c0f1;
}

.nmaa-open-source-area .box-hex {
    width: 294px;
    height: 333px;
    padding: 5px;
}

.nmaa-open-source-area .box-hex .hexagon.hexagon-1 {
    background: url(/wp-content/themes/flatsome/assets/landing-page/wan-ip-telco/assets/images/landing-page/icon-x1.png);
    background-size: cover;
    height: 100%;
}

.nmaa-open-source-area .box-hex .hexagon.hexagon-2 {
    background: url(/wp-content/themes/flatsome/assets/landing-page/wan-ip-telco/assets/images/landing-page/icon-x2.png);
    background-size: cover;
    height: 100%;
}

.nmaa-open-source-area .box-desc {
    color: #ffffff;
    font-size: 22px;
    padding-bottom: 30px;
}

.mutual-benefit-area .box-title {
    /* padding-top: 40px; */
    font-size: 35px;
    font-weight: 500;
    color: #00baeb;
    text-align: center;
    position: relative;
}

.mutual-benefit-area .box-title::before {
    position: absolute;
    content: "";
    width: 475px;
    left: 30%;
    height: 2px;
    border: 2px dashed #00baeb;
    text-align: center;
    bottom: -35px;
}

.mutual-benefit-area .box-desc {
    padding-top: 0;
    color: #414042;
    font-size: 25px;
    text-align: justify;
}

.mutual-benefit-area .box-btn {
    text-align: left;
    padding-top: 30px;
}

.mutual-benefit-area .box-img {
    padding-top: 80px;
}

.svtech-area .box-title {
    padding-top: 40px;
    font-size: 35px;
    font-weight: 500;
    color: #00baeb;
    text-align: center;
    position: relative;
}

.svtech-area .box-title::before {
    position: absolute;
    content: "";
    width: 475px;
    left: 30%;
    height: 2px;
    border: 2px dashed #00baeb;
    text-align: center;
    bottom: -35px;
}

.svtech-area .box-desc {
    padding-top: 30px;
    color: #414042;
    font-size: 25px;
    text-align: justify;
}

.svtech-area .box-img {
    padding-top: 80px;
}

footer {
    background-color: #00baeb;
}

.widget-contact p img {
    padding-right: 10px;
}

.widget-contact p {
    font-size: 18px;
    color: #fff;
}

.btn-custom {
    color: #fff;
    background-color: #27c0f1;
    border-radius: 30px;
    min-width: 200px;
    font-size: 20px;
    padding: 5px 30px;
}

.btn-white {
    background-color: #fff !important;
    color: #27c0f1;
}

.vb-center {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 15px;
    font-size: 25px;
    padding-top: 60px;
}

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    .heroslider-contentwrapper {
        max-height: 470px;
    }

    .heroslider-area {
        height: 470px;
        position: relative;
        overflow: hidden;
    }

    .heroslider-content h1 {
        font-size: 50px;
    }

    .heroslider-area .heroslider-slider img {
        height: 470px !important;
    }

    .heroslider-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .heroslider-area img {
        height: 315px !important;
    }

    .nmaa-area .quote-box p {
        font-size: 23px;
    }

    .nmaa-area .box-title {
        font-size: 30px;
    }

    .nmaa-area .box-desc {
        font-size: 23px;
    }

    .tm-feature2 p {
        font-size: 23px;
    }

    .about-us-area .box-desc {
        font-size: 23px;
    }

    .about-us-area .box-title {
        font-size: 30px;
    }

    .vb-center {
        position: absolute;
        font-size: 23px;
    }

    .mutual-benefit-area .box-title {
        font-size: 30px;
    }

    .mutual-benefit-area .box-desc {
        font-size: 23px;
    }

    .svtech-area .box-title {
        font-size: 30px;
    }

    .svtech-area .box-desc {
        font-size: 23px;
    }
}

@media only screen and (max-width: 767px) {
    .tm-padding-section-50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .heroslider-area {
        height: 250px;
        position: relative;
        overflow: hidden;
    }

    .heroslider-contentwrapper {
        max-height: 275px;
        background-color: #d9f5fc;
    }

    .heroslider-content {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .heroslider-content h1 {
        font-size: 20px;
    }

    .heroslider-content .box-btn {
        text-align: center;
    }

    .nmaa-area .quote-box {
        color: #fff;
        background-color: #00baeb;
        padding: 15px;
        border-radius: 30px;
    }

    .nmaa-area .quote-box p {
        font-size: 18px;
    }

    .nmaa-area .box-title {
        font-size: 20px;
    }

    .nmaa-area .box-title::before {
        position: absolute;
        content: "";
        width: 70%;
        left: 55px;
    }

    .nmaa-area .box-desc {
        font-size: 18px;
    }

    .tm-feature2 {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 15px;
        margin-bottom: 15px;
    }

    .tm-feature2 p {
        font-size: 18px;
    }

    .tm-feature2 p {
        margin-bottom: 0;
        font-size: 18px;
        padding: 15px;
        height: 150px;
    }

    .about-us-area .box-desc {
        font-size: 18px;
    }

    .about-us-area .box-title {
        font-size: 20px;
    }

    .about-us-area .box-title::before {
        position: absolute;
        content: "";
        width: 70%;
        left: 55px;
    }

    .nmaa-open-source-area .box-desc {
        color: #ffffff;
        font-size: 18px;
        padding-bottom: 30px;
    }

    .nmaa-open-source-area .box-hex {
        width: 294px;
        height: 333px;
        padding: 5px;
        margin: 0 auto;
    }

    .vb-center {
        position: absolute;
        font-size: 18px;
        padding-right: 80px;
    }

    .mutual-benefit-area .box-title {
        font-size: 20px;
        margin-bottom: 60px;
    }

    .mutual-benefit-area .box-title::before {
        position: absolute;
        content: "";
        width: 70%;
        left: 55px;
    }

    .mutual-benefit-area .box-desc {
        font-size: 18px;
    }

    .mutual-benefit-area .box-btn {
        text-align: center;
        padding-top: 30px;
    }

    .svtech-area .box-title {
        font-size: 20px;
    }

    .svtech-area .box-title::before {
        position: absolute;
        content: "";
        width: 70%;
        left: 55px;
    }

    .svtech-area .box-desc {
        font-size: 18px;
    }

    .widget-contact p {
        font-size: 15px;
        color: #fff;
    }
}

/* Loading */
.page-loading { position: fixed; top: 0; left: 0; z-index: 99999999; width: 100%; height: 100%; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.6); }
.loader { position: absolute; top: 50%; left: 50%; margin: -4px 0 0 0; font-size: 10px; width: 8px; height: 8px; border-radius: 50% !important; text-indent: -9999em; -webkit-animation: load 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); opacity: 0.8; }

@-webkit-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }
@-moz-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }
@keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #F1F1F1, 2em -2em 0 0em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 12.5% { box-shadow: 0 -3em 0 0 #F1F1F1, 2em -2em 0 0.2em #F1F1F1, 3em 0 0 0 #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 25% { box-shadow: 0 -3em 0 -0.5em #F1F1F1, 2em -2em 0 0 #F1F1F1, 3em 0 0 0.2em #F1F1F1, 2em 2em 0 0 #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 37.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 0 #F1F1F1, 2em 2em 0 0.2em #F1F1F1, 0 3em 0 0em #F1F1F1, -2em 2em 0 -1em #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 50% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 0em #F1F1F1, 0 3em 0 0.2em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 -1em #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 62.5% { box-shadow: 0 -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 0 #F1F1F1, -2em 2em 0 0.2em #F1F1F1, -3em 0 0 0 #F1F1F1, -2em -2em 0 -1em #F1F1F1; } 75% { box-shadow: 0em -3em 0 -1em #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0em 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0.2em #F1F1F1, -2em -2em 0 0 #F1F1F1; } 87.5% { box-shadow: 0em -3em 0 0 #F1F1F1, 2em -2em 0 -1em #F1F1F1, 3em 0 0 -1em #F1F1F1, 2em 2em 0 -1em #F1F1F1, 0 3em 0 -1em #F1F1F1, -2em 2em 0 0 #F1F1F1, -3em 0em 0 0 #F1F1F1, -2em -2em 0 0.2em #F1F1F1; } }

@-webkit-keyframes load_2 { 0%, 100% { box-shadow: 0 -3em 0 0.2em #0f2a51, 2em -2em 0 0em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 0 #0f2a51; } 12.5% { box-shadow: 0 -3em 0 0 #0f2a51, 2em -2em 0 0.2em #0f2a51, 3em 0 0 0 #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 25% { box-shadow: 0 -3em 0 -0.5em #0f2a51, 2em -2em 0 0 #0f2a51, 3em 0 0 0.2em #0f2a51, 2em 2em 0 0 #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 37.5% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0em 0 0 #0f2a51, 2em 2em 0 0.2em #0f2a51, 0 3em 0 0em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0em 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 50% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 0em #0f2a51, 0 3em 0 0.2em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 62.5% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 0 #0f2a51, -2em 2em 0 0.2em #0f2a51, -3em 0 0 0 #0f2a51, -2em -2em 0 -1em #0f2a51; } 75% { box-shadow: 0em -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0em 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 0.2em #0f2a51, -2em -2em 0 0 #0f2a51; } 87.5% { box-shadow: 0em -3em 0 0 #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 0 #0f2a51, -2em -2em 0 0.2em #0f2a51; } }
@-moz-keyframes load_2 { 0%, 100% { box-shadow: 0 -3em 0 0.2em #0f2a51, 2em -2em 0 0em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 0 #0f2a51; } 12.5% { box-shadow: 0 -3em 0 0 #0f2a51, 2em -2em 0 0.2em #0f2a51, 3em 0 0 0 #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 25% { box-shadow: 0 -3em 0 -0.5em #0f2a51, 2em -2em 0 0 #0f2a51, 3em 0 0 0.2em #0f2a51, 2em 2em 0 0 #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 37.5% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0em 0 0 #0f2a51, 2em 2em 0 0.2em #0f2a51, 0 3em 0 0em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0em 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 50% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 0em #0f2a51, 0 3em 0 0.2em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 62.5% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 0 #0f2a51, -2em 2em 0 0.2em #0f2a51, -3em 0 0 0 #0f2a51, -2em -2em 0 -1em #0f2a51; } 75% { box-shadow: 0em -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0em 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 0.2em #0f2a51, -2em -2em 0 0 #0f2a51; } 87.5% { box-shadow: 0em -3em 0 0 #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 0 #0f2a51, -2em -2em 0 0.2em #0f2a51; } }
@keyframes load_2 { 0%, 100% { box-shadow: 0 -3em 0 0.2em #0f2a51, 2em -2em 0 0em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 0 #0f2a51; } 12.5% { box-shadow: 0 -3em 0 0 #0f2a51, 2em -2em 0 0.2em #0f2a51, 3em 0 0 0 #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 25% { box-shadow: 0 -3em 0 -0.5em #0f2a51, 2em -2em 0 0 #0f2a51, 3em 0 0 0.2em #0f2a51, 2em 2em 0 0 #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 37.5% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0em 0 0 #0f2a51, 2em 2em 0 0.2em #0f2a51, 0 3em 0 0em #0f2a51, -2em 2em 0 -1em #0f2a51, -3em 0em 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 50% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 0em #0f2a51, 0 3em 0 0.2em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 -1em #0f2a51, -2em -2em 0 -1em #0f2a51; } 62.5% { box-shadow: 0 -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 0 #0f2a51, -2em 2em 0 0.2em #0f2a51, -3em 0 0 0 #0f2a51, -2em -2em 0 -1em #0f2a51; } 75% { box-shadow: 0em -3em 0 -1em #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0em 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 0.2em #0f2a51, -2em -2em 0 0 #0f2a51; } 87.5% { box-shadow: 0em -3em 0 0 #0f2a51, 2em -2em 0 -1em #0f2a51, 3em 0 0 -1em #0f2a51, 2em 2em 0 -1em #0f2a51, 0 3em 0 -1em #0f2a51, -2em 2em 0 0 #0f2a51, -3em 0em 0 0 #0f2a51, -2em -2em 0 0.2em #0f2a51; } }