/*Hidden class for adding and removing*/
 .gcmi-spinner-blocks.hidden {
     display: none;
}
 .gcmi-spinner-blocks {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     background: rgba(0,0,0,.8);
     z-index: 999;
     opacity: 1;
     transition: all 0.5s;
     display: flex;
     align-items: center;
     justify-content: center;
}
 @keyframes gcmi-spinner-tools {
     0% {background: #CB333B;}
     12.5% {background: #C54D2B;}
     12.625% {background: #75A510;}
     100% {background: #007A33;}
}
@keyframes pulse-white {
     0% {background: #FFFFFF;}
     12.5% {background: #C0C0C0;}
     12.625% {background: #A7A7A7;}
     100% {background: ##FFFFFF;}
}

/* moving styles from inline */
 .gcmi-spinner-box-1 {
	left:38px;
	top:38px;
	animation-delay:0s;
        background: #CB333B;
}
 .gcmi-spinner-box-2 {
	left:80px;
	top:38px;
	animation-delay:0.125s;
        background: #CB333B;
}
 .gcmi-spinner-box-3 {
	left:122px;
	top:38px;
	animation-delay:0.25s;
        background: #CB333B;
}
 .gcmi-spinner-box-4 {
	left:38px;
	top:80px;
	animation-delay:0.875s!important;
        background: #CB333B;
}
 .gcmi-spinner-box-C {
	left:80px;
	top:80px;
        background: #FFFFFF;
        animation-name: pulse-white!important;
}
 .gcmi-spinner-box-5 {
	left:122px;
	top:80px;
	animation-delay:0.375s;
        background: #CB333B;
}
 .gcmi-spinner-box-6 {
	left:38px;
	top:122px;
	animation-delay:0.75s;
        background: #CB333B;
}
 .gcmi-spinner-box-7 {
	left:80px;
	top:122px;
	animation-delay:0.625s;
        background: #CB333B;
}
 .gcmi-spinner-box-8 {
	left:122px;
	top:122px;
	animation-delay:0.5s;
        background: #CB333B;
}

 .gcmi-spinner-tools div {
     position: absolute;
     width: 40px;
     height: 40px;
     animation-name: gcmi-spinner-tools;
     animation-duration: 1s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
}
 .gcmi-spinner-tools {
     width: 120px;
     height: 120px;
     position: relative;
     transform: translateZ(0) scale(1);
     backface-visibility: hidden;
     transform-origin: 0 0;
    /* see note above */
}
 .gcmi-spinner-tools div {
     box-sizing: content-box;
}
/* generated by https://loading.io/ */