.it_pl_grid_loading .it_pl_grid_loading_layout_1,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_1{
    width:50px;
    height:100px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.it_pl_grid_loading .it_pl_grid_loading_layout_1_effect,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_1_effect{
    width:25px;
    height:25px;
    position:absolute;
    top:0;
    left:50%;
    animation:it_pl_grid_loading_layout_1_animation 4s ease infinite;
    transform:translateX(-50%) rotate(45deg);
}

.it_pl_grid_loading .it_pl_grid_loading_layout_1_effect > div,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_1_effect > div{
    position:absolute;
    border:2px solid #9f722f;
    width:25px;
    height:25px;
    box-sizing: border-box;
    background: transparent;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_1_effect .child-1,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_1_effect .child-1{
    animation:it_pl_grid_loading_layout_1_1_animation 4s ease-in-out infinite;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_1_effect .child-2,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_1_effect .child-2{
    animation:it_pl_grid_loading_layout_1_2_animation 4s ease-in-out infinite;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_1_effect .child-3,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_1_effect .child-3{
    animation:it_pl_grid_loading_layout_1_3_animation 4s ease-in-out infinite;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_1_effect .child-4,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_1_effect .child-4{
    animation:it_pl_grid_loading_layout_1_4_animation 4s ease-in-out infinite;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_1 .child-text,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_1 .child-text{
    position:absolute;
    top:80px;
    left:50%;
    transform:translateX(-50%);
    white-space: nowrap;
    color:#9f722f;
    text-transform: capitalize;
}

@keyframes it_pl_grid_loading_layout_1_animation {
    0%{
        transform:translateX(-50%) rotate(45deg);
    }
    15%{
        transform:translateX(-50%) rotate(405deg);
    }
    60%{
        transform:translateX(-50%) rotate(405deg);
    }
}

@keyframes it_pl_grid_loading_layout_1_1_animation{
    10%{
        transform:translate(0,0);
    }
    20%{
        transform:translate(-65%,-65%);
    }
    25%{
        transform:translate(-65%,-65%);
    }
    30%{
        transform:translate(-65%,-65%) rotate(45deg);
    }
    35%{
        transform:translate(-65%,-65%) rotate(45deg);
    }
    40%{
        transform:translate(-65%,-65%) rotate(90deg);
    }
    45%{
        transform:translate(-65%,-65%) rotate(90deg);
    }
    50%{
        transform:translate(-65%,-65%) rotate(135deg);
    }
    60%{
        transform:translate(-65%,-65%) rotate(135deg);
    }
    70%{
        transform:translate(0,0);
    }
}

@keyframes it_pl_grid_loading_layout_1_2_animation{
    10%{
        transform:translate(0,0);
    }
    20%{
        transform:translate(65%,-65%);
    }
    25%{
        transform:translate(65%,-65%);
    }
    30%{
        transform:translate(65%,-65%) rotate(45deg);
    }
    35%{
        transform:translate(65%,-65%) rotate(45deg);
    }
    40%{
        transform:translate(65%,-65%) rotate(90deg);
    }
    45%{
        transform:translate(65%,-65%) rotate(90deg);
    }
    50%{
        transform:translate(65%,-65%) rotate(135deg);
    }
    60%{
        transform:translate(65%,-65%) rotate(135deg);
    }
    70%{
        transform:translate(0,0);
    }
}

@keyframes it_pl_grid_loading_layout_1_3_animation{
    10%{
        transform:translate(0,0);
    }
    20%{
        transform:translate(-65%,65%);
    }
    25%{
        transform:translate(-65%,65%);
    }
    30%{
        transform:translate(-65%,65%) rotate(45deg);
    }
    35%{
        transform:translate(-65%,65%) rotate(45deg);
    }
    40%{
        transform:translate(-65%,65%) rotate(90deg);
    }
    45%{
        transform:translate(-65%,65%) rotate(90deg);
    }
    50%{
        transform:translate(-65%,65%) rotate(135deg);
    }
    60%{
        transform:translate(-65%,65%) rotate(135deg);
    }
    70%{
        transform:translate(0,0);
    }
}

@keyframes it_pl_grid_loading_layout_1_4_animation{
    10%{
        transform:translate(0,0);
    }
    20%{
        transform:translate(65%,65%);
    }
    25%{
        transform:translate(65%,65%);
    }
    30%{
        transform:translate(65%,65%) rotate(45deg);
    }
    35%{
        transform:translate(65%,65%) rotate(45deg);
    }
    40%{
        transform:translate(65%,65%) rotate(90deg);
    }
    45%{
        transform:translate(65%,65%) rotate(90deg);
    }
    50%{
        transform:translate(65%,65%) rotate(135deg);
    }
    60%{
        transform:translate(65%,65%) rotate(135deg);
    }
    70%{
        transform:translate(0,0);
    }
}

.it_pl_grid_loading .it_pl_grid_loading_layout_2 ,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0;
}
.it_pl_grid_loading .it_pl_grid_loading_layout_2 div ,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_2 div {
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    margin: 0;
    height: 10px;
    width: 10px;
    border: 3px solid #2b8ccd;
    border-radius: 100%;
    -webkit-transform: transformZ(0);
    transform: transformZ(0);
    -webkit-animation: LOADING 2s infinite;
    animation: LOADING 2s infinite;
}
.it_pl_grid_loading .it_pl_grid_loading_layout_2 div:nth-child(1n) ,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_2 div:nth-child(1n) {
    left: -20px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.it_pl_grid_loading .it_pl_grid_loading_layout_2 div:nth-child(2n) ,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_2 div:nth-child(2n) {
    left: 0;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.it_pl_grid_loading .it_pl_grid_loading_layout_2 div:nth-child(3n) ,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_2 div:nth-child(3n) {
    left: 20px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
@-webkit-keyframes LOADING {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: #2b8ccd;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: white;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: #2b8ccd;
    }
}

@keyframes LOADING {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: #2b8ccd;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: white;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: #2b8ccd;
    }
}
@-webkit-keyframes LOADINGREV {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: white;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #2b8ccd;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: white;
    }
}
@keyframes LOADINGREV {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: white;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #2b8ccd;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: white;
    }
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3{
    position:absolute;
    top:50%;
    left:50%;
    width:auto;
    white-space:nowrap;
    height:8px;
    text-align: center;
    transform:translate(-50%,-50%);
    cursor: default;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3 > div,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3 > div{
    width:8px;
    height:8px;
    background-color: #3d3d3d;
    border-radius:50%;
    display:inline-block;
    margin:0 6px;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3 .child-3.child-left,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3 .child-3.child-left{
    animation:it_pl_grid_loading_layout_3_left 0.5s ease-in-out infinite alternate;
    animation-delay:0.2s;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3 .child-2.child-left,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3 .child-2.child-left{
    animation:it_pl_grid_loading_layout_3_left 0.5s ease-in-out infinite alternate;
    animation-delay:0.4s;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3 .child-1.child-left,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3 .child-1.child-left{
    animation:it_pl_grid_loading_layout_3_left 0.5s ease-in-out infinite alternate;
    animation-delay:0.6s;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3 .child-1.child-right,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3 .child-1.child-right{
    animation:it_pl_grid_loading_layout_3_right 0.5s ease-in-out infinite alternate;
    animation-delay:0.2s;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3 .child-2.child-right,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3 .child-2.child-right{
    animation:it_pl_grid_loading_layout_3_right 0.5s ease-in-out infinite alternate;
    animation-delay:0.4s;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3 .child-3.child-right,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3 .child-3.child-right{
    animation:it_pl_grid_loading_layout_3_right 0.5s ease-in-out infinite alternate;
    animation-delay:0.6s;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_3 .child-text,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_3 .child-text{
    width:auto;
    height:auto;
    background-color:transparent;
    display:inline-block;
    margin:0 8px;
}

@keyframes it_pl_grid_loading_layout_3_left {
    0%{
        transform:translate(0,0);
    }
    100%{
        transform:translate(-60%,0);
        opacity:0.5;
    }
}

@keyframes it_pl_grid_loading_layout_3_right {
    0%{
        transform:translate(0,0);
    }
    100%{
        transform:translate(60%,0);
        opacity:0.5;
    }
}

.it_pl_grid_loading .it_pl_grid_loading_layout_4,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_4{
    position:absolute;
    top:50%;
    left:50%;
    width:80px;
    height:80px;
    transform:translate(-50%,-50%);
    animation:it_pl_grid_loading_layout_4_effect 1.2s ease-in-out infinite;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_4 > div,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_4 > div{
    position:absolute;
    width:25px;
    height:25px;
    border-radius:50%;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_4 .child-1,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_4 .child-1{
    background-color: #ff5954;
    top:0;
    left:0;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_4 .child-2,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_4 .child-2{
    background-color: #1f4c59;
    top:0;
    right:0;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_4 .child-3,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_4 .child-3{
    background-color: #00b39f;
    bottom:0;
    left:0;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_4 .child-4,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_4 .child-4{
    background-color: #ffb364;
    bottom:0;
    right:0;
}

@keyframes it_pl_grid_loading_layout_4_effect {
    0%{
        transform:translate(-50%,-50%) rotate(0);
    }
    50%{
        transform:translate(-50%,-50%) rotate(180deg);
        width:55px;
        height:55px;
    }
    100%{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}

.it_pl_grid_loading .it_pl_grid_loading_layout_5,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_5{
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    border-radius:50%;
    background-color: #404040;
    transform:translate(-50%,-50%);
    animation:it_pl_grid_loading_layout_5_effect 0.6s ease-in-out infinite alternate;
}

.it_pl_grid_loading .it_pl_grid_loading_layout_5:before,
.it_pl_grid_main_o_loading .it_pl_grid_loading_layout_5:before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:48px;
    height:48px;
    transform:translate(-50%,-50%);
    border:2px solid #404040;
    border-radius:50%;
    animation:it_pl_grid_loading_layout_5_before_effect 1.2s ease-in-out infinite;
}

@keyframes it_pl_grid_loading_layout_5_effect {
    0%{
        transform:translate(-50%,-50%);
    }
    100%{
        transform:translate(-50%,-50%) scale(0.6);
    }
}

@keyframes it_pl_grid_loading_layout_5_before_effect {
    0%{
        transform:translate(-50%,-50%);
    }
    80%{
        transform:translate(-50%,-50%) scale(2.9);
        opacity:0;
    }
    100%{
        transform:translate(-50%,-50%) scale(2.9);
        opacity:0;
    }
}