@font-face {
	font-family: "Rubik-Bold";
	src: url("/font/Rubik/Rubik-Bold.ttf") format('truetype');
}
@font-face {
	font-family: "Rubik-Medium";
	src: url("/font/Rubik/Rubik-Medium.ttf") format('truetype');
}
@font-face {
	font-family: "Rubik-Light";
	src: url("/font/Rubik/Rubik-Light.ttf") format('truetype');
}
@font-face {
	font-family: "Rubik-Italic";
	src: url("/font/Rubik/Rubik-Italic.ttf") format('truetype');
}
@font-face {
	font-family: "Rubik-Black";
	src: url("/font/Rubik/Rubik-Black.ttf") format('truetype');
}

h1 {
	color: #31b30b;
} h1, h2, h3, h4, h5, h6, p, li, a {
	font-family: "Rubik-Medium";
} h4, h5 {
	font-family: "Rubik-Medium";
} p, li {
	color: #313131;
	line-height: 1.2;
	font-size: 17px !important;
	font-family: "Rubik-Light" !important;
} 


/**/
@media (max-width: 575.98px) {
	#menu-container {
		flex-direction: column;
	} .navbar ul {
		margin-right: 0px !important;
	} 
} @media (min-width: 575.98px) and (max-width: 767.98px) {
	#menu-container {
		flex-direction: column;
	} .navbar ul {
		margin-right: 0px !important;
	}
} @media (min-width: 767.98px) and (max-width: 991.98px) {
} @media (min-width: 991.98px) and (max-width: 1199.98px) {
}
/**/

.rbold {
	font-family: "Rubik-Bold";
} .rmedium {
	font-family: "Rubik-Medium";
} .rlight {
	font-family: "Rubik-Light";
} .ritalic {
	font-family: "Rubik-Italic";
} .rblack {
	font-family: "Rubik-Black";
} 

/* MENU */
.navbar  {
	background-color: #fff;
} #logo-menu {
	min-height: 50px;
	max-height: 50px;
} #search-btn {
	border: 0px;
	padding: 5px 5px;
} #search-btn:hover {
	color: #4bba03;
	background-color: #fff;
} .navbar a {
	font-size: 14px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#search-box {
	border: 0px;
	border-bottom: 1px solid #4bba03;
	border-radius: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
} #search-box::placeholder {
	margin: 0px;
	padding: 0px;
	line-height: 3;
} nav .active {
	background-color: #4bba03;
	color: #fff !important;
} nav .nav-item {
	margin-left: 5px;
	margin-right: 5px;
} nav .nav-item:hover {
	background-color: #4bba03;
	transform: scale(1.1);
	transition-duration: 1s;
} nav .nav-item:hover a {
	color: #fff !important;
} nav .nav-link {
	padding: 4px;
}

/* FOOTER */
footer {
	background-color: #51a44cee;
	padding: 40px 0px 0px;
} footer i {
	margin-right: 20px;
} footer p, footer small {
	color: #fff;
	font-size: 12px;
	margin-bottom: 5px;
} footer .white-line {
	min-height: 1px;
	background-color: #fff;
} footer #logo_footer {
	width: 160px !important;
} footer #gotoup {
	position: fixed;
	z-index: 999;
	top: auto;
	left: auto;
	right: 5%;
	bottom: 5%;
	color: #4bba03;
} #footer #gotoup:hover {
	color: #4bba03;
} footer #gotoup i {
	margin: 0px;
}

/**/
.metodika {
	background-image: url('/img/footer/metodika.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 30px;
}

.green-line {
	background-color: #4bba03;
	width: 200px;
	min-height: 2px;
} 

.white-line {
	background-color: #fff;
	width: 200px;
	min-height: 2px;
} 

/**/
html {
	scroll-behavior: smooth;

	@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
/**/