*{margin:0; padding:0;}
body{background-color: #000;}

.spinner-logo {
	width: 146px;
	height: 37px;
	position: absolute;
	margin-top: 92px;
	margin-left: 36px;
	background-size: 120px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(images/logo-loader.png);
}

.catalog.catalog-show-spare-parts .cssload-loader {position: absolute;}
.catalog.catalog-show-spare-parts .load-more-gif{position: absolute; height: 100%;}
.catalog.catalog-show-spare-parts .load-more-gif .cssload-loader {margin-top: -11px;}

.filter-target .cssload-loader {position: absolute;}

            
.cssload-loader {
	position: fixed;
	left: calc(50% - 110px);
	width: 220px;
	height: 220px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 1700px;
}


/* tree nahradni dily */
.pop-tree-kolem.loading { width: 100px; height: 100px; background-color: #eee;  }
.pop-tree-kolem .load-more-gif { display: block; background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; background-size: 35px auto;}
.pop-tree-kolem .load-more-gif .cssload-loader{display: none;}
/* .pop-tree-kolem .load-more-gif .cssload-loader { margin-left: 20px; position: relative; width: 60px; height: 60px; left: 0; top: 0; background: none; } */




/* detail produktu - přidání */
body.page-product .catalog-loader {background: rgba(255,255,255,0.6); left:0; top:0; width: 100%; height: 100vh;}
body.page-product .catalog-loader .cssload-loader{margin-top: 45px;}
body.page-product .catalog-loader .cssload-inner.cssload-one,
body.page-product .catalog-loader .cssload-inner.cssload-two,
body.page-product .catalog-loader .cssload-inner.cssload-three{border-color: rgb(0,0,0);}
body.page-product .catalog-loader .spinner-logo{background-image: url(images/logo-loader-b.png);}

/* seznam produktů - načíst další */
.load-more-gif{text-align:center; background-color: rgba(255,255,255,0.6); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index:200;}
/* auto loading
	.load-more-gif{text-align:center; background-color: rgba(255,255,255,0.6); position: fixed; left:0; top:0; width: 100%; height: 100vh; z-index:200;}
	.load-more-gif .cssload-loader{margin-top: calc(50vh - 110px);}
*/
.load-more-gif .cssload-inner.cssload-one,
.load-more-gif .cssload-inner.cssload-two,
.load-more-gif .cssload-inner.cssload-three{border-color: rgb(0,0,0);}
.load-more-gif .spinner-logo{background-image: url(images/logo-loader-b.png);}

/* košík - změny loading */
.basket-loading .cssload-loader{margin-top: 45px;}
.basket-loading .cssload-inner.cssload-one,
.basket-loading .cssload-inner.cssload-two,
.basket-loading .cssload-inner.cssload-three{border-color: rgb(0,0,0);}
.basket-loading .spinner-logo{background-image: url(images/logo-loader-b.png);} 

.loading .cssload-loader{margin-top: 20px;}
.loading .cssload-inner.cssload-one,
.loading .cssload-inner.cssload-two,
.loading .cssload-inner.cssload-three{border-color: rgb(0,0,0);}
.loading .spinner-logo{background-image: url(images/logo-loader-b.png);} 

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 6px solid rgb(255,255,255);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 6px solid rgb(255,255,255);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 6px solid rgb(255,255,255);
}







@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}