/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Saira:100,200,300,400,500,600,700,800,900&display=swap");

body {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #646464;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Saira", sans-serif;
    color: #18181b;
    font-weight: bold;
}

h1,
h2 {
    font-weight: bold;
}

h3,
h4,
h5,
h6 {
    font-weight: 600;
}

p {
    line-height: 1.8;
    font-size: 16px;
    color: #646464;
    margin-bottom: 15px;
}

    p:last-child {
        margin-bottom: 0;
    }

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

img {
    max-width: 100%;
}

button {
    outline: 0 !important;
}

.border {
    border-color: #eee !important;
}

.radius-10 {
    border-radius: 10px;
}

.pb20 {
    padding: 20px;
}

.pb30 {
    padding: 30px;
}

.pb40 {
    padding: 40px;
}

.pb50 {
    padding: 50px;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-60 {
    padding-bottom: 60px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

a {
    display: inline-block;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    text-decoration: none;
    transition: all 0.6s ease;
}

    a:hover,
    a:focus {
        outline: 0 !important;
        color: #120a5e;
        text-decoration: none;
    }

.rounded-10 {
    border-radius: 10px;
}

.btn {
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    font-weight: 500;
    font-size: 14px;
}

    .btn.disabled,
    .btn:disabled {
        opacity: 1;
    }

.btn-primary {
    color: #ffffff;
    background-color: #2061d5;
    border: 1px solid #120a5e;
}

    .btn-primary::before {
        border-radius: 5px;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        background: -webkit-gradient( linear, right bottom, left top, from(#094ca7), color-stop(#1863c8), color-stop(#3c84e7), color-stop(#589bf6), to(#589bf6) );
        background: linear-gradient( to left top, #094ca7, #1863c8, #3c84e7, #589bf6, #589bf6 );
        z-index: -1;
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }

    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        color: #ff2c9c;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        background-color: transparent;
        border-color: #ff2c9c;
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #ffffff;
        background-color: #ffffff;
        border: 1px solid #ff2c9c;
    }

    .btn-primary:hover,
    .btn-primary:focus {
        color: #ff2c9c;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        background-color: transparent;
        border-color: #ff2c9c;
    }

        .btn-primary:hover::before,
        .btn-primary:focus::before {
            width: 0;
        }

.btn-secondary {
    color: #941cbc;
    background-color: #fff;
    border: 1px solid #941cbc;
}

    .btn-secondary::before {
        border-radius: 5px;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 100%;
        background: -webkit-gradient( linear, right bottom, left top, from(#ff2c9c), color-stop(#ff287b), color-stop(#ff395a), color-stop(#ff5137), to(#ff6a00) );
        background: linear-gradient( to left top, #ff2c9c, #ff287b, #ff395a, #ff5137, #ff6a00 );
        z-index: -1;
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }

    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
        color: #120a5e;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        background-color: transparent;
        border-color: #120a5e;
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #120a5e;
        background-color: #fff;
        border: 1px solid #120a5e;
    }

    .btn-secondary:hover,
    .btn-secondary:focus {
        color: #ffffff;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        background-color: #ffffff;
        border-color: transparent;
    }

        .btn-secondary:hover::before,
        .btn-secondary:focus::before {
            width: 100%;
        }
/****************88888*************/
/* NEW CSS ADDED FOR CUSTOMIZATION*/
/**********************************/

.form-area {
    margin: 220px 30%;
    background-color: #fff;
    box-shadow: thistle;
    border-radius: 10px;
    border: 1px solid #2061d5;
    padding: 20px;
}

.hr {
    height: 1px !important;
    color: #2061d5 !important;
}

h3 {
    color: #094ca7 !important;
}

.min-area {
    margin-top: 70px;
    min-height: 550px;
}

.min-area1 {
    margin-top: 110px;
    min-height: 530px;
}

.login-min-area {
    min-height: 500px;
}

label {
    color: #18181b;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.form-control {
    font-size: 14px;
    color: #18181b;
    border: 1px solid #2061d5;
    border-radius: 6px;
    background: #ffffff;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.h40 {
    height: 40px;
}

.form-control:focus {
    outline: 0;
    background: #ffffff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-color: #ff2c9c;
}

.bg-primary {
    background: #094ca7 !important;
    color: #ffffff;
}

.border-primary {
    border: 1px solid #094ca7 !important;
}

.input-group-text {
    color: #ffffff !important;
    background-color: #5c94f8 !important;
    border: 1px solid #2061d5 !important;
}

@media (min-width: 576px) {
    .login-area {
        margin: 220px 10%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .acronym-form-area {
        margin: 180px 10%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .emp-area {
        margin: 180px 10%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .footer {
        background-color: #094ca7;
        text-align: center;
        color: #fff;
        padding: 10px;
        height: 90px;
        margin-top: 50px;
    }

    .footerText {
        font-size: 10px;
        color: #fff;
        vertical-align: middle !important;
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .login-area {
        margin: 220px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .acronym-form-area {
        margin: 180px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .emp-area {
        margin: 180px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .footer {
        background-color: #094ca7;
        text-align: center;
        color: #fff;
        padding: 10px;
        height: 50px;
        margin-top: 50px;
    }

    .footerText {
        font-size: 10px;
        color: #fff;
        vertical-align: middle !important;
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .login-area {
        margin: 220px 20%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .acronym-form-area {
        margin: 180px 20%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .emp-area {
        margin: 180px 20%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .topic-form-area {
        margin: 150px 5% 80px 5%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .footer {
        background-color: #094ca7;
        text-align: center;
        color: #fff;
        padding: 10px;
        height: 60px;
        margin-top: 50px;
    }

    .footerText {
        font-size: 10px;
        color: #fff;
        vertical-align: middle !important;
        text-align: center !important;
    }

    .gk-form-area {
        margin: 150px 5% 80px 5%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }
}

@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1340px;
    }

    .topic-form-area {
        margin: 150px 15% 80px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .gk-form-area {
        margin: 150px 15% 80px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .login-area {
        margin: 220px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .acronym-form-area {
        margin: 180px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .emp-area {
        margin: 180px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .footer {
        margin-top: 10px;
        background-color: #094ca7;
        text-align: center;
        color: #fff;
        padding: 10px;
        height: 50px;
    }

    .footerText {
        font-size: 10px;
        color: #fff;
        vertical-align: middle !important;
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1400px !important;
    }

    .login-area {
        margin: 190px 30% 95px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .acronym-form-area {
        margin: 180px 30% 80px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .nobel-form {
        margin: 150px 15% 80px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .module-form-area {
        margin: 185px 30% 180px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .lab-form-area {
        margin: 150px 30% 80px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .stateUt-form-area {
        margin: 180px 15% 80px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .inv-form-area {
        margin: 200px 30% 140px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .whoswho-form-area {
        margin: 150px 30% 80px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .cat-form-area {
        margin: 150px 25% 80px 25%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .topic-form-area {
        margin: 150px 15% 80px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .gk-form-area {
        margin: 150px 15% 80px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .quote-form-area {
        margin: 180px 30% 125px 30%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .user-form-area {
        margin: 130px 25% 80px 25%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .market-form-area {
        margin: 130px 15% 80px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .emp-area {
        margin: 180px 10% 90px 10%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .ca-form-area {
        margin: 120px 20% 80px 20%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .continent-form-area {
        margin: 120px 15% 80px 15%;
        background-color: #fff;
        box-shadow: thistle;
        border-radius: 10px;
        border: 1px solid #2061d5;
        padding: 20px;
    }

    .footer {
        background-color: #094ca7;
        text-align: center;
        color: #fff;
        padding: 10px;
        height: 50px;
    }

    .footerText {
        font-size: 11px;
        color: #fff;
        vertical-align: middle !important;
        text-align: center !important;
    }
}

.note-editing-area {
    min-height: 200px !important;
}

    .note-editing-area textarea {
        min-height: 200px !important;
    }

.note-editor.note-airframe,
.note-editor.note-frame {
    border: 1px solid #2061d5 !important;
}
/*================================================
Navbar CSS
=================================================*/
.navbar-area {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 5px;
    width: 100%;
    z-index: 999;
    height: auto;
    background-color: #094ca7;
}

    .navbar-area nav ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .navbar-area nav .navbar-brand {
        font-weight: bold;
        font-size: 15px;
    }

    .navbar-area nav .navbar-nav {
        margin-left: auto;
    }

        .navbar-area nav .navbar-nav .nav-item {
            position: relative;
            padding-left: 12px;
            padding-right: 12px;
            padding-top: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #094ca7;
        }

            .navbar-area nav .navbar-nav .nav-item:first-child {
                border-top: 1px solid #094ca7;
            }

            .navbar-area nav .navbar-nav .nav-item a {
                color: #fff;
                text-transform: uppercase;
                position: relative;
                font-weight: 500;
                font-size: 12px;
                padding-left: 0;
                padding-right: 0;
                padding-top: 0;
                padding-bottom: 0;
            }

                .navbar-area nav .navbar-nav .nav-item a::before {
                    bottom: -5px;
                    width: 0;
                    background: -webkit-gradient( linear, right bottom, left top, from(#ff2c9c), color-stop(#ff287b), color-stop(#ff395a), color-stop(#ff5137), to(#ff6a00) );
                    background: linear-gradient( to left top, #ff2c9c, #ff287b, #ff395a, #ff5137, #ff6a00 );
                    height: 3px;
                    -webkit-transition: all 0.6s ease;
                    transition: all 0.6s ease;
                    left: 1px;
                    content: "";
                    position: absolute;
                }

                .navbar-area nav .navbar-nav .nav-item a:hover,
                .navbar-area nav .navbar-nav .nav-item a:focus,
                .navbar-area nav .navbar-nav .nav-item a.active {
                    color: #eee;
                }

                    .navbar-area nav .navbar-nav .nav-item a:hover::before,
                    .navbar-area nav .navbar-nav .nav-item a:focus::before,
                    .navbar-area nav .navbar-nav .nav-item a.active::before {
                        width: 60%;
                    }

                .navbar-area nav .navbar-nav .nav-item a i {
                    font-size: 18px;
                    position: relative;
                    top: 2px;
                    display: inline-block;
                    margin-left: -2px;
                    margin-right: -2px;
                }

            .navbar-area nav .navbar-nav .nav-item .dropdown-menu {
                -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
                box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
                background: #ffffff;
                position: absolute;
                top: 80px;
                left: 0;
                border: none;
                display: block;
                width: 210px;
                z-index: 99;
                opacity: 0;
                font-weight: bold;
                border-radius: 5px;
                visibility: hidden;
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                padding-top: 20px;
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 20px;
            }
            .navbar-area nav .navbar-nav.navbar-right .nav-item .dropdown-menu {
                right: 0;
                left: auto;
            }
                .navbar-area nav .navbar-nav .nav-item .dropdown-menu li {
                    position: relative;
                    padding: 7px 15px;
                }

                    .navbar-area nav .navbar-nav .nav-item .dropdown-menu li a {
                        display: inline-block;
                        font-size: 12px;
                        font-weight: bold !important;
                        color: #094ca7;
                    }

                        .navbar-area nav .navbar-nav .nav-item .dropdown-menu li a::before {
                            display: none;
                        }

                        .navbar-area nav .navbar-nav .nav-item .dropdown-menu li a:hover,
                        .navbar-area nav .navbar-nav .nav-item .dropdown-menu li a:focus,
                        .navbar-area nav .navbar-nav .nav-item .dropdown-menu li a.active {
                            color: #ff2c9c;
                            font-weight: 500 !important;
                        }

                    .navbar-area nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
                        position: absolute;
                        left: 220px;
                        top: 0;
                        opacity: 0 !important;
                        visibility: hidden !important;
                    }

                        .navbar-area nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
                            color: #094ca7;
                        }

                            .navbar-area
                            nav
                            .navbar-nav
                            .nav-item
                            .dropdown-menu
                            li
                            .dropdown-menu
                            li
                            a:hover,
                            .navbar-area
                            nav
                            .navbar-nav
                            .nav-item
                            .dropdown-menu
                            li
                            .dropdown-menu
                            li
                            a:focus,
                            .navbar-area
                            nav
                            .navbar-nav
                            .nav-item
                            .dropdown-menu
                            li
                            .dropdown-menu
                            li
                            a.active {
                                color: #ff2c9c;
                            }

                    .navbar-area nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
                        opacity: 1 !important;
                        visibility: visible !important;
                        top: -20px !important;
                    }

            .navbar-area nav .navbar-nav .nav-item:hover ul {
                opacity: 1;
                visibility: visible;
                top: 100%;
            }

            .navbar-area nav .navbar-nav .nav-item .mega-dropdown-menu {
                width: 250px;
                padding: 0 10px 5px;
            }

                .navbar-area nav .navbar-nav .nav-item .mega-dropdown-menu .nav-item {
                    width: 50%;
                    float: left;
                }

                    .navbar-area nav .navbar-nav .nav-item .mega-dropdown-menu .nav-item a {
                        padding-left: 0;
                        padding-right: 0;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        border-bottom: 1px solid #e5e5e5 !important;
                        display: block;
                    }

                        .navbar-area
                        nav
                        .navbar-nav
                        .nav-item
                        .mega-dropdown-menu
                        .nav-item
                        a:last-child {
                            border-bottom: none !important;
                        }

    .navbar-area nav .others-options {
        padding: 0;
        margin: 0 0 0 10px;
        list-style-type: none;
    }

    .navbar-area.is-sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding-bottom: 10px;
        padding-top: 5px;
        z-index: 999;
        -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
        background-color: #ffffff !important;
        -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    }

.navbar-toggler {
    border: 1px #fff solid;
    background: #120a5e !important;
    padding: 10px;
    border-radius: 0;
}

    .navbar-toggler .icon-bar {
        width: 28px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        background: #ff2c9c;
        height: 2px;
        display: block;
    }

    .navbar-toggler .top-bar {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        transform-origin: 10% 10%;
        left: 4px;
        position: relative;
    }

    .navbar-toggler .middle-bar {
        opacity: 0;
        margin: 6px 0;
    }

    .navbar-toggler .bottom-bar {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        transform-origin: 10% 90%;
        left: 4px;
        position: relative;
    }

    .navbar-toggler.collapsed .top-bar {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 0;
    }

    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggler.collapsed .bottom-bar {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 0;
    }

.w100 {
    width: 100px !important;
}

.w200 {
    width: 200px !important;
}

.w250 {
    width: 250px !important;
}

.w300 {
    width: 300px !important;
}

.text-red {
    color: red;
}
/*=================
SPINNER
==================*/

.spinner {
    width: 11.2px;
    height: 11.2px;
    animation: spinner-z355kx 1s infinite linear;
    border-radius: 11.2px;
    box-shadow: 28px 0px 0 0 #474bff, 17.4px 21.8px 0 0 #474bff, -6.2px 27.2px 0 0 #474bff, -25.2px 12px 0 0 #474bff, -25.2px -12px 0 0 #474bff, -6.2px -27.2px 0 0 #474bff, 17.4px -21.8px 0 0 #474bff;
}

@keyframes spinner-z355kx {
    to {
        transform: rotate(360deg);
    }
}

#dvLoader {
    width: 100%;
    height: 100%;
    background-color: #eee;
    z-index: 99999;
}