/* **************************loader*********************** */
svg {
  	animation: upDown 1s ease-in-out infinite;
    position: absolute;
    top: 54px;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}
.loader-circle, .loader-pointer, .loader-line {
	fill: none;
	stroke-width: 5px;
	stroke:  var(--primary-color);
}

.loader-center {
	fill: var(--primary-color);
}

.loader-pointer {
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
  transform-origin: bottom center;
	animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
}

.loader-line {
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
  transform-origin: bottom center;
	animation: spin 60s linear infinite;
  -moz-animation: spin 60s linear infinite;
  -webkit-animation: spin 60s linear infinite;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg);-moz-transform-origin: 50% 50%; }
    to { -moz-transform: rotate(360deg);-moz-transform-origin: 50% 50%; }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg);-webkit-transform-origin: 50% 50%; }
    to { -webkit-transform: rotate(360deg);-webkit-transform-origin: 50% 50%; }
}
@keyframes spin {
    from {transform:rotate(0deg);transform-origin: 50% 50%;}
    to {transform:rotate(360deg);transform-origin: 50% 50%;}
} 
/* ************************************************* */