body{
    font-size:14px;
    overflow-x:hidden;
    font-family:Rubik,sans-serif;
    color:#2b2b2b
    }
    ul{
    padding-left:0px;
    list-style-type:none;
    margin-bottom:0;
    padding-right:0px
    }
    * a{
    color:#3f51b5;
    text-decoration:none
    }
    *.btn:focus{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
    }
    p{
    font-size:13px;
    line-height:1.7;
    letter-spacing:.7px
    }
    code{
    color:#3f51b5 !important;
    background-color:rgba(115,102,255,0.03);
    padding:3px;
    margin:0 3px;
    border-radius:2px
    }
    blockquote{
    border-left:4px solid #ecf3fa;
    padding:15px
    }
    blockquote.text-center{
    border:none;
    padding:15px
    }
    blockquote.text-right{
    border-left:none;
    border-right:4px solid #ecf3fa;
    padding:15px
    }
    :focus{
    outline-color:#3f51b5
    }
    .disabled{
    cursor:not-allowed;
    opacity:0.5
    }
    svg{
    vertical-align:baseline
    }
    input:focus{
    outline-color:rgba(0,0,0,0)
    }
    label{
    margin-bottom:.5rem
    }
    .media-widgets .media-body{
    margin-bottom:30px
    }
    .typography h1,.typography .h1,.typography h2,.typography .h2,.typography h3,.typography .h3,.typography h4,.typography .h4,.typography h5,.typography .h5,.typography h6,.typography .h6{
    margin:20px 0;
    margin-top:0
    }
    .typography h1:last-child,.typography .h1:last-child,.typography h2:last-child,.typography .h2:last-child,.typography h3:last-child,.typography .h3:last-child,.typography h4:last-child,.typography .h4:last-child,.typography h5:last-child,.typography .h5:last-child,.typography h6:last-child,.typography .h6:last-child{
    margin-bottom:0
    }
    .typography small{
    padding-left:10px;
    color:#2c323f
    }
    pre{
    background-color:rgba(115,102,255,0.03);
    padding:20px 0
    }
    a:hover{
    text-decoration:none;
    color:#3f51b5
    }
    .owl-theme .owl-dots .owl-dot span{
    background:#d0ccff
    }
    .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#3f51b5
    }
    .owl-theme .owl-nav.disabled+.owl-dots{
    margin-bottom:-10px;
    margin-top:25px
    }
    .click2edit ~ .note-editor.note-frame{
    margin-bottom:30px
    }
    .note-editor.note-frame{
    border-color:#f4f4f4
    }
    .note-editor.note-frame{
    border-color:#f4f4f4
    }
    .modal .modal-body .card{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
    }
    .modal-dialog .modal-content .modal-body p a{
    margin-right:0
    }
    .alert-theme button{
    top:33px !important;
    right:30px !important;
    color:#3f51b5
    }
    .alert-theme span+span+span{
    background-color:#fff;
    color:#3f51b5;
    border-radius:4px;
    -webkit-box-shadow:0 2px 14px -3px rgba(0,0,0,0.2);
    box-shadow:0 2px 14px -3px rgba(0,0,0,0.2)
    }
    .alert-theme i{
    padding:20px;
    padding-right:0 !important;
    margin-right:20px !important
    }
    .alert-theme .progress{
    margin-top:-2px !important;
    height:2px
    }
    .alert-theme .progress .progress-bar{
    background-color:#3f51b5
    }
    .alert-copy{
    border:1px solid #3f51b5;
    line-height:1;
    display:inline-block;
    width:300px;
    color:#fff;
    background-color:#3f51b5
    }
    .alert-copy .close{
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    line-height:1.4;
    font-weight:100
    }
    .ace-editor{
    height:400px;
    width:100%
    }
    .editor-toolbar{
    width:100% !important
    }
    .CodeMirror{
    top:0 !important
    }
    .irs-from,.irs-to,.irs-single{
    background:#3f51b5
    }
    .irs-from:after,.irs-to:after,.irs-single:after{
    border-top-color:#3f51b5
    }
    .irs-line-mid,.irs-line-left,.irs-line-right,.irs-bar,.irs-bar-edge{
    background-color:#3f51b5
    }
    .swal-button{
    background-color:#3f51b5
    }
    .swal-button:active{
    background-color:#5c4dff
    }
    .swal-button--cancel{
    background-color:#EFEFEE !important
    }
    .clipboaard-container h6{
    line-height:1.6
    }
    fieldset .bootstrap-touchspin-postfix,fieldset .bootstrap-touchspin-prefix{
    border-radius:0;
    padding:.4rem .75rem
    }
    fieldset .input-group-prepend ~ .form-control{
    height:39px
    }
    fieldset .input-group-lg .input-group-prepend .btn,fieldset .input-group-lg .input-group-append .btn{
    padding:0.8rem 1.75rem
    }
    .f1 .f1-steps .f1-step .f1-step-icon{
    padding:12px
    }
    .form-inline .form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
    }
    .input-group-text i{
    line-height:1.5
    }
    .font-roboto{
    font-family:Roboto,sans-serif
    }
    .p-0{
    padding:0px
    }
    .p-5{
    padding:5px
    }
    .p-10{
    padding:10px
    }
    .p-15{
    padding:15px
    }
    .p-20{
    padding:20px
    }
    .p-25{
    padding:25px
    }
    .p-30{
    padding:30px
    }
    .p-35{
    padding:35px
    }
    .p-40{
    padding:40px
    }
    .p-45{
    padding:45px
    }
    .p-50{
    padding:50px
    }
    .p-l-0{
    padding-left:0px
    }
    .p-l-5{
    padding-left:5px
    }
    .p-l-10{
    padding-left:10px
    }
    .p-l-15{
    padding-left:15px
    }
    .p-l-20{
    padding-left:20px
    }
    .p-l-25{
    padding-left:25px
    }
    .p-l-30{
    padding-left:30px
    }
    .p-l-35{
    padding-left:35px
    }
    .p-l-40{
    padding-left:40px
    }
    .p-l-45{
    padding-left:45px
    }
    .p-l-50{
    padding-left:50px
    }
    .p-t-0{
    padding-top:0px !important
    }
    .p-t-5{
    padding-top:5px !important
    }
    .p-t-10{
    padding-top:10px !important
    }
    .p-t-15{
    padding-top:15px !important
    }
    .p-t-20{
    padding-top:20px !important
    }
    .p-t-25{
    padding-top:25px !important
    }
    .p-t-30{
    padding-top:30px !important
    }
    .p-t-35{
    padding-top:35px !important
    }
    .p-t-40{
    padding-top:40px !important
    }
    .p-t-45{
    padding-top:45px !important
    }
    .p-t-50{
    padding-top:50px !important
    }
    .p-b-0{
    padding-bottom:0px !important
    }
    .p-b-5{
    padding-bottom:5px !important
    }
    .p-b-10{
    padding-bottom:10px !important
    }
    .p-b-15{
    padding-bottom:15px !important
    }
    .p-b-20{
    padding-bottom:20px !important
    }
    .p-b-25{
    padding-bottom:25px !important
    }
    .p-b-30{
    padding-bottom:30px !important
    }
    .p-b-35{
    padding-bottom:35px !important
    }
    .p-b-40{
    padding-bottom:40px !important
    }
    .p-b-45{
    padding-bottom:45px !important
    }
    .p-b-50{
    padding-bottom:50px !important
    }
    .p-r-0{
    padding-right:0px
    }
    .p-r-5{
    padding-right:5px
    }
    .p-r-10{
    padding-right:10px
    }
    .p-r-15{
    padding-right:15px
    }
    .p-r-20{
    padding-right:20px
    }
    .p-r-25{
    padding-right:25px
    }
    .p-r-30{
    padding-right:30px
    }
    .p-r-35{
    padding-right:35px
    }
    .p-r-40{
    padding-right:40px
    }
    .p-r-45{
    padding-right:45px
    }
    .p-r-50{
    padding-right:50px
    }
    .m-0{
    margin:0px !important
    }
    .m-5{
    margin:5px !important
    }
    .m-10{
    margin:10px !important
    }
    .m-15{
    margin:15px !important
    }
    .m-20{
    margin:20px !important
    }
    .m-25{
    margin:25px !important
    }
    .m-30{
    margin:30px !important
    }
    .m-35{
    margin:35px !important
    }
    .m-40{
    margin:40px !important
    }
    .m-45{
    margin:45px !important
    }
    .m-50{
    margin:50px !important
    }
    .m-t-0{
    margin-top:0px !important
    }
    .m-t-5{
    margin-top:5px !important
    }
    .m-t-10{
    margin-top:10px !important
    }
    .m-t-15{
    margin-top:15px !important
    }
    .m-t-20{
    margin-top:20px !important
    }
    .m-t-25{
    margin-top:25px !important
    }
    .m-t-30{
    margin-top:30px !important
    }
    .m-t-35{
    margin-top:35px !important
    }
    .m-t-40{
    margin-top:40px !important
    }
    .m-t-45{
    margin-top:45px !important
    }
    .m-t-50{
    margin-top:50px !important
    }
    .m-b-0{
    margin-bottom:0px !important
    }
    .m-b-5{
    margin-bottom:5px !important
    }
    .m-b-10{
    margin-bottom:10px !important
    }
    .m-b-15{
    margin-bottom:15px !important
    }
    .m-b-20{
    margin-bottom:20px !important
    }
    .m-b-25{
    margin-bottom:25px !important
    }
    .m-b-30{
    margin-bottom:30px !important
    }
    .m-b-35{
    margin-bottom:35px !important
    }
    .m-b-40{
    margin-bottom:40px !important
    }
    .m-b-45{
    margin-bottom:45px !important
    }
    .m-b-50{
    margin-bottom:50px !important
    }
    .m-l-0{
    margin-left:0px !important
    }
    .m-l-5{
    margin-left:5px !important
    }
    .m-l-10{
    margin-left:10px !important
    }
    .m-l-15{
    margin-left:15px !important
    }
    .m-l-20{
    margin-left:20px !important
    }
    .m-l-25{
    margin-left:25px !important
    }
    .m-l-30{
    margin-left:30px !important
    }
    .m-l-35{
    margin-left:35px !important
    }
    .m-l-40{
    margin-left:40px !important
    }
    .m-l-45{
    margin-left:45px !important
    }
    .m-l-50{
    margin-left:50px !important
    }
    .m-r-0{
    margin-right:0px
    }
    .m-r-5{
    margin-right:5px
    }
    .m-r-10{
    margin-right:10px
    }
    .m-r-15{
    margin-right:15px
    }
    .m-r-20{
    margin-right:20px
    }
    .m-r-25{
    margin-right:25px
    }
    .m-r-30{
    margin-right:30px
    }
    .m-r-35{
    margin-right:35px
    }
    .m-r-40{
    margin-right:40px
    }
    .m-r-45{
    margin-right:45px
    }
    .m-r-50{
    margin-right:50px
    }
    .b-r-0{
    border-radius:0px !important
    }
    .b-r-1{
    border-radius:1px !important
    }
    .b-r-2{
    border-radius:2px !important
    }
    .b-r-3{
    border-radius:3px !important
    }
    .b-r-4{
    border-radius:4px !important
    }
    .b-r-5{
    border-radius:5px !important
    }
    .b-r-6{
    border-radius:6px !important
    }
    .b-r-7{
    border-radius:7px !important
    }
    .b-r-8{
    border-radius:8px !important
    }
    .b-r-9{
    border-radius:9px !important
    }
    .b-r-10{
    border-radius:10px !important
    }
    .f-12{
    font-size:12px !important
    }
    .f-14{
    font-size:14px !important
    }
    .f-16{
    font-size:16px !important
    }
    .f-18{
    font-size:18px !important
    }
    .f-20{
    font-size:20px !important
    }
    .f-22{
    font-size:22px !important
    }
    .f-24{
    font-size:24px !important
    }
    .f-26{
    font-size:26px !important
    }
    .f-28{
    font-size:28px !important
    }
    .f-30{
    font-size:30px !important
    }
    .f-32{
    font-size:32px !important
    }
    .f-34{
    font-size:34px !important
    }
    .f-36{
    font-size:36px !important
    }
    .f-38{
    font-size:38px !important
    }
    .f-40{
    font-size:40px !important
    }
    .f-42{
    font-size:42px !important
    }
    .f-44{
    font-size:44px !important
    }
    .f-46{
    font-size:46px !important
    }
    .f-48{
    font-size:48px !important
    }
    .f-50{
    font-size:50px !important
    }
    .f-52{
    font-size:52px !important
    }
    .f-54{
    font-size:54px !important
    }
    .f-56{
    font-size:56px !important
    }
    .f-58{
    font-size:58px !important
    }
    .f-60{
    font-size:60px !important
    }
    .f-62{
    font-size:62px !important
    }
    .f-64{
    font-size:64px !important
    }
    .f-66{
    font-size:66px !important
    }
    .f-68{
    font-size:68px !important
    }
    .f-70{
    font-size:70px !important
    }
    .f-72{
    font-size:72px !important
    }
    .f-74{
    font-size:74px !important
    }
    .f-76{
    font-size:76px !important
    }
    .f-78{
    font-size:78px !important
    }
    .f-80{
    font-size:80px !important
    }
    .f-82{
    font-size:82px !important
    }
    .f-84{
    font-size:84px !important
    }
    .f-86{
    font-size:86px !important
    }
    .f-88{
    font-size:88px !important
    }
    .f-90{
    font-size:90px !important
    }
    .f-92{
    font-size:92px !important
    }
    .f-94{
    font-size:94px !important
    }
    .f-96{
    font-size:96px !important
    }
    .f-98{
    font-size:98px !important
    }
    .f-100{
    font-size:100px !important
    }
    .f-w-100{
    font-weight:100
    }
    .f-w-300{
    font-weight:300
    }
    .f-w-500{
    font-weight:500
    }
    .f-w-400{
    font-weight:400
    }
    .f-w-600{
    font-weight:600
    }
    .f-w-700{
    font-weight:700
    }
    .f-w-900{
    font-weight:900
    }
    .f-s-normal{
    font-style:normal
    }
    .f-s-italic{
    font-style:italic
    }
    .f-s-oblique{
    font-style:oblique
    }
    .f-s-initial{
    font-style:initial
    }
    .f-s-inherit{
    font-style:inherit
    }
    .text-overline{
    text-decoration:overline
    }
    .text-line-through{
    text-decoration:line-through
    }
    .text-underline{
    text-decoration:underline
    }
    .text-dashed{
    -webkit-text-decoration:dashed;
    text-decoration:dashed
    }
    .text-blink{
    text-decoration:blink
    }
    .text-dotted{
    -webkit-text-decoration:dotted;
    text-decoration:dotted
    }
    .text-initial{
    text-decoration:initial
    }
    .text-none{
    text-decoration:none
    }
    .text-solid{
    -webkit-text-decoration:solid;
    text-decoration:solid
    }
    .text-wavy{
    -webkit-text-decoration:wavy;
    text-decoration:wavy
    }
    .text-inherit{
    text-decoration:inherit
    }
    .text-double{
    -webkit-text-decoration:double;
    text-decoration:double
    }
    .baseline{
    vertical-align:baseline
    }
    .sub{
    vertical-align:sub
    }
    .super{
    vertical-align:super
    }
    .top{
    vertical-align:top
    }
    .text-top{
    vertical-align:text-top
    }
    .middle{
    vertical-align:middle
    }
    .bottom{
    vertical-align:bottom
    }
    .text-bottom{
    vertical-align:text-bottom
    }
    .initial{
    vertical-align:initial
    }
    .inherit{
    vertical-align:inherit
    }
    .p-static{
    position:static
    }
    .p-absolute{
    position:absolute
    }
    .p-fixed{
    position:fixed
    }
    .p-relative{
    position:relative
    }
    .p-initial{
    position:initial
    }
    .p-inherit{
    position:inherit
    }
    .f-left{
    float:left
    }
    .f-right{
    float:right
    }
    .f-none{
    float:none
    }
    .o-hidden{
    overflow:hidden
    }
    .o-visible{
    overflow:visible
    }
    .o-auto{
    overflow:auto
    }
    .img-10{
    width:10px !important
    }
    .img-20{
    width:20px !important
    }
    .img-30{
    width:30px !important
    }
    .img-40{
    width:40px !important
    }
    .img-50{
    width:50px !important
    }
    .img-60{
    width:60px !important
    }
    .img-70{
    width:70px !important
    }
    .img-80{
    width:80px !important
    }
    .img-90{
    width:90px !important
    }
    .img-100{
    width:100px !important
    }
    .font-primary{
    color:#3f51b5 !important
    }
    .font-secondary{
    color:#f73164 !important
    }
    .font-success{
    color:#51bb25 !important
    }
    .font-danger{
    color:#dc3545 !important
    }
    .font-info{
    color:#a927f9 !important
    }
    .font-light{
    color:#f4f4f4 !important
    }
    .font-dark{
    color:#2c323f !important
    }
    .font-warning{
    color:#f8d62b !important
    }
    .label{
    border-radius:2px;
    color:#fff;
    font-size:12px;
    line-height:1;
    margin-bottom:0;
    text-transform:capitalize
    }
    .label-theme{
    background-color:#3f51b5
    }
    .label-primary{
    background-color:#3f51b5
    }
    .label-secondary{
    background-color:#f73164
    }
    .label-success{
    background-color:#51bb25
    }
    .label-danger{
    background-color:#dc3545
    }
    .label-info{
    background-color:#a927f9
    }
    .label-light{
    background-color:#f4f4f4
    }
    .label-dark{
    background-color:#2c323f
    }
    .label-warning{
    background-color:#f8d62b
    }
    .badge-primary{
    background-color:#3f51b5
    }
    .badge-secondary{
    background-color:#f73164
    }
    .badge-success{
    background-color:#51bb25
    }
    .badge-danger{
    background-color:#dc3545
    }
    .badge-info{
    background-color:#a927f9
    }
    .badge-light{
    background-color:#f4f4f4
    }
    .badge-dark{
    background-color:#2c323f
    }
    .badge-warning{
    background-color:#f8d62b
    }
    .bg-primary{
    background-color:#3f51b5 !important;
    color:#fff
    }
    .bg-secondary{
    background-color:#f73164 !important;
    color:#fff
    }
    .bg-success{
    background-color:#51bb25 !important;
    color:#fff
    }
    .bg-danger{
    background-color:#dc3545 !important;
    color:#fff
    }
    .bg-info{
    background-color:#a927f9 !important;
    color:#fff
    }
    .bg-light{
    background-color:#f4f4f4 !important;
    color:#fff
    }
    .bg-dark{
    background-color:#2c323f !important;
    color:#fff
    }
    .bg-warning{
    background-color:#f8d62b !important;
    color:#fff
    }
    .txt-primary{
    color:#3f51b5 !important
    }
    .txt-secondary{
    color:#f73164 !important
    }
    .txt-success{
    color:#51bb25 !important
    }
    .txt-danger{
    color:#dc3545 !important
    }
    .txt-info{
    color:#a927f9 !important
    }
    .txt-light{
    color:#f4f4f4 !important
    }
    .txt-dark{
    color:#2c323f !important
    }
    .txt-warning{
    color:#f8d62b !important
    }
    .txt-google-plus{
    color:#c64e40 !important
    }
    .txt-twitter{
    color:#6fa2d8 !important
    }
    .txt-linkedin{
    color:#0077B5 !important
    }
    .txt-fb{
    color:#50598e !important
    }
    .txt-white{
    color:#fff !important
    }
    
    .loader-wrapper{
    height:98%;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:fixed;
    background-color:#fff;
    z-index:11;
    top:0
    }
    .loader-wrapper .loader-index{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    -webkit-filter:url("#goo");
    filter:url("#goo");
    top: 200px;
    align-self: flex-start;
    }
    .loader-wrapper .loader-index:after{
    content:"";
    width:4em;
    height:4em;
    background:#3f51b5;
    border-radius:50%;
    position:absolute;
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-animation:grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
    animation:grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate
    }
    .loader-wrapper .loader-index span{
    width:2em;
    height:2em;
    background:#f73164;
    border-radius:50%;
    margin-right:2em;
    position:relative;
    -webkit-transform:translateX(7em);
    transform:translateX(7em);
    -webkit-animation:move 4s ease-in-out infinite;
    animation:move 4s ease-in-out infinite
    }
    .loader-wrapper .loader-index span:before{
    content:"";
    width:2em;
    height:2em;
    background:#3f51b5;
    border-radius:50%;
    position:absolute;
    left:3em;
    -webkit-transform:translateX(0em);
    transform:translateX(0em);
    -webkit-animation:shrink 2s ease-in-out infinite;
    animation:shrink 2s ease-in-out infinite
    }
    .loader-wrapper .loader-index span:after{
    content:"";
    width:2em;
    height:2em;
    background:#a927f9;
    border-radius:50%;
    position:absolute;
    right:3em;
    -webkit-transform:translateX(0em);
    transform:translateX(0em);
    -webkit-animation:shrink 2s ease-in-out infinite;
    animation:shrink 2s ease-in-out infinite
    }
    @-webkit-keyframes grow{
    0%{
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    background:#a927f9
    }
    50%{
    -webkit-transform:scale(1);
    transform:scale(1);
    background:#f73164
    }
    
    }
    @keyframes grow{
    0%{
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    background:#a927f9
    }
    50%{
    -webkit-transform:scale(1);
    transform:scale(1);
    background:#f73164
    }
    
    }
    @-webkit-keyframes move{
    0%{
    -webkit-transform:translateX(7em);
    transform:translateX(7em)
    }
    50%{
    -webkit-transform:translateX(-5em);
    transform:translateX(-5em)
    }
    
    }
    @keyframes move{
    0%{
    -webkit-transform:translateX(7em);
    transform:translateX(7em)
    }
    50%{
    -webkit-transform:translateX(-5em);
    transform:translateX(-5em)
    }
    
    }
    @-webkit-keyframes shrink{
    0%{
    -webkit-transform:translateX(0em);
    transform:translateX(0em)
    }
    50%{
    -webkit-transform:translateX(-1em);
    transform:translateX(-1em)
    }
    
    }
    @keyframes shrink{
    0%{
    -webkit-transform:translateX(0em);
    transform:translateX(0em)
    }
    50%{
    -webkit-transform:translateX(-1em);
    transform:translateX(-1em)
    }
    
    }
    .loader-wrapper svg{
    width:0;
    height:0
    }
    .loader-wrapper body{
    font-family:sans;
    min-height:100vh;
    margin:0;
    display:grid;
    place-content:center;
    background:black
    }
    .loader-wrapper h1{
    color:#fff;
    text-align:center;
    margin-bottom:2em;
    letter-spacing:3px;
    position:relative;
    z-index:2
    }
    .loader-wrapper h1:before{
    position:absolute;
    content:"";
    height:1px;
    background:-webkit-gradient(linear, left top, right top, from(#f73164), color-stop(#3f51b5), to(#a927f9));
    background:linear-gradient(to right, #f73164, #3f51b5, #a927f9);
    color:#fff;
    top:2.75em;
    left:0.75em;
    width:2.5em;
    font-weight:400;
    font-variant:small-caps;
    font-size:0.5em
    }
    .loader-box{
    height:150px;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    vertical-align:middle;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:.3s color, .3s border, .3s transform, .3s opacity;
    transition:.3s color, .3s border, .3s transform, .3s opacity
    }
    .loader-box [class*="loader-"]{
    display:inline-block;
    width:50px;
    height:50px;
    color:inherit;
    vertical-align:middle
    }
    .loader-box .loader-1{
    border:0.2em dotted #3f51b5;
    border-radius:50%;
    -webkit-animation:1s loader-01 linear infinite;
    animation:1s loader-01 linear infinite
    }
    @-webkit-keyframes loader-01{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-01{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-2{
    border:.2em solid transparent;
    border-left-color:#f73164;
    border-right-color:#f73164;
    border-radius:50%;
    -webkit-animation:1s loader-02 linear infinite;
    animation:1s loader-02 linear infinite
    }
    @-webkit-keyframes loader-02{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-02{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-3{
    border:0.2em solid #a927f9;
    border-bottom-color:transparent;
    border-radius:50%;
    -webkit-animation:1s loader-03 linear infinite;
    animation:1s loader-03 linear infinite;
    position:relative
    }
    @-webkit-keyframes loader-03{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-03{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-4{
    border:1px solid #a927f9;
    border-radius:50%;
    -webkit-animation:1s loader-04 linear infinite;
    animation:1s loader-04 linear infinite;
    position:relative
    }
    .loader-box .loader-4:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:-.2em;
    left:50%;
    border:0.2em solid #a927f9;
    border-radius:50%
    }
    @-webkit-keyframes loader-04{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-04{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-5{
    border:.2em solid transparent;
    border-top-color:#f8d62b;
    border-radius:50%;
    -webkit-animation:1s loader-05 linear infinite;
    animation:1s loader-05 linear infinite;
    position:relative
    }
    .loader-box .loader-5:before{
    content:'';
    display:block;
    width:inherit;
    height:inherit;
    position:absolute;
    top:-.2em;
    left:-.2em;
    border:0.2em solid #f8d62b;
    border-radius:50%;
    opacity:.5
    }
    @-webkit-keyframes loader-05{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-05{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-6{
    border:0.2em solid #dc3545;
    border-radius:50%;
    -webkit-animation:loader-06 1s ease-out infinite;
    animation:loader-06 1s ease-out infinite
    }
    @-webkit-keyframes loader-06{
    0%{
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0
    }
    50%{
    opacity:1
    }
    100%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
    }
    
    }
    @keyframes loader-06{
    0%{
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0
    }
    50%{
    opacity:1
    }
    100%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
    }
    
    }
    .loader-box .loader-7{
    border:0 solid transparent;
    border-radius:50%;
    position:relative
    }
    .loader-box .loader-7:before,.loader-box .loader-7:after{
    content:'';
    border:0.2em solid #3f51b5;
    border-radius:50%;
    width:inherit;
    height:inherit;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:loader-07 1s linear infinite;
    animation:loader-07 1s linear infinite;
    opacity:0
    }
    .loader-box .loader-7:before{
    -webkit-animation-delay:1s;
    animation-delay:1s
    }
    .loader-box .loader-7:after{
    -webkit-animation-delay:.5s;
    animation-delay:.5s
    }
    @-webkit-keyframes loader-07{
    0%{
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0
    }
    50%{
    opacity:1
    }
    100%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
    }
    
    }
    @keyframes loader-07{
    0%{
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0
    }
    50%{
    opacity:1
    }
    100%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
    }
    
    }
    .loader-box .loader-8{
    position:relative
    }
    .loader-box .loader-8:before,.loader-box .loader-8:after{
    content:'';
    width:inherit;
    height:inherit;
    border-radius:50%;
    background-color:#f73164;
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:loader-08 2.0s infinite ease-in-out;
    animation:loader-08 2.0s infinite ease-in-out
    }
    .loader-box .loader-8:after{
    -webkit-animation-delay:-1.0s;
    animation-delay:-1.0s
    }
    @-webkit-keyframes loader-08{
    0%,100%{
    -webkit-transform:scale(0);
    transform:scale(0)
    }
    50%{
    -webkit-transform:scale(1);
    transform:scale(1)
    }
    
    }
    @keyframes loader-08{
    0%,100%{
    -webkit-transform:scale(0);
    transform:scale(0)
    }
    50%{
    -webkit-transform:scale(1);
    transform:scale(1)
    }
    
    }
    .loader-box .loader-9{
    background-color:#a927f9;
    border-radius:50%;
    -webkit-animation:loader-09 1.0s infinite ease-in-out;
    animation:loader-09 1.0s infinite ease-in-out
    }
    @-webkit-keyframes loader-09{
    0%{
    -webkit-transform:scale(0);
    transform:scale(0)
    }
    100%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
    }
    
    }
    @keyframes loader-09{
    0%{
    -webkit-transform:scale(0);
    transform:scale(0)
    }
    100%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
    }
    
    }
    .loader-box .loader-10{
    position:relative;
    -webkit-animation:loader-10-1 2.0s infinite linear;
    animation:loader-10-1 2.0s infinite linear
    }
    .loader-box .loader-10:before,.loader-box .loader-10:after{
    content:'';
    width:0;
    height:0;
    border:0.5em solid #a927f9;
    display:block;
    position:absolute;
    border-radius:100%;
    -webkit-animation:loader-10-2 2s infinite ease-in-out;
    animation:loader-10-2 2s infinite ease-in-out
    }
    .loader-box .loader-10:before{
    top:0;
    left:50%
    }
    .loader-box .loader-10:after{
    bottom:0;
    right:50%;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
    }
    @-webkit-keyframes loader-10-1{
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-10-1{
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @-webkit-keyframes loader-10-2{
    0%,100%{
    -webkit-transform:scale(0);
    transform:scale(0)
    }
    50%{
    -webkit-transform:scale(1);
    transform:scale(1)
    }
    
    }
    @keyframes loader-10-2{
    0%,100%{
    -webkit-transform:scale(0);
    transform:scale(0)
    }
    50%{
    -webkit-transform:scale(1);
    transform:scale(1)
    }
    
    }
    .loader-box .loader-11{
    background-color:#f8d62b;
    -webkit-animation:loader-11 1.2s infinite ease-in-out;
    animation:loader-11 1.2s infinite ease-in-out
    }
    @-webkit-keyframes loader-11{
    0%{
    -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
    transform:perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50%{
    -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100%{
    -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
    
    }
    @keyframes loader-11{
    0%{
    -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
    transform:perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50%{
    -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100%{
    -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
    
    }
    .loader-box .loader-12{
    position:relative
    }
    .loader-box .loader-12:before,.loader-box .loader-12:after{
    content:'';
    display:block;
    position:absolute;
    background-color:#dc3545;
    left:50%;
    right:0;
    top:0;
    bottom:50%;
    -webkit-box-shadow:-0.5em 0 0 #dc3545;
    box-shadow:-0.5em 0 0 #dc3545;
    -webkit-animation:loader-12 1s linear infinite;
    animation:loader-12 1s linear infinite
    }
    .loader-box .loader-12:after{
    top:50%;
    bottom:0;
    -webkit-animation-delay:.25s;
    animation-delay:.25s
    }
    @-webkit-keyframes loader-12{
    0%,100%{
    -webkit-box-shadow:-.5em 0 0 transparent;
    box-shadow:-.5em 0 0 transparent;
    background-color:#dc3545
    }
    50%{
    -webkit-box-shadow:-0.5em 0 0 #dc3545;
    box-shadow:-0.5em 0 0 #dc3545;
    background-color:transparent
    }
    
    }
    @keyframes loader-12{
    0%,100%{
    -webkit-box-shadow:-.5em 0 0 transparent;
    box-shadow:-.5em 0 0 transparent;
    background-color:#dc3545
    }
    50%{
    -webkit-box-shadow:-0.5em 0 0 #dc3545;
    box-shadow:-0.5em 0 0 #dc3545;
    background-color:transparent
    }
    
    }
    .loader-box .loader-13:before,.loader-box .loader-13:after,.loader-box .loader-13{
    border-radius:50%;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:loader-13 1.8s infinite ease-in-out;
    animation:loader-13 1.8s infinite ease-in-out
    }
    .loader-box .loader-13{
    color:#3f51b5;
    position:relative;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s;
    top:-1em
    }
    .loader-box .loader-13:before{
    right:100%;
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s
    }
    .loader-box .loader-13:after{
    left:100%
    }
    .loader-box .loader-13:before,.loader-box .loader-13:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    width:inherit;
    height:inherit
    }
    @-webkit-keyframes loader-13{
    0%,80%,100%{
    -webkit-box-shadow:0 1em 0 -1em;
    box-shadow:0 1em 0 -1em
    }
    40%{
    -webkit-box-shadow:0 1em 0 -.2em;
    box-shadow:0 1em 0 -.2em
    }
    
    }
    @keyframes loader-13{
    0%,80%,100%{
    -webkit-box-shadow:0 1em 0 -1em;
    box-shadow:0 1em 0 -1em
    }
    40%{
    -webkit-box-shadow:0 1em 0 -.2em;
    box-shadow:0 1em 0 -.2em
    }
    
    }
    .loader-box .loader-14{
    border-radius:50%;
    -webkit-box-shadow:0 1em 0 -0.2em #f73164;
    box-shadow:0 1em 0 -0.2em #f73164;
    position:relative;
    -webkit-animation:loader-14 0.8s ease-in-out alternate infinite;
    animation:loader-14 0.8s ease-in-out alternate infinite;
    -webkit-animation-delay:0.32s;
    animation-delay:0.32s;
    top:-1em
    }
    .loader-box .loader-14:after,.loader-box .loader-14:before{
    content:'';
    position:absolute;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    -webkit-box-shadow:inherit;
    box-shadow:inherit;
    -webkit-animation:inherit;
    animation:inherit
    }
    .loader-box .loader-14:before{
    left:-1em;
    -webkit-animation-delay:0.48s;
    animation-delay:0.48s
    }
    .loader-box .loader-14:after{
    right:-1em;
    -webkit-animation-delay:0.16s;
    animation-delay:0.16s
    }
    @-webkit-keyframes loader-14{
    0%{
    -webkit-box-shadow:0 2em 0 -0.2em #f73164;
    box-shadow:0 2em 0 -0.2em #f73164
    }
    100%{
    -webkit-box-shadow:0 1em 0 -0.2em #f73164;
    box-shadow:0 1em 0 -0.2em #f73164
    }
    
    }
    @keyframes loader-14{
    0%{
    -webkit-box-shadow:0 2em 0 -0.2em #f73164;
    box-shadow:0 2em 0 -0.2em #f73164
    }
    100%{
    -webkit-box-shadow:0 1em 0 -0.2em #f73164;
    box-shadow:0 1em 0 -0.2em #f73164
    }
    
    }
    .loader-box .loader-15{
    background:#a927f9;
    position:relative;
    -webkit-animation:loader-15 1s ease-in-out infinite;
    animation:loader-15 1s ease-in-out infinite;
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s;
    width:.25em;
    height:.5em;
    margin:0 .5em
    }
    .loader-box .loader-15:after,.loader-box .loader-15:before{
    content:'';
    position:absolute;
    width:inherit;
    height:inherit;
    background:inherit;
    -webkit-animation:inherit;
    animation:inherit
    }
    .loader-box .loader-15:before{
    right:.5em;
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s
    }
    .loader-box .loader-15:after{
    left:.5em;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s
    }
    @-webkit-keyframes loader-15{
    0%,100%{
    -webkit-box-shadow:0 0 0 #a927f9,0 0 0 #a927f9;
    box-shadow:0 0 0 #a927f9,0 0 0 #a927f9
    }
    50%{
    -webkit-box-shadow:0 -0.25em 0 #a927f9,0 0.25em 0 #a927f9;
    box-shadow:0 -0.25em 0 #a927f9,0 0.25em 0 #a927f9
    }
    
    }
    @keyframes loader-15{
    0%,100%{
    -webkit-box-shadow:0 0 0 #a927f9,0 0 0 #a927f9;
    box-shadow:0 0 0 #a927f9,0 0 0 #a927f9
    }
    50%{
    -webkit-box-shadow:0 -0.25em 0 #a927f9,0 0.25em 0 #a927f9;
    box-shadow:0 -0.25em 0 #a927f9,0 0.25em 0 #a927f9
    }
    
    }
    .loader-box .loader-16{
    -webkit-transform:rotateZ(45deg);
    transform:rotateZ(45deg);
    -webkit-perspective:1000px;
    perspective:1000px;
    border-radius:50%
    }
    .loader-box .loader-16:before,.loader-box .loader-16:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    border-radius:50%;
    -webkit-animation:1s spin linear infinite;
    animation:1s spin linear infinite
    }
    .loader-box .loader-16:before{
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg)
    }
    .loader-box .loader-16:after{
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    -webkit-animation-delay:.4s;
    animation-delay:.4s
    }
    @-webkit-keyframes rotate{
    0%{
    -webkit-transform:translate(-50%, -50%) rotateZ(0deg);
    transform:translate(-50%, -50%) rotateZ(0deg)
    }
    100%{
    -webkit-transform:translate(-50%, -50%) rotateZ(360deg);
    transform:translate(-50%, -50%) rotateZ(360deg)
    }
    
    }
    @keyframes rotate{
    0%{
    -webkit-transform:translate(-50%, -50%) rotateZ(0deg);
    transform:translate(-50%, -50%) rotateZ(0deg)
    }
    100%{
    -webkit-transform:translate(-50%, -50%) rotateZ(360deg);
    transform:translate(-50%, -50%) rotateZ(360deg)
    }
    
    }
    @-webkit-keyframes rotateccw{
    0%{
    -webkit-transform:translate(-50%, -50%) rotate(0deg);
    transform:translate(-50%, -50%) rotate(0deg)
    }
    100%{
    -webkit-transform:translate(-50%, -50%) rotate(-360deg);
    transform:translate(-50%, -50%) rotate(-360deg)
    }
    
    }
    @keyframes rotateccw{
    0%{
    -webkit-transform:translate(-50%, -50%) rotate(0deg);
    transform:translate(-50%, -50%) rotate(0deg)
    }
    100%{
    -webkit-transform:translate(-50%, -50%) rotate(-360deg);
    transform:translate(-50%, -50%) rotate(-360deg)
    }
    
    }
    @-webkit-keyframes spin{
    0%,100%{
    -webkit-box-shadow:0.2em 0px 0 0px #a927f9;
    box-shadow:0.2em 0px 0 0px #a927f9
    }
    12%{
    -webkit-box-shadow:0.2em 0.2em 0 0 #a927f9;
    box-shadow:0.2em 0.2em 0 0 #a927f9
    }
    25%{
    -webkit-box-shadow:0 0.2em 0 0px #a927f9;
    box-shadow:0 0.2em 0 0px #a927f9
    }
    37%{
    -webkit-box-shadow:-0.2em 0.2em 0 0 #a927f9;
    box-shadow:-0.2em 0.2em 0 0 #a927f9
    }
    50%{
    -webkit-box-shadow:-0.2em 0 0 0 #a927f9;
    box-shadow:-0.2em 0 0 0 #a927f9
    }
    62%{
    -webkit-box-shadow:-0.2em -0.2em 0 0 #a927f9;
    box-shadow:-0.2em -0.2em 0 0 #a927f9
    }
    75%{
    -webkit-box-shadow:0px -0.2em 0 0 #a927f9;
    box-shadow:0px -0.2em 0 0 #a927f9
    }
    87%{
    -webkit-box-shadow:0.2em -0.2em 0 0 #a927f9;
    box-shadow:0.2em -0.2em 0 0 #a927f9
    }
    
    }
    @keyframes spin{
    0%,100%{
    -webkit-box-shadow:0.2em 0px 0 0px #a927f9;
    box-shadow:0.2em 0px 0 0px #a927f9
    }
    12%{
    -webkit-box-shadow:0.2em 0.2em 0 0 #a927f9;
    box-shadow:0.2em 0.2em 0 0 #a927f9
    }
    25%{
    -webkit-box-shadow:0 0.2em 0 0px #a927f9;
    box-shadow:0 0.2em 0 0px #a927f9
    }
    37%{
    -webkit-box-shadow:-0.2em 0.2em 0 0 #a927f9;
    box-shadow:-0.2em 0.2em 0 0 #a927f9
    }
    50%{
    -webkit-box-shadow:-0.2em 0 0 0 #a927f9;
    box-shadow:-0.2em 0 0 0 #a927f9
    }
    62%{
    -webkit-box-shadow:-0.2em -0.2em 0 0 #a927f9;
    box-shadow:-0.2em -0.2em 0 0 #a927f9
    }
    75%{
    -webkit-box-shadow:0px -0.2em 0 0 #a927f9;
    box-shadow:0px -0.2em 0 0 #a927f9
    }
    87%{
    -webkit-box-shadow:0.2em -0.2em 0 0 #a927f9;
    box-shadow:0.2em -0.2em 0 0 #a927f9
    }
    
    }
    .loader-box .loader-17{
    position:relative;
    background-color:#f8d62b;
    border-radius:50%
    }
    .loader-box .loader-17:after,.loader-box .loader-17:before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    opacity:.8
    }
    .loader-box .loader-17:after{
    left:-.5em;
    top:-.25em;
    background-color:#f8d62b;
    -webkit-transform-origin:30px 35px;
    transform-origin:30px 35px;
    -webkit-animation:loader-17 1s linear infinite;
    animation:loader-17 1s linear infinite;
    opacity:.6
    }
    .loader-box .loader-17:before{
    left:-1.25em;
    top:-.75em;
    background-color:#f8d62b;
    -webkit-transform-origin:40px 40px;
    transform-origin:40px 40px;
    -webkit-animation:loader-17 2s linear infinite;
    animation:loader-17 2s linear infinite
    }
    @-webkit-keyframes loader-17{
    0%{
    -webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);
    transform:rotateZ(0deg) translate3d(0, 0, 0)
    }
    100%{
    -webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);
    transform:rotateZ(360deg) translate3d(0, 0, 0)
    }
    
    }
    @keyframes loader-17{
    0%{
    -webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);
    transform:rotateZ(0deg) translate3d(0, 0, 0)
    }
    100%{
    -webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);
    transform:rotateZ(360deg) translate3d(0, 0, 0)
    }
    
    }
    .loader-box .loader-18{
    position:relative
    }
    .loader-box .loader-18:before,.loader-box .loader-18:after{
    content:'';
    display:block;
    position:absolute;
    border-radius:50%;
    border:.1em solid transparent;
    border-bottom-color:#dc3545;
    top:0;
    left:0;
    -webkit-animation:1s loader-18 linear infinite;
    animation:1s loader-18 linear infinite
    }
    .loader-box .loader-18:before{
    width:40px;
    height:40px
    }
    .loader-box .loader-18:after{
    width:30px;
    height:30px;
    top:.1em;
    left:.1em;
    animation-direction:reverse
    }
    @-webkit-keyframes loader-18{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-18{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-19{
    border-top:0.2em solid #3f51b5;
    border-right:.2em solid transparent;
    -webkit-animation:loader-19 1s linear infinite;
    animation:loader-19 1s linear infinite;
    border-radius:100%;
    position:relative
    }
    @-webkit-keyframes loader-19{
    to{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-19{
    to{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-20{
    background-color:transparent;
    -webkit-box-shadow:inset 0px 0px 0px 0.1em #f73164;
    box-shadow:inset 0px 0px 0px 0.1em #f73164;
    border-radius:50%;
    position:relative
    }
    .loader-box .loader-20:after,.loader-box .loader-20:before{
    position:absolute;
    content:"";
    background-color:#f73164;
    top:24px;
    left:24px;
    height:.1em;
    -webkit-transform-origin:left center;
    transform-origin:left center
    }
    .loader-box .loader-20:after{
    width:.4em;
    -webkit-animation:loader-20 2s linear infinite;
    animation:loader-20 2s linear infinite
    }
    .loader-box .loader-20:before{
    width:20px;
    -webkit-animation:loader-20 8s linear infinite;
    animation:loader-20 8s linear infinite
    }
    @-webkit-keyframes loader-20{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-20{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-21{
    position:relative
    }
    .loader-box .loader-21:before,.loader-box .loader-21:after{
    position:absolute;
    content:""
    }
    .loader-box .loader-21:before{
    width:80%;
    height:80%;
    left:10%;
    bottom:10%;
    border-radius:100% 100% 100% 0;
    -webkit-box-shadow:0px 0px 0px 0.1em #a927f9;
    box-shadow:0px 0px 0px 0.1em #a927f9;
    -webkit-animation:loader-21 1s linear infinite;
    animation:loader-21 1s linear infinite;
    -webkit-transform:rotate(-46deg);
    transform:rotate(-46deg)
    }
    .loader-box .loader-21:after{
    width:1em;
    height:.3em;
    border-radius:100%;
    left:0;
    background-color:rgba(255,255,255,0.2);
    bottom:-.2em;
    z-index:-1
    }
    @-webkit-keyframes loader-21{
    0%{
    top:0
    }
    50%{
    top:-5px
    }
    100%{
    top:0
    }
    
    }
    @keyframes loader-21{
    0%{
    top:0
    }
    50%{
    top:-5px
    }
    100%{
    top:0
    }
    
    }
    .loader-box .loader-22{
    border:0.1em #a927f9 solid;
    border-radius:100%;
    position:relative;
    overflow:hidden;
    z-index:1
    }
    .loader-box .loader-22:after,.loader-box .loader-22:before{
    position:absolute;
    content:"";
    background-color:#a927f9
    }
    .loader-box .loader-22:after{
    width:50%;
    height:.1em;
    left:50%;
    top:50%;
    -webkit-transform-origin:left center;
    transform-origin:left center;
    -webkit-animation:loader-22 2s linear infinite alternate;
    animation:loader-22 2s linear infinite alternate
    }
    .loader-box .loader-22:before{
    width:100%;
    height:40%;
    left:0;
    bottom:0
    }
    @-webkit-keyframes loader-22{
    0%{
    -webkit-transform:rotate(-160deg);
    transform:rotate(-160deg)
    }
    100%{
    -webkit-transform:rotate(-20deg);
    transform:rotate(-20deg)
    }
    
    }
    @keyframes loader-22{
    0%{
    -webkit-transform:rotate(-160deg);
    transform:rotate(-160deg)
    }
    100%{
    -webkit-transform:rotate(-20deg);
    transform:rotate(-20deg)
    }
    
    }
    .loader-box .loader-23{
    height:.5em;
    border:0.1em #f8d62b solid;
    border-radius:.1em;
    position:relative;
    -webkit-animation:loader-23 5s linear infinite;
    animation:loader-23 5s linear infinite
    }
    .loader-box .loader-23:after{
    width:.07em;
    height:100%;
    background-color:#f8d62b;
    border-radius:0px .5em .5em 0px;
    position:absolute;
    content:"";
    top:0;
    left:calc(100% + .1em)
    }
    @-webkit-keyframes loader-23{
    0%{
    -webkit-box-shadow:inset 0px 0px 0px #f8d62b;
    box-shadow:inset 0px 0px 0px #f8d62b
    }
    100%{
    -webkit-box-shadow:inset 1em 0px 0px #f8d62b;
    box-shadow:inset 1em 0px 0px #f8d62b
    }
    
    }
    @keyframes loader-23{
    0%{
    -webkit-box-shadow:inset 0px 0px 0px #f8d62b;
    box-shadow:inset 0px 0px 0px #f8d62b
    }
    100%{
    -webkit-box-shadow:inset 1em 0px 0px #f8d62b;
    box-shadow:inset 1em 0px 0px #f8d62b
    }
    
    }
    .loader-box .loader-24{
    width:.8em;
    height:1em;
    border:0.1em #dc3545 solid;
    border-radius:0px 0px .2em .2em;
    position:relative
    }
    .loader-box .loader-24:after,.loader-box .loader-24:before{
    position:absolute;
    content:""
    }
    .loader-box .loader-24:after{
    width:.2em;
    height:50%;
    border:0.1em #dc3545 solid;
    border-left:none;
    border-radius:0px .5em .5em 0px;
    left:calc(100% + .1em);
    top:.1em
    }
    .loader-box .loader-24:before{
    width:.1em;
    height:.3em;
    background-color:#dc3545;
    top:-.3em;
    left:.05em;
    -webkit-box-shadow:0.2em 0px 0px 0px #dc3545,0.2em -0.2em 0px 0px #dc3545,0.4em 0px 0px 0px #dc3545;
    box-shadow:0.2em 0px 0px 0px #dc3545,0.2em -0.2em 0px 0px #dc3545,0.4em 0px 0px 0px #dc3545;
    -webkit-animation:loader-24 1s linear infinite alternate;
    animation:loader-24 1s linear infinite alternate
    }
    @-webkit-keyframes loader-24{
    0%{
    height:0px
    }
    100%{
    height:6px
    }
    
    }
    @keyframes loader-24{
    0%{
    height:0px
    }
    100%{
    height:6px
    }
    
    }
    .loader-box .loader-25{
    border:0.1em #3f51b5 solid;
    position:relative;
    -webkit-animation:loader-25-1 5s linear infinite;
    animation:loader-25-1 5s linear infinite
    }
    .loader-box .loader-25:after{
    width:.2em;
    height:.2em;
    position:absolute;
    content:"";
    background-color:#3f51b5;
    bottom:calc(100% + .2em);
    left:-.4em;
    -webkit-animation:loader-25-2 1s ease-in-out infinite;
    animation:loader-25-2 1s ease-in-out infinite
    }
    @-webkit-keyframes loader-25-1{
    0%{
    -webkit-box-shadow:inset 0 0 0 0 #3f51b5;
    box-shadow:inset 0 0 0 0 #3f51b5
    }
    100%{
    -webkit-box-shadow:inset 0 -1em 0 0 #3f51b5;
    box-shadow:inset 0 -1em 0 0 #3f51b5
    }
    
    }
    @keyframes loader-25-1{
    0%{
    -webkit-box-shadow:inset 0 0 0 0 #3f51b5;
    box-shadow:inset 0 0 0 0 #3f51b5
    }
    100%{
    -webkit-box-shadow:inset 0 -1em 0 0 #3f51b5;
    box-shadow:inset 0 -1em 0 0 #3f51b5
    }
    
    }
    @-webkit-keyframes loader-25-2{
    25%{
    left:calc(100% + .2em);
    bottom:calc(100% + .2em)
    }
    50%{
    left:calc(100% + .2em);
    bottom:-.4em
    }
    75%{
    left:-.4em;
    bottom:-.4em
    }
    100%{
    left:-.4em;
    bottom:calc(100% + .2em)
    }
    
    }
    @keyframes loader-25-2{
    25%{
    left:calc(100% + .2em);
    bottom:calc(100% + .2em)
    }
    50%{
    left:calc(100% + .2em);
    bottom:-.4em
    }
    75%{
    left:-.4em;
    bottom:-.4em
    }
    100%{
    left:-.4em;
    bottom:calc(100% + .2em)
    }
    
    }
    .loader-box .loader-26{
    width:.5em;
    height:.5em;
    background-color:#f73164;
    -webkit-box-shadow:1em 0px 0px #f73164;
    box-shadow:1em 0px 0px #f73164;
    border-radius:50%;
    -webkit-animation:loader-26 1s ease-in-out infinite alternate;
    animation:loader-26 1s ease-in-out infinite alternate
    }
    @-webkit-keyframes loader-26{
    0%{
    opacity:0.1;
    -webkit-transform:rotate(0deg) scale(0.5);
    transform:rotate(0deg) scale(0.5)
    }
    100%{
    opacity:1;
    -webkit-transform:rotate(360deg) scale(1.2);
    transform:rotate(360deg) scale(1.2)
    }
    
    }
    @keyframes loader-26{
    0%{
    opacity:0.1;
    -webkit-transform:rotate(0deg) scale(0.5);
    transform:rotate(0deg) scale(0.5)
    }
    100%{
    opacity:1;
    -webkit-transform:rotate(360deg) scale(1.2);
    transform:rotate(360deg) scale(1.2)
    }
    
    }
    .loader-box .loader-29{
    border-radius:50%;
    -webkit-box-shadow:inset 0 0 0 0.1em #a927f9,-0.5em -0.5em 0 -0.4em #a927f9,0 -0.7em 0 -0.4em #a927f9,0.5em -0.5em 0 -0.4em #a927f9,-0.5em 0.5em 0 -0.4em #a927f9,0 0.7em 0 -0.4em #a927f9,0.5em 0.5em 0 -0.4em #a927f9,-0.7em 0 0 -0.4em #a927f9,0.7em 0 0 -0.4em #a927f9;
    box-shadow:inset 0 0 0 0.1em #a927f9,-0.5em -0.5em 0 -0.4em #a927f9,0 -0.7em 0 -0.4em #a927f9,0.5em -0.5em 0 -0.4em #a927f9,-0.5em 0.5em 0 -0.4em #a927f9,0 0.7em 0 -0.4em #a927f9,0.5em 0.5em 0 -0.4em #a927f9,-0.7em 0 0 -0.4em #a927f9,0.7em 0 0 -0.4em #a927f9;
    -webkit-animation:5s loader-29 linear infinite;
    animation:5s loader-29 linear infinite
    }
    @-webkit-keyframes loader-29{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-29{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-30{
    border:.2em solid transparent;
    border-top-color:#a927f9;
    border-bottom-color:#a927f9;
    border-radius:50%;
    position:relative;
    -webkit-animation:1s loader-30 linear infinite;
    animation:1s loader-30 linear infinite
    }
    .loader-box .loader-30:before,.loader-box .loader-30:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border:.2em solid transparent;
    border-bottom-color:#a927f9
    }
    .loader-box .loader-30:before{
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    right:-.3em;
    top:-.05em
    }
    .loader-box .loader-30:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:-.3em;
    bottom:-.05em
    }
    @-webkit-keyframes loader-30{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-30{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    .loader-box .loader-31{
    -webkit-box-shadow:0 0 2em #f8d62b;
    box-shadow:0 0 2em #f8d62b;
    background-color:#f8d62b;
    position:relative;
    border-radius:50%;
    -webkit-transform:rotateX(-60deg) perspective(1000px);
    transform:rotateX(-60deg) perspective(1000px)
    }
    .loader-box .loader-31:before,.loader-box .loader-31:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    -webkit-animation:1s loader-31 ease-out infinite;
    animation:1s loader-31 ease-out infinite
    }
    .loader-box .loader-31:after{
    -webkit-animation-delay:.4s;
    animation-delay:.4s
    }
    @-webkit-keyframes loader-31{
    0%{
    opacity:1;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-box-shadow:0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b;
    box-shadow:0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b
    }
    100%{
    opacity:0;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-box-shadow:-1em -1em 0 -0.35em #f8d62b,0 -1.5em 0 -0.35em #f8d62b,1em -1em 0 -0.35em #f8d62b,-1.5em 0 0 -0.35em #f8d62b,1.5em 0 0 -0.35em #f8d62b,-1em 1em 0 -0.35em #f8d62b,0 1.5em 0 -0.35em #f8d62b,1em 1em 0 -0.35em #f8d62b;
    box-shadow:-1em -1em 0 -0.35em #f8d62b,0 -1.5em 0 -0.35em #f8d62b,1em -1em 0 -0.35em #f8d62b,-1.5em 0 0 -0.35em #f8d62b,1.5em 0 0 -0.35em #f8d62b,-1em 1em 0 -0.35em #f8d62b,0 1.5em 0 -0.35em #f8d62b,1em 1em 0 -0.35em #f8d62b
    }
    
    }
    @keyframes loader-31{
    0%{
    opacity:1;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-box-shadow:0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b;
    box-shadow:0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b,0 0 0 -0.5em #f8d62b
    }
    100%{
    opacity:0;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-box-shadow:-1em -1em 0 -0.35em #f8d62b,0 -1.5em 0 -0.35em #f8d62b,1em -1em 0 -0.35em #f8d62b,-1.5em 0 0 -0.35em #f8d62b,1.5em 0 0 -0.35em #f8d62b,-1em 1em 0 -0.35em #f8d62b,0 1.5em 0 -0.35em #f8d62b,1em 1em 0 -0.35em #f8d62b;
    box-shadow:-1em -1em 0 -0.35em #f8d62b,0 -1.5em 0 -0.35em #f8d62b,1em -1em 0 -0.35em #f8d62b,-1.5em 0 0 -0.35em #f8d62b,1.5em 0 0 -0.35em #f8d62b,-1em 1em 0 -0.35em #f8d62b,0 1.5em 0 -0.35em #f8d62b,1em 1em 0 -0.35em #f8d62b
    }
    
    }
    .loader-box .loader-32{
    position:relative;
    border-radius:50%;
    -webkit-box-shadow:0 0 1em 0 #dc3545,inset 0 0 1em 0 #dc3545;
    box-shadow:0 0 1em 0 #dc3545,inset 0 0 1em 0 #dc3545;
    -webkit-animation:1s loader-32 linear infinite;
    animation:1s loader-32 linear infinite
    }
    .loader-box .loader-32:before,.loader-box .loader-32:after{
    content:'';
    display:block;
    width:inherit;
    height:inherit;
    position:absolute;
    border-radius:50%
    }
    .loader-box .loader-32:before{
    border-top:0.2em solid #dc3545;
    border-right:.2em solid transparent;
    top:.28em;
    right:calc(50% - .22em)
    }
    .loader-box .loader-32:after{
    border-bottom:0.2em solid #dc3545;
    border-left:.2em solid transparent;
    bottom:.28em;
    left:calc(50% - .22em)
    }
    @-webkit-keyframes loader-32{
    0%{
    -webkit-transform:rotateX(-60deg) rotateZ(0deg);
    transform:rotateX(-60deg) rotateZ(0deg)
    }
    100%{
    -webkit-transform:rotateX(-60deg) rotateZ(360deg);
    transform:rotateX(-60deg) rotateZ(360deg)
    }
    
    }
    @keyframes loader-32{
    0%{
    -webkit-transform:rotateX(-60deg) rotateZ(0deg);
    transform:rotateX(-60deg) rotateZ(0deg)
    }
    100%{
    -webkit-transform:rotateX(-60deg) rotateZ(360deg);
    transform:rotateX(-60deg) rotateZ(360deg)
    }
    
    }
    .loader-box .loader-34{
    position:relative;
    width:1em;
    height:.5em
    }
    .loader-box .loader-34:after,.loader-box .loader-34:before{
    position:absolute;
    content:"";
    height:.4em;
    width:.4em;
    top:0;
    background-color:#3f51b5;
    border-radius:50%
    }
    .loader-box .loader-34:after{
    right:0;
    -webkit-animation:loader-34-2 0.5s ease-in-out infinite;
    animation:loader-34-2 0.5s ease-in-out infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
    }
    .loader-box .loader-34:before{
    left:0;
    -webkit-animation:loader-34-1 0.5s ease-in-out infinite;
    animation:loader-34-1 0.5s ease-in-out infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
    }
    @-webkit-keyframes loader-34-1{
    0%{
    -webkit-transform:translatex(0px);
    transform:translatex(0px)
    }
    65%{
    height:.4em;
    width:.4em
    }
    100%{
    height:.5em;
    width:.3em;
    -webkit-transform:translatex(0.2em);
    transform:translatex(0.2em)
    }
    
    }
    @keyframes loader-34-1{
    0%{
    -webkit-transform:translatex(0px);
    transform:translatex(0px)
    }
    65%{
    height:.4em;
    width:.4em
    }
    100%{
    height:.5em;
    width:.3em;
    -webkit-transform:translatex(0.2em);
    transform:translatex(0.2em)
    }
    
    }
    @-webkit-keyframes loader-34-2{
    0%{
    -webkit-transform:translatex(0px);
    transform:translatex(0px)
    }
    65%{
    height:.4em;
    width:.4em
    }
    100%{
    height:.5em;
    width:.3em;
    -webkit-transform:translatex(-0.2em);
    transform:translatex(-0.2em)
    }
    
    }
    @keyframes loader-34-2{
    0%{
    -webkit-transform:translatex(0px);
    transform:translatex(0px)
    }
    65%{
    height:.4em;
    width:.4em
    }
    100%{
    height:.5em;
    width:.3em;
    -webkit-transform:translatex(-0.2em);
    transform:translatex(-0.2em)
    }
    
    }
    .loader-box .loader-35{
    margin:0 .5em;
    position:relative
    }
    .loader-box .loader-35:before{
    border-radius:50%;
    background-color:#f73164;
    -webkit-animation:loader-35 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation:loader-35 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    content:'';
    width:inherit;
    height:inherit;
    top:0;
    left:0;
    position:absolute
    }
    @-webkit-keyframes loader-35{
    0%{
    -webkit-transform:translateX(0) scale(1);
    transform:translateX(0) scale(1)
    }
    25%{
    -webkit-transform:translateX(-100%) scale(0.3);
    transform:translateX(-100%) scale(0.3)
    }
    50%{
    -webkit-transform:translateX(0) scale(1);
    transform:translateX(0) scale(1)
    }
    75%{
    -webkit-transform:translateX(100%) scale(0.3);
    transform:translateX(100%) scale(0.3)
    }
    100%{
    -webkit-transform:translateX(0) scale(1);
    transform:translateX(0) scale(1)
    }
    
    }
    @keyframes loader-35{
    0%{
    -webkit-transform:translateX(0) scale(1);
    transform:translateX(0) scale(1)
    }
    25%{
    -webkit-transform:translateX(-100%) scale(0.3);
    transform:translateX(-100%) scale(0.3)
    }
    50%{
    -webkit-transform:translateX(0) scale(1);
    transform:translateX(0) scale(1)
    }
    75%{
    -webkit-transform:translateX(100%) scale(0.3);
    transform:translateX(100%) scale(0.3)
    }
    100%{
    -webkit-transform:translateX(0) scale(1);
    transform:translateX(0) scale(1)
    }
    
    }
    .loader-box .loader-37{
    border-right:0.1em solid #a927f9;
    border-radius:100%;
    -webkit-animation:loader-37 800ms linear infinite;
    animation:loader-37 800ms linear infinite
    }
    .loader-box .loader-37:before,.loader-box .loader-37:after{
    content:'';
    width:.8em;
    height:.8em;
    display:block;
    position:absolute;
    top:calc(50% - .4em);
    left:calc(50% - .4em);
    border-left:0.08em solid #a927f9;
    border-radius:100%;
    animation:loader-37 400ms linear infinite reverse
    }
    .loader-box .loader-37:after{
    width:.6em;
    height:.6em;
    top:calc(50% - .3em);
    left:calc(50% - .3em);
    border:0;
    border-right:0.05em solid #a927f9;
    -webkit-animation:none;
    animation:none
    }
    @-webkit-keyframes loader-37{
    from{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    to{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    
    }
    @keyframes loader-37{
    from{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    to{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    
    }
    .loader-box .loader-38{
    height:0.1em;
    width:0.1em;
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    -webkit-animation:loader-38 6s infinite;
    animation:loader-38 6s infinite
    }
    @-webkit-keyframes loader-38{
    0%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    8.33%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9
    }
    16.66%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9
    }
    24.99%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    33.32%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    41.65%{
    -webkit-box-shadow:0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9
    }
    49.98%{
    -webkit-box-shadow:0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9
    }
    58.31%{
    -webkit-box-shadow:-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    66.64%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    74.97%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    83.3%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    91.63%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    100%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    
    }
    @keyframes loader-38{
    0%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    8.33%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9
    }
    16.66%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9
    }
    24.99%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    33.32%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    41.65%{
    -webkit-box-shadow:0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9
    }
    49.98%{
    -webkit-box-shadow:0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9
    }
    58.31%{
    -webkit-box-shadow:-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    66.64%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    74.97%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    83.3%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    91.63%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9,-0.2em 0.2em 0 0.1em #a927f9
    }
    100%{
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9;
    box-shadow:-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9,-0.2em -0.2em 0 0.1em #a927f9
    }
    
    }
    .loader-box .loader-39{
    position:relative;
    width:.15em;
    height:.15em;
    background-color:#f8d62b;
    border-radius:100%;
    -webkit-animation:loader-39-1 30s infinite linear;
    animation:loader-39-1 30s infinite linear
    }
    .loader-box .loader-39:before,.loader-box .loader-39:after{
    content:'';
    border-radius:100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
    }
    .loader-box .loader-39:before{
    width:20px;
    height:60px;
    -webkit-animation:loader-39-2 .8s linear infinite;
    animation:loader-39-2 .8s linear infinite
    }
    .loader-box .loader-39:after{
    width:60px;
    height:20px;
    -webkit-animation:loader-39-2 1.2s linear infinite;
    animation:loader-39-2 1.2s linear infinite
    }
    @-webkit-keyframes loader-39-1{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @keyframes loader-39-1{
    0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
    
    }
    @-webkit-keyframes loader-39-2{
    0%{
    -webkit-box-shadow:0.04em -0.04em 0 0.02em #f8d62b;
    box-shadow:0.04em -0.04em 0 0.02em #f8d62b
    }
    25%{
    -webkit-box-shadow:0.04em 0.04em 0 0.02em #f8d62b;
    box-shadow:0.04em 0.04em 0 0.02em #f8d62b
    }
    50%{
    -webkit-box-shadow:-0.04em 0.04em 0 0.02em #f8d62b;
    box-shadow:-0.04em 0.04em 0 0.02em #f8d62b
    }
    75%{
    -webkit-box-shadow:-0.04em -0.04em 0 0.02em #f8d62b;
    box-shadow:-0.04em -0.04em 0 0.02em #f8d62b
    }
    100%{
    -webkit-box-shadow:0.04em -0.04em 0 0.02em #f8d62b;
    box-shadow:0.04em -0.04em 0 0.02em #f8d62b
    }
    
    }
    @keyframes loader-39-2{
    0%{
    -webkit-box-shadow:0.04em -0.04em 0 0.02em #f8d62b;
    box-shadow:0.04em -0.04em 0 0.02em #f8d62b
    }
    25%{
    -webkit-box-shadow:0.04em 0.04em 0 0.02em #f8d62b;
    box-shadow:0.04em 0.04em 0 0.02em #f8d62b
    }
    50%{
    -webkit-box-shadow:-0.04em 0.04em 0 0.02em #f8d62b;
    box-shadow:-0.04em 0.04em 0 0.02em #f8d62b
    }
    75%{
    -webkit-box-shadow:-0.04em -0.04em 0 0.02em #f8d62b;
    box-shadow:-0.04em -0.04em 0 0.02em #f8d62b
    }
    100%{
    -webkit-box-shadow:0.04em -0.04em 0 0.02em #f8d62b;
    box-shadow:0.04em -0.04em 0 0.02em #f8d62b
    }
    
    }
    .loader-box .loader-40{
    border:0.05em #dc3545 solid;
    border-radius:.2em;
    overflow:hidden;
    position:relative
    }
    .loader-box .loader-40:after,.loader-box .loader-40:before{
    content:'';
    border-radius:50%;
    position:absolute;
    width:inherit;
    height:inherit;
    -webkit-animation:loader-40 2s infinite linear;
    animation:loader-40 2s infinite linear
    }
    .loader-box .loader-40:before{
    border-top:0.2em #dc3545 solid;
    top:-.15em;
    left:calc( -50% - .15em);
    -webkit-transform-origin:right center;
    transform-origin:right center
    }
    .loader-box .loader-40:after{
    border-bottom:0.2em #dc3545 solid;
    top:.15em;
    right:calc( -50% - .15em);
    -webkit-transform-origin:left center;
    transform-origin:left center
    }
    @-webkit-keyframes loader-40{
    from{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    to{
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
    }
    
    }
    @keyframes loader-40{
    from{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    to{
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
    }
    
    }
    .loader-box .loader-41{
    border:0.05em #3f51b5 solid;
    border-radius:.2em;
    position:relative;
    background:linear-gradient(45deg, transparent 48%, #3f51b5 50%, #3f51b5 50%, transparent 52%, transparent),linear-gradient(-45deg, transparent 48%, #3f51b5 50%, #3f51b5 50%, transparent 52%, transparent);
    background-size:.5em .5em;
    background-position:0% 0%;
    -webkit-animation:loader-41 1s infinite linear;
    animation:loader-41 1s infinite linear
    }
    @-webkit-keyframes loader-41{
    from{
    background-position:0 0
    }
    to{
    background-position:-1em 0
    }
    
    }
    @keyframes loader-41{
    from{
    background-position:0 0
    }
    to{
    background-position:-1em 0
    }
    
    }