@font-face {
    font-family: VariableFont; /* Имя шрифта */
    src: url(fonts/Bitter-VariableFont_wght.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: Nunito; /* Имя шрифта */
    src: url(fonts/Nunito-Black.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: SourceSerif; /* Имя шрифта */
    src: url(fonts/SourceSerifPro-Black.ttf); /* Путь к файлу со шрифтом */
}

.search-ns{
    border: 1px solid #52616b;
    transition: 0.2s;
    border-radius: 5px;
}

.search-ns:active{
    border: none;
    transition: 0.2s;
}

.menufont{
    font-family: VariableFont;
}


/* */

.cssload-container{
	position:relative;
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(204,204,204);
	border-left-color: rgb(0,0,0);
	border-radius: 524px;
		-o-border-radius: 524px;
		-ms-border-radius: 524px;
		-webkit-border-radius: 524px;
		-moz-border-radius: 524px;
}

.cssload-whirlpool {
	margin: -13px 0 0 -13px;
	height: 26px;
	width: 26px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -12px 0 0 -12px;
	height: 23px;
	width: 23px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -15px 0 0 -15px;
	height: 29px;
	width: 29px;
	animation: cssload-rotate 2300ms linear infinite;
		-o-animation: cssload-rotate 2300ms linear infinite;
		-ms-animation: cssload-rotate 2300ms linear infinite;
		-webkit-animation: cssload-rotate 2300ms linear infinite;
		-moz-animation: cssload-rotate 2300ms linear infinite;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}