/**
Theme Name:   Bloop
Theme URI:    https://bloopcom.com/
Author:       Bloopcom
Author URI:   
Description:  Bloop Custom theme based on client Requirements.
Version: 1.0.0
Text Domain: https://bloopcom.com/
**/

.image-content {
    padding: 200px 0 160px 0;
}

/* Preloader Styles */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; 
}

/* #preloader .loader {
    width: 50px;
    height: 50px;
    border: 5px solid #ddd;
    border-top-color: #B4D235;
    border-radius: 50%;
	
} */

/* Spinner Animation */
/* @keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} */



.loader_circle_1s{
    animation: rotateClockwise 1s linear infinite;
    transform-origin: center;      
    transform-box: fill-box;
    }
    .loader_circle_12s{
    animation: rotateClockwise 12s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    }
    .loader_circle_144s{
    animation: rotateClockwise 144s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    }
    .loader_circle_1{
    animation: rotateClockwise 1.5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    }
    .loader_circle_2{
    animation: rotateClockwise 2.5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    }
    .loader_circle_3{
    animation: rotateClockwise 3.5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    }
    .loader_circle_4{
    animation: rotateClockwise 4.5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    }
    .loader_circle_5{
    animation: rotateClockwise 5.5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    }
    .loader_circle_6{
    animation: rotateClockwise 6.5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    }

    @keyframes rotateClockwise {
    from {
    transform: rotate(0deg);
    }
    to {
    transform: rotate(360deg);
    }
    }
        .loader_circle_1_counter{
        animation: rotateCounterClockwise 1.5s linear infinite;
        transform-origin: center;
        transform-box: fill-box;
        }
        .loader_circle_2_counter{
        animation: rotateCounterClockwise 2.5s linear infinite;
        transform-origin: center;
        transform-box: fill-box;
        }
        .loader_circle_3_counter{
        animation: rotateCounterClockwise 3.5s linear infinite;
        transform-origin: center;
        transform-box: fill-box;
        }
        .loader_circle_4_counter{
        animation: rotateCounterClockwise 4.5s linear infinite;
        transform-origin: center;
        transform-box: fill-box;
        }
        .loader_circle_5_counter{
        animation: rotateCounterClockwise 5.5s linear infinite;
        transform-origin: center;
        transform-box: fill-box;
        }
        .loader_circle_6_counter{
        animation: rotateCounterClockwise 6.5s linear infinite;
        transform-origin: center;
        transform-box: fill-box;
        }

    @keyframes rotateCounterClockwise {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(-360deg);
        }
      }