/* Loader */
#loader-wrapper.full-page {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: #fff;
}

#loader-wrapper.inner-div {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: rgba(255,255,255,0.7);
}

.load {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    display: block;
}

.load.load-medium {
	width: 50px;
    height: 50px;
}

.load.load-small {
	width: 25px;
    height: 25px;
}

.load span {
    border: 0;
    margin: 0;
    width: 40%;
    height: 40%;
    position: absolute;
    border-radius: 50%;
    animation: spin 2s ease infinite;
}

.load :first-child {
    background: #f68620;
    animation-delay: -1.5s;
}

.load :nth-child(2) {
    background: #e47d21;
    animation-delay: -1s;
}

.load :nth-child(3) {
    background: #d3711a;
    animation-delay: -0.5s;
}

.load :last-child {
    background: #be681b;
}


/* Wersja niebieska podstawowa*/
.load.load-blue :first-child {
    background: #1d5c98;
    animation-delay: -1.5s;
}

.load.load-blue :nth-child(2) {
    background: #246aab;
    animation-delay: -1s;
}

.load.load-blue :nth-child(3) {
    background: #2a78c1;
    animation-delay: -0.5s;
}

.load.load-blue :last-child {
    background: #2f85d6;
}

/* Wersja niebieska nowa*/
.load.load-blue-modern :first-child {
    background: #406a92;
    animation-delay: -1.5s;
}

.load.load-blue-modern :nth-child(2) {
    background: #4a7aa6;
    animation-delay: -1s;
}

.load.load-blue-modern :nth-child(3) {
    background: #568bbd;
    animation-delay: -0.5s;
}

.load.load-blue-modern :last-child {
    background: #609cd4;
}

/* Wersja zielona*/
.load.load-green :first-child {
    background: #27633d;
    animation-delay: -1.5s;
}

.load.load-green :nth-child(2) {
    background: #31754a;
    animation-delay: -1s;
}

.load.load-green :nth-child(3) {
    background: #3c8d5a;
    animation-delay: -0.5s;
}

.load.load-green :last-child {
    background: #47a269;
}

/* Wersja szara*/
.load.load-gray :first-child {
    background: #999999;
    animation-delay: -1.5s;
}

.load.load-gray :nth-child(2) {
    background: #ababab;
    animation-delay: -1s;
}

.load.load-gray :nth-child(3) {
    background: #bbbbbb;
    animation-delay: -0.5s;
}

.load.load-gray :last-child {
    background: #cacaca;
}

/* Wersja pomarańczowa*/
.load.load-orange :first-child {
    background: #b05924;
    animation-delay: -1.5s;
}

.load.load-orange :nth-child(2) {
    background: #c5642a;
    animation-delay: -1s;
}

.load.load-orange :nth-child(3) {
    background: #d86d2d;
    animation-delay: -0.5s;
}

.load.load-orange :last-child {
    background: #eb7934;
}

/* Wersja czerwony*/
.load.load-red :first-child {
    background: #832a2d;
    animation-delay: -1.5s;
}

.load.load-red :nth-child(2) {
    background: #9a3338;
    animation-delay: -1s;
}

.load.load-red :nth-child(3) {
    background: #ae383e;
    animation-delay: -0.5s;
}

.load.load-red :last-child {
    background: #c23e44;
}

/* Wersja fioletowa*/
.load.load-violet :first-child {
    background: #703565;
    animation-delay: -1.5s;
}

.load.load-violet :nth-child(2) {
    background: #844078;
    animation-delay: -1s;
}

.load.load-violet :nth-child(3) {
    background: #98498a;
    animation-delay: -0.5s;
}

.load.load-violet :last-child {
    background: #aa549b;
}


@keyframes spin {
    0%, 100% {
        transform: translate(0)
    }
    25% {
        transform: translate(160%)
    }
    50% {
        transform: translate(160%, 160%)
    }
    75% {
        transform: translate(0, 160%)
    }
}

.js .load, .js #loader-wrapper {
  display: block;
}