.search_form_loader .loader_dot{
    animation: spin 2s linear infinite;
    display: inline-block;
    padding: 4px;
    margin: 10px;
    opacity: 0;
    border-radius: 100px;
    background-color: black;
    overflow: hidden;
    line-height: 0;
}
.search_form_loader.loading > .loader_dot {
    animation-delay: 0.5s;
}
.search_form_loader.loading > .loader_dot.dot-1 {animation: okam_ajax_form_loading_anim_1 0.8s linear infinite;}
.search_form_loader.loading > .loader_dot.dot-2 {animation: okam_ajax_form_loading_anim_2 0.8s linear infinite;}
.search_form_loader.loading > .loader_dot.dot-3 {animation: okam_ajax_form_loading_anim_3 0.8s linear infinite;}
.search_form_loader.loading > .loader_dot.dot-4 {animation: okam_ajax_form_loading_anim_4 0.8s linear infinite;}
.search_form_loader.loading > .loader_dot.dot-5 {animation: okam_ajax_form_loading_anim_5 0.8s linear infinite;}
.search_form_loader.loading > .loader_dot.dot-6 {animation: okam_ajax_form_loading_anim_6 0.8s linear infinite;}
.search_form_loader.loading > .loader_dot.dot-7 {animation: okam_ajax_form_loading_anim_7 0.8s linear infinite;}
.search_form_loader.loading > .loader_dot.dot-8 {animation: okam_ajax_form_loading_anim_8 0.8s linear infinite;}
@keyframes okam_ajax_form_loading_anim_1 {                       0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; }  65% { opacity: 0; } 100% { opacity: 0; }    } 
@keyframes okam_ajax_form_loading_anim_2 {  0% { opacity: 0; }  10% { opacity: 0; } 20% { opacity: 1; } 30% { opacity: 1; }  70% { opacity: 0; } 100% { opacity: 0; }    } 
@keyframes okam_ajax_form_loading_anim_3 {  0% { opacity: 0; }  20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; }  75% { opacity: 0; } 100% { opacity: 0; }    } 
@keyframes okam_ajax_form_loading_anim_4 {  0% { opacity: 0; }  30% { opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; }  80% { opacity: 0; } 100% { opacity: 0; }    } 
@keyframes okam_ajax_form_loading_anim_5 {  0% { opacity: 0; }  40% { opacity: 0; } 50% { opacity: 1; } 60% { opacity: 1; }  85% { opacity: 0; } 100% { opacity: 0; }    } 
@keyframes okam_ajax_form_loading_anim_6 {  0% { opacity: 0; }  50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; }  90% { opacity: 0; } 100% { opacity: 0; }    } 
@keyframes okam_ajax_form_loading_anim_7 {  0% { opacity: 0; }  60% { opacity: 0; } 70% { opacity: 1; } 80% { opacity: 1; }  95% { opacity: 0; } 100% { opacity: 0; }    } 
@keyframes okam_ajax_form_loading_anim_8 {  0% { opacity: 0; }  70% { opacity: 0; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; }                         }