/*
Theme Name: Zuska
Theme URI: 
Author: infocount.cz
Author URI: https://infocount.cz/
Description: Theme for Zuska
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zuska-theme
*/

html, body, h1, h2, h3, h4, ul, ol, li, p {
	margin: 0;
	padding: 0;
}

body, h1, h2, h3, h4, div, p, li, a, input, textarea, select, button {
	color: #000000;
	font-family: 'Sora', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

body {
	background-color: #f9f5f1;
}

a {
	color: #007366;
	text-decoration: none;
}
a:hover {
	color: #ec8394;
	text-decoration: none;
}

img {
	display: block;
}

ul {
	list-style-type: none;
}

*, ::after, ::before {
	box-sizing: unset;
}

.container {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	max-width: 1680px;
	padding: 80px 40px;
	margin: 0 auto;
}

/* header */

header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
header.fixed {
	position: fixed;
	background-color: #f9f5f1;
}
header.open {
	background: #f9f5f1 url('img/watermark.png') left bottom no-repeat;;
}

header .container {
	flex-direction: row;
	justify-content: space-between;
	gap: 40px;
	max-width: unset;
	padding-top: 30px;
	padding-bottom: 30px;
}
header.fixed .container {
	padding-top: 20px;
	padding-bottom: 20px;
}

header .brand a {
	position: relative;
	display: block;
	width: 180px;
	height: 80px;
	overflow: hidden;
	text-indent: -99999px;
}
header .brand a::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0a005f;
	z-index: 1;
}
.home header .brand a::before,
.field header .brand a::before {
	background-color: #ffffff;
}
.home header.fixed .brand a::before,
.field header.fixed .brand a::before,
header.open .brand a::before,
header.active .brand a::before {
	background-color: #0a005f;
}
header .brand a:hover::before,
header.fixed .brand a:hover::before,
header.open .brand a:hover::before {
	background-color: #ec8394;
}

header .menu {
	display: flex;
	gap: 40px;
	padding: 10px 0;
}
header .menu ul {
	display: none;
	flex-direction: column;
}
header .menu li.items.active ul {
	display: flex;
	width: 100%;
	padding-top: 30px;
}
header .menu li.items.active ul::before {
	content: "";
}
header .menu ul li {
	height: 36px;
}
header .menu a {
	position: relative;
	display: block;
	color: #ec8394;
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	padding: 10px 0;
}
header .menu ul a {
	position: absolute;
	color: #0a005f;
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
	text-wrap: nowrap;
	padding: 0;
}
.field header .menu a {
	color: #ffffff;
}
.field header.fixed .menu a,
.field header.open .menu a,
.field header.active .menu a {
	color: #ec8394;
}
.field header.open .menu ul a {
	color: #0a005f;
}
header .menu .button a {
	color: #ec8394;
	background-color: #ffffff;
	padding: 12px 20px;
	border-radius: 30px;
}

header .menu a:hover {
	color: #0a005f;
}
header .menu ul a:hover {
	color: #ec8394;
}
.field header .menu a:hover {
	color: #ffffff;
}
.field header.fixed .menu a:hover {
	color: #0a005f;
}
.home header .menu a:hover {
	color: #ffffff;
}
.home header.fixed .menu a:hover,
header.open .menu a:hover,
header.active .menu a:hover::before {
	color: #0a005f;
}
.home header.fixed.open .menu a:hover,
header.open .menu ul a:hover,
.field header.open .menu ul a:hover {
	color: #ec8394;
}
header .menu .button a:hover,
.home header.fixed .menu .button a:hover,
.field header.fixed .menu .button a:hover {
	color: #ffffff;
	background-color: #ec8394;
}

header .menu a::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -5px;
	width: 0;
	height: 3px;
	background-color: #0a005f;
	margin: 0 auto;
	transition: width .5s ease;
}
header .menu ul a::before {
	content: none;
}
.home header .menu a::before,
.field header .menu a::before {
	background-color: #ffffff;
}
.home header.fixed .menu a::before,
.field header.fixed .menu a::before,
header.open .menu a::before,
header.active .menu a::before {
	background-color: #0a005f;
}
header .menu .button a::before {
	content: none;
}

header .menu a:hover::before {
	width: 100%;
}

header .mobile {
	display: none;
}
header .mobile strong {
	position: relative;
	cursor: pointer;
	display: block;
	width: 60px;
	height: 48px;
}
header .mobile span {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	height: 10px;
	background-color: #ec8394;
	margin: auto 0;
	border-radius: 5px;
}
header .mobile:hover span {
	background-color: #0a005f;
}
.home header .mobile:hover span,
.field header .mobile:hover span {
	background-color: #ffffff;
}
header.fixed .mobile:hover span,
header.active .mobile:hover span,
.field header.active .mobile:hover span {
	background-color: #0a005f;
}
header .mobile span:nth-child(1) {
	top: 0;
}
header .mobile span:nth-child(2) {
	top: 0;
	bottom: 0;
}
header .mobile span:nth-child(3) {
	bottom: 0;
}
header.active .mobile span:nth-child(1) {
	bottom: 0;
	transition: transform .5s ease;
	transform: rotate(45deg);
}
header.active .mobile span:nth-child(2) {
	display: none;
}
header.active .mobile span:nth-child(3) {
	top: 0;
	transition: transform .5s ease;
	transform: rotate(-45deg);
}


/* main */

main {
	overflow: hidden;
}

main .side > .container {
	flex-direction: row;
	align-items: flex-start;
	gap: 40px;
}
main .side section .container {
	max-width: unset;
	padding: 0 !important;
}

main .side .main {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

main .header .title {
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
}
main .header .notitle {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -99999px;
}
main .header .desc {
	font-size: 20px;
	font-weight: 300;
}

main .button a {
	display: inline-block;
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
	background-color: #a6d9c1;
	padding: 15px 25px;
	border-radius: 30px;
}
main .button a:hover {
	color: #ffffff;
	background-color: #ec8394;
}

/* home */

#home {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* slider */

#slider {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#slider::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	height: 50vh;
	background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

#slider .container {
	max-width: none;
	padding: 0;
}

#slider .carousel-item {
	height: 100vh;
	min-height: 700px;
	background-size: 0;
}
#slider .carousel-item::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: inherit;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#slider .carousel-captions {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	max-width: 1680px;
	padding: 120px 40px 80px 40px;
	margin: 0 auto;
}

#slider .header {
	display: flex;
	flex-direction: column;
	gap: 20px;
	top: unset;
	left: unset;
	right: unset;
	bottom: 100px;
	max-width: 500px;
	text-align: unset;
}

#slider .header .title {
	color: #ffffff;
	text-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

#slider .desc {
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
	text-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

#slider .button a {
	color: #263878;
	font-size: 24px;
	line-height: 36px;
	background-color: #9fffdc;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 0 33px 33px 0;
}
#slider .button a:hover {
	color: #ec8394;
	background-color: #ffffff;
}

#slider .carousel-control {
	position: absolute;
	display: flex;
	gap: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 1600px;
	padding: 20px 40px;
	margin: 0 auto;
}
#slider .carousel-control-prev,
#slider .carousel-control-next {
	position: relative;
	cursor: pointer;
	width: 21px;
	height: 37px
}
#slider .carousel-control-prev::before,
#slider .carousel-control-next::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: white;
}
#slider .visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* path */

#path {
	background-color: #eceee0;
	background-position: right bottom;
	background-repeat: no-repeat;
}
#path.foto {
	background-position: center 20%;
	background-size: cover;
}
.field #path {
	background-color: #411cbf;
	background-position: center;
	background-size: cover;
}

#path .container {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-top: 260px;
}
#path.foto .container {
	padding-top: 660px;
}

#path.foto .header {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
#path .header .label {
	color: #0a005f;
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-transform: uppercase;
}
#path .header .date {
	color: #858585;
	font-weight: 300;
}
#path .header .date span {
	color: #0a005f;
	text-transform: uppercase;
}
#path .header .desc {
	max-width: 800px;
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
	padding-top: 40px;
}
#path.foto .header .title,
.field #path .header .title,
.field #path .header .label,
.field #path .header .desc {
	color: #ffffff;
}

/* category */

#category .container {
	padding-bottom: 0;
}

#category .header {
	max-width: 1000px;
	margin: 0 auto;
}
#category .header p {
	font-size: 38px;
	font-weight: 100;
	line-height: 46px;
	text-align: center;
}

/* alerts */

#alerts .container {
	padding-top: 40px;
	padding-bottom: 40px;
}

#alerts .alerts {
	display: flex;
	flex-direction: column;
	gap: 60px;
	background-color: #ffffff;
	padding: 60px 40px;
	border-radius: 15px;
}

#alerts article {
	position: relative;
	padding-left: 115px;
}
#alerts article::before,
#alerts article::after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
}
#alerts article::before {
	left: 0;
	width: 80px;
	height: 83px;
	margin: auto 0;
}
#alerts article::after {
	left: 100px;
	width: 3px;
}
#alerts article.red::before,
#alerts article.red::after {
	background-color: #fd4969;
}
#alerts article.blue::before,
#alerts article.blue::after {
	background-color: #dae2fc;
}
#alerts article.green::before,
#alerts article.green::after {
	background-color: #d5dab7;
}
#alerts article .name {
	font-size: 24px;
	font-weight: 600;
}

/* fields */

#fields .container {
	flex-direction: column-reverse;
}

#fields .header {
	align-items: center;
	text-align: center;
}
#fields .header .title {
	color: #0a005f;
}
#fields .header .desc {
	color: #39251f;
}

#fields .fields {
	position: relative;
	padding-bottom: 500px
}
#fields .fields::before,
#fields .fields::after {
	position: absolute;
	content: "";
	bottom: 0;
}
#fields .fields::before {
	left: 0;
	right: 0;
	width: 100%;
	max-width: 933px;
	height: 1028px;
	background: url('img/school.png') center no-repeat;
	margin: 0 auto;
}
#fields .fields::after {
	left: min(100% - 207px, 1287px);
	width: 207px;
	height: 298px;
	background: url('img/bird-vlastovka.svg') center no-repeat;
}

#fields .fields ul {
	display: flex;
	justify-content: space-around;
}
#fields .fields li {
	flex: 0 1 auto;
}
#fields .fields a {
	position: relative;
	display: block;
	max-width: 150px;
	color: #0a005f;
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	background-size: 0;
	padding-top: 300px;
	margin: 0 auto;
}
#fields .fields a::before {
	position: absolute;
	content: "";
	top: 0;
	left: -75px;
	right: -75px;
	width: 300px;
	height: 300px;
	background-image: inherit;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}
#fields .fields a:hover {
	color: #ec8394;
}
#fields .fields a:hover::before {
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, .15));
}
#fields .fields a span {
	color: #5371bc;
}

/* news */

#news {
	position: relative;
}
#news::before {
	position: absolute;
	content: "";
	top: -20vw;
	left: -20vw;
	width: 178vw;
	height: 120vw;
	background-color: #eceee0;
	z-index: -1;
}

#news .container {
	max-width: 1280px;
}

#news .news {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

#news article {
	position: relative;
	flex: 0 0 100%;
}
#news article::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background-color: #f9f5f1;
	margin: 0 auto;
}

#news article a {
	display: flex;
	background-color: #ffffff;
	padding: 60px 0;
	border-radius: 15px;
}
#news article a:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
#news article:nth-child(even) a {
	flex-direction: row-reverse;
}
#news article:nth-child(odd) a {
	flex-direction: row;
}
#news article .image {
	flex: 0 0 calc(50% - 120px);
	padding: 0 60px;
}
#news article img {
	width: 100%;
	margin: 0 auto;
}
#news article .text {
	flex: 0 0 calc(50% - 120px);
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 60px;
}
#news article .date {
	color: #858585;
	font-size: 16px;
	font-weight: 300;
}
#news article .date span {
	color: #0a005f;
	text-transform: uppercase;
}
#news article .name {
	position: relative;
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
}
#news article .name::before {
	position: absolute;
	content: "";
	left: -60px;
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #e4ecf8;
}
#news article a:hover .name {
	color: #ec8394;
}
#news article a:hover .name::before {
	border-left-color: #ec8394;
}
#news article .desc {
	font-size: 18px;
}

#news .footer {
	padding-top: 30px;
	text-align: right;
}

/* submenu */

#submenu {
	flex: 0 0 310px;
	overflow: hidden;
	background-color: #ffffff;
	padding: 35px 25px;
	border-radius: 15px;
}
#submenu ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
#submenu li ul {
	gap: 0;
	padding-left: 15px;
}
#submenu li,
#submenu li a {
	color: #ec8394;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
}
#submenu li li,
#submenu li li a {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
}
#submenu li li li,
#submenu li li li a {
	color: #757575;
}
#submenu li li a::before {
	content: "›";
	padding-right: 5px;
}
#submenu li a.active {
	color: #0a005f;
}
#submenu li li a.active {
	color: #ec8394;
}
#submenu li a:hover,
#submenu li li a:hover {
	color: #0a005f;
}

/* articles */

#articles {
	position: relative;
}
#articles::before {
	position: absolute;
	content: "";
	top: 20vw;
	left: -20vw;
	width: 178vw;
	height: 120vw;
	background-color: #eceee0;
	z-index: -1;
}

#articles.side .container {
	flex-direction: row;
	align-items: flex-start;
	gap: 40px;
}

#articles .list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

#articles .list article {
	flex: 0 0 calc(25% - 3*40px/4);
}
.side #articles .list article {
	flex-basis: calc(33.333334% - 2*40px/3);
}
#articles .list article a {
	display: block;
	height: 100%;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 15px;
}
#articles .list article a:not(.nolink):hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
#articles .list article img {
	width: 100%;
	margin: 0 auto;
}
#articles .list article .noimage {
	background: url('img/noimage.webp') center no-repeat;
	background-size: cover;
	padding-top: 100%;
}
#articles .list article .text {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 30px;
}
#articles .list article .date {
	color: #858585;
	font-size: 16px;
	font-weight: 300;
}
#articles .list article .date span {
	color: #0a005f;
	text-transform: uppercase;
}
#articles .list article .name {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
}
#articles .list article a:not(.nolink):hover .name {
	color: #ec8394;
}
#articles .list article .desc {
	font-size: 16px;
}

#articles .detail {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

#articles .detail article h2 {
	color: #0a005f;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
}
#articles .detail article h3,
#articles .detail article strong {
	color: #000000;
	font-weight: 600;
}
#articles .detail article h4 {
	color: #757575;
}
#articles .detail article p,
#articles .detail article ol,
#articles .detail article ul {
	padding-bottom: 30px;
}
#articles .detail article ol,
#articles .detail article ul {
	position: relative;
	padding-left: 22px;
}
#articles .detail article ul li::before {
	position: absolute;
	content: "—";
	left: 0;
}

#articles .detail article qote,
#articles .detail article qote p,
#articles .detail article blockquote,
#articles .detail article blockquote p {
	display: block;
	max-width: 1000px;
	font-size: 38px;
	font-weight: 100;
	line-height: 46px;
	text-align: center;
	margin: 0 auto;
}
/*
#articles .detail article qote {
	position: relative;
	display: block;
	color: #ec8394;
	padding: 0 50px;
	margin-bottom: 30px;
}
#articles .detail article qote::before {
	position: absolute;	
	content: "";
	top: 0;
	left: 25px;
	bottom: 0;
	width: 5px;
	background-color: #ec8394;	
}
*/

#articles .detail article table {
	width: 100%;
	padding-bottom: 30px;
}
#articles .detail article table tr {
	position: relative;
}
#articles .detail article table tr::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #e0dcd8;
}
#articles .detail article table th {
	color: #757575;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	padding: 20px 0;
}
#articles .detail article table td {
	padding: 20px 0;
}

#articles .detail article a {
	color: #000000;
	background-image: linear-gradient(#fefbc4, #fefbc4);
	background-repeat: no-repeat;
	background-position: 0 14px;
}
#articles .detail article a:hover {
	color: #411cbf;
	background-image: linear-gradient(#a6d9c1, #a6d9c1);
}
#articles .detail .button a {
	background-image: none;
}
#articles .detail .button a:hover {
	color: #ffffff;
	background-image: none;
}

#articles .course {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	padding: 20px 40px;
	margin-bottom: 40px;
	border-radius: 15px;
}
#articles .course .item {
	position: relative;
	display: flex;
	gap: 20px;
	padding: 20px 0;
}
#articles .course .item::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #e0dcd8;
}
#articles .course .item:last-child::before {
	content: none;
}
#articles .course .label {
	flex: 0 0 280px;
	color: #757575;
	text-transform: uppercase;
}
#articles .course .value {
	flex: 0 0 calc(100% - 300px);
	padding: 0;
}
#articles .course .button {
	padding: 20px 0;
}
#articles .course .capacity {
	font-size: 38px;
	font-weight: 100;
	line-height: 46px;
	padding: 20px 0;
}

#articles .gallery {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
#articles .gallery .item {
	flex: 0 0 calc(25% - 3*40px/4);
}
.side #articles .gallery .item {
	flex-basis: calc(33.333334% - 2*40px/3);
}
#articles .gallery a {
	display: block;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 20px;
}
#articles .gallery img {
	width: 100%;
	transition: opacity .5s ease;
}
#articles .gallery a:hover img {
	opacity: .5;
}

#articles .files {
	position: relative;
	z-index: 1;
}
#articles .files .item {
	position: relative;
	padding-left: 35px;
}
#articles .files .item::before {
	position: absolute;	
	content: "";
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	background-color: #ec8394;
}
#articles .files span {
	color: #757575;
}
#articles .files span::before {
	content: "[";
}
#articles .files span::after {
	content: "]";
}

#articles .footer {
	padding-top: 30px;
	text-align: right;
}

/* image */

#image {
	background-color: #ffffff;
}

#image.full .container {
	max-width: none;
	padding: 0;
}

#image .image {
	margin: 0 auto;
}
#image .image img {
	max-width: 100%;
}
#image.full .image,
#image.full .image img {
	width: 100%;
}

/* contacts */

#contacts .container {
	gap: 40px;
}

#contacts .header h2 {
	color: #0a005f;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
}

#contacts .contacts {
	display: flex;
	flex-direction: column;
}

#contacts .columns,
#contacts article a {
	position: relative;
	display: flex;
	gap: 10px;
	padding: 20px 0;
}
#contacts .columns::before,
#contacts article a::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #e0dcd8;
}
#contacts .name,
#contacts .desc,
#contacts .contact {
	flex: 0 0 calc(33.333334% - 2*10px/3);
}
#contacts .columns .name,
#contacts .columns .desc,
#contacts .columns .contact {
	color: #757575;
	text-transform: uppercase;
}
#contacts article a:hover .name,
#contacts article a:hover .desc,
#contacts article a:hover .contact {
	color: #ec8394;
}

/* department */

#department .department {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

#department article {
	flex: 0 0 calc(33.333334% - 2*40px/3);
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 15px;
}
#department article .text {
	padding: 30px;
}
#department article .name {
	font-weight: 600;
}
#department article img {
	width: 100%;
}

#department article a.email {
	color: #000000;
	background-image: linear-gradient(#fefbc4, #fefbc4);
	background-repeat: no-repeat;
	background-position: 0 14px;
}
#department article a.email:hover {
	color: #411cbf;
	background-image: linear-gradient(#a6d9c1, #a6d9c1);
}

/* calendar */

#calendar .container {
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 100px 50px;
}
#calendar .header {
	flex: 0 0 100%;
}
#calendar .header .title {
	color: #0a005f;
	text-align: center;
}

#calendar .calendar {
	position: relative;
	flex: 0 0 calc(50% - 150px);
	background-color: #ffffff;
	padding: 50px;
}
#calendar .calendar::before {
	position: absolute;
	content: "";
	top: -134px;
	right: 0;
	left: 0;
	width: 115px;
	height: 214px;
	background: url('img/bird-cervenka.svg') center no-repeat;
	margin: 0 auto;
	z-index: -1;
}

#calendar .footer {
	flex: 0 0 50%;
}
#calendar .footer::before {
	position: absolute;
	content: "";
	right: 0;
	bottom: -24px;
	width: 282px;
	height: 183px;
	background: url('img/bird-sykorka.svg') center no-repeat;
	transform: scaleX(-1);
	z-index: 1;
}

#calendar article {
	position: relative;
	padding: 40px;
}
#calendar article::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: rgba(0, 0, 0, .1);
}
#calendar article .name {
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
}
#calendar article span {
	color: #007366;
	font-weight: 600;
}
#calendar article a.more {
	color: #727272;
	text-transform: uppercase;
}
#calendar article a.more:hover {
	color: #ec8394;
}
#calendar article a.more::before {
	content: "›";
	padding-right: 5px;
}

#calendar .button {
	padding: 40px 40px 0 40px;
}

/* evk_calendar */

.evk_calendar {
	font-size: 22px;
	text-align: center;
	margin: 0 auto;
}
.evk_calendar thead {
	line-height: 50px;
}
.evk_calendar thead tr:nth-child(1) {
	display: none;
}
.evk_calendar thead tr:nth-child(2) td:nth-child(2) {
	color: #727272;
	text-transform: uppercase;
}

.evk_calendar thead tr:nth-child(n+2) {
	position: relative;
}
.evk_calendar thead tr:nth-child(n+2)::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 20px;
	height: 1px;
	background-color: #ebebeb;
}
.evk_calendar thead tr:nth-child(2)::after {
	bottom: -20px;
}
.evk_calendar thead tr:nth-child(3)::after {
	bottom: 20px;
}

.evk_calendar tbody {
	line-height: 40px;
}
.evk_calendar tbody td {
	cursor: pointer;
	width: 60px;
	height: 50px;
	color: #727272;
	vertical-align: top;
	padding: 10px;
}
.evk_calendar thead tr:nth-child(3) td {
	padding-top: 30px;
	padding-bottom: 30px;
}
.evk_calendar tbody td:nth-child(n+6) {
	color: #0a005f;
}
.evk_calendar tbody td.сEmpty {
	cursor: auto;
}
.evk_calendar tbody td.cNone {
	cursor: auto;
	color: #e3e3e3;
}
.evk_calendar tbody td.selected {
	color: #ffffff;
	background-color: #ff6275;
	border-radius: 5px;
}
.evk_calendar td.m_Prev,
.evk_calendar td.y_Prev,
.evk_calendar td.m_Next,
.evk_calendar td.y_Next {
	display: inline-block;
	cursor: pointer;
	width: 22px;
	height: 22px;
	transform: rotate(45deg);
}
.evk_calendar td.m_Prev,
.evk_calendar td.y_Prev {
	border-left: 3px solid #727272;
	border-bottom: 3px solid #727272;
}
.evk_calendar td.m_Next,
.evk_calendar td.y_Next {
	border-top: 3px solid #727272;
	border-right: 3px solid #727272;
}
.evk_calendar td.m_Prev:hover,
.evk_calendar td.y_Prev:hover,
.evk_calendar td.m_Next:hover,
.evk_calendar td.y_Next:hover {
	border-color: #ec8394;
}

.evk_calendar tbody .dots {
	display: flex;
	justify-content: center;
	gap: 3px;
	height: 8px;
}
.evk_calendar tbody .dots li {
	width: 8px;
	height: 8px;
	background-color: #ff6275;
	border-radius: 50%;
}
.evk_calendar tbody td.selected .dots li {
	background-color: #ffffff;
}
.evk_calendar tbody td.cNone .dots li {
	background-color: #e3e3e3;
}

/* gallery */

#gallery .container {
	max-width: none;
	background-color: #ffffff;
	padding-top: 40px;
	padding-bottom: 40px;
}
.side #gallery .container {
	background-color: unset;
	gap: 20px;
}

.side #gallery .header .title {
	color: #757575;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

#gallery .gallery {
	display: flex;
	flex-direction: row;
	gap: 40px;
}
#gallery .gallery .item {
	flex: 0 0 calc(25% - 3*40px/4);
}
.side #gallery .gallery .item {
	flex-basis: calc(33.333334% - 2*40px/3);
}
#gallery .gallery a {
	display: block;
}
#gallery .gallery a:hover {
	opacity: .5;
}
#gallery .gallery img {
	width: 100%;
}

/* support */

#support {
	background-color: #ffffff;
}

#support .container {
	gap: 20px;
}

#support .header .title {
	color: #454545;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
}

#support .logo {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
}
#support .logo a {
	display: block;
	width: 220px;
	height: 100px;
	overflow: hidden;
	text-indent: -99999px;
	background-position: center;
	background-repeat: no-repeat;
	filter: grayscale(1) brightness(0);
}
#support .logo a:hover {
	filter: none;
}

/* footer */

footer {
	overflow: hidden;
}

#footer {
	position: relative;
	background-color: #a6d9c1;
}
#footer::before {
	position: absolute;
	content: "";
	top: 0;
	right: -0;
	width: 1100px;
	height: 384px;
	background-color: #fefbc4;
}

#footer .footer {
	display: flex;
	gap: 20px;
}

#footer article {
	flex: 0 0 calc(25% - 4*20px/3);
	display: flex;
	flex-direction: column;
	gap: 40px;
}
#footer article .title {
	color: #411cbf;
	font-size: 26px;
	font-weight: 600;
	line-height: 40px;
}
#footer article .name {
	color: #000000;
	font-weight: 400;
	line-height: 40px;
	text-transform: uppercase;
}
#footer article p,
#footer article a {
	color: #411cbf;
	font-weight: 400;
	line-height: 40px;
}
#footer article a:hover {
	color: #000000;
}

/* copyright */

#copyright {
	position: relative;
	background-color: #a6d9c1;
}
#copyright::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: rgba(255, 255, 255, .25);
}

#copyright .container {
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
#copyright .container::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -60px;
	width: 310px;
	height: 340px;
	background-color: #ffc6ea;
}

#copyright .header {
	position: relative;
	display: flex;
	align-items: center;
	gap: 40px;
}
#copyright .header .notitle {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -99999px;
}

#copyright .logo {
	display: flex;
	gap: 40px;
}
#copyright .logo a {
	display: block;
	width: 180px;
	height: 100px;
	overflow: hidden;
	text-indent: -99999px;
	background-position: center;
	background-repeat: no-repeat;
}
#copyright .logo a:hover {
	filter: invert(1);
}

#copyright .social {
	display: flex;
	gap: 15px;
}
#copyright .social a {
	position: relative;
	display: block;
	width: 55px;
	height: 55px;
	overflow: hidden;
	text-indent: -99999px;
	background-size: 0;
	border-radius: 50%;
}
#copyright .social a::before,
#copyright .social a::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#copyright .social a::before {
	border: 2px solid #010101;
	border-radius: 50%;
}
#copyright .social a::after {
	background-image: inherit;
	background-repeat: no-repeat;
	background-position: center;
}
#copyright .social a:hover::before {
	background-color: #010101;
}
#copyright .social a:hover::after {
	filter: invert(1);
}

#copyright .footer {
	position: relative;
}
#copyright .footer ul {
	display: flex;
	flex-wrap: wrap;
}
#copyright .footer li {
	position: relative;
}
#copyright .footer li::before {
	content: "|";
	padding: 0 10px;
}
#copyright .footer li:first-child::before {
	content: none;
}
#copyright .footer p,
#copyright .footer li,
#copyright .footer a {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	text-transform: uppercase;
}
#copyright .footer a:hover {
	color: #ffffff;
}

/* media */

@media (max-width: 1600px) {
	header .menu {
		gap: 20px;
	}
	header .menu a {
		font-size: 24px;
		line-height: 30px;
	}
}

@media (max-width: 1300px) {
	.container {
		padding: 60px 30px;
	}

	header .menu {
		position: absolute;
		display: none;
		flex-direction: column;
		align-items: center;
		top: 0;
		left: 0;
		right: 0;
		background-color: #f9f5f1;
		padding-top: 140px;
		padding-bottom: 40px;
		border-bottom: 1px solid #dbd8d4;
	}
	header.active .menu {
		display: flex;
	}
	header .menu a {
		padding: 0;
	}
	.home header .menu a:hover,
	.field header .menu a:hover {
		color: #0a005f;
	}
	header .menu .button a:hover,
	.home header .menu .button a:hover,
	.field header .menu .button a:hover {
		color: #ffffff;
	}
	header .menu a::before {
		content: none;
	}
	header .mobile {
		display: block;
	}

	main .header .desc {
		font-size: 18px;
	}
	main .side > .container {
		gap: 30px;
	}

	#slider .carousel-captions {
		padding-left: 30px;
		padding-right: 30px;
	}

	#alerts .alerts {
		gap: 40px;
		padding: 40px 30px;
	}
	#alerts article .name {
		font-size: 22px;
		line-height: 26px;
	}

	#fields .fields a {
		font-size: 22px;
		line-height: 26px;
		padding-top: 250px;
	}
	#fields .fields a::before {
		left: -25px;
		right: -25px;
		width: 200px;
		height: 200px;
		background-size: contain;
	}

	#news .container {
		max-width: 1260px;
	}
	#news .news {
		gap: 30px;
		padding: 40px 0;
	}
	#news article a {
		padding: 40px 0;
	}
	#news article .image,
	#news article .text {
		flex-basis: calc(50% - 80px);
		padding: 0 40px;
	}
	#news article .name::before {
		left: -40px;
	}

	#articles .list {
		gap: 30px;
	}
	#articles .list article,
	.side #articles .list article {
		flex-basis: calc(33.333334% - 2*30px/3);
	}
	#articles .course {
		padding: 10px 30px;
	}

	#department .department {
		gap: 30px;
	}
	#department article {
		flex-basis: calc(50% - 30px/2);
	}

	#articles .gallery {
		gap: 30px;
	}
	#articles .gallery .item,
	.side #articles .gallery .item {
		flex-basis: calc(33.333334% - 2*30px/3);
	}

	#calendar .container {
		gap: 60px 30px;
	}
	#calendar .calendar {
		flex: 0 0 calc(50% - 90px);
		padding: 30px;
	}
	#calendar article {
		padding: 20px;
	}
	#calendar article .name {
		font-size: 22px;
	}
	#calendar article .desc,
	#calendar article a.more {
		font-size: 16px;
		line-height: 26px;
	}
	#calendar .button {
		padding: 20px 20px 0 20px;
	}

	#support .logo {
		gap: 20px;
	}
	#support .logo a {
		width: 220px;
		height: 80px;
	}

	#footer article .title {
		line-height: 36px;
	}
	#footer article .name,
	#footer article p,
	#footer article a {
		font-size: 16px;
		line-height: 36px;
	}

	#copyright .container {
		flex-direction: column;
		align-items: stretch;
	}
	#copyright .header {
		justify-content: space-between;
		padding-bottom: 20px;
	}
	#copyright .footer {
		position: relative;
		padding-top: 20px;
	}
	#copyright .footer::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		background-color: rgba(255, 255, 255, .25);
	}
}

@media (max-width: 1000px) {
	.container {
		padding: 40px 20px;
	}

	main .header .title {
		font-size: 40px;
		line-height: 50px;
	}
	main .side > .container {
		flex-direction: column;
		align-items: stretch;
	}

	#slider .carousel-captions {
		padding-left: 20px;
		padding-right: 20px;
	}

	#path {
		background-size: 0;
	}
	#path.foto,
	.field #path {
		background-size: auto;
	}

	#fields .fields ul {
		justify-content: centrer;
		flex-wrap: wrap;
		gap: 20px;
	}
	#fields .fields li {
		flex: 0 0 calc(33.333334% - 2*20px/3);
	}
	#fields .fields a {
		padding-top: 210px;
	}

	#news .news {
		gap: 20px;
	}
	#news article::before,
	#news article .name::before {
		content: none;
	}
	#news article a {
		padding: 20px 0;
	}
	#news article a:nth-child(2n),
	#news article a:nth-child(2n+1) {
		flex-direction: column;
		gap: 20px;
	}
	#news article .image,
	#news article .text {
		flex-basis: auto;
		padding: 0 20px;
	}

	#submenu {
		flex-basis: auto;
		padding: 30px 20px;
	}
	#submenu ul {
		gap: 10px;
	}

	#articles .list {
		gap: 20px;
	}
	#articles .list article,
	.side #articles .list article {
		flex-basis: calc(50% - 20px/2);
	}
	#articles .course {
		padding: 10px 20px;
	}
	#articles .course .item,
	#articles .course .button,
	#articles .course .capacity {
		padding: 10px 0;
	}
	#articles .gallery {
		gap: 20px;
	}
	#articles .gallery .item,
	.side #articles .gallery .item {
		flex-basis: calc(50% - 20px/2);
	}

	#department .department {
		gap: 20px;
	}
	#department article {
		flex-basis: calc(50% - 20px/2);
	}

	#calendar .container {
		flex-direction: column;
		gap: 20px;
	}
	#calendar .calendar {
		flex-basis: auto;
		width: calc(100% - 40px);
		padding: 20px;
	}
	#calendar article,
	#calendar .button {
		padding-left: 0;
		padding-right: 0;
	}

	#footer .footer {
		flex-wrap: wrap;
		gap: 40px;
	}
	#footer article {
		flex-basis: calc(50% - 40px/2);
		gap: 10px
	}

	#copyright .logo {
		gap: 20px;
	}
}

@media (max-width: 800px) {
	#fields .fields::after {
		content: none;
	}

	#calendar .calendar::before,
	#calendar .footer::before {
		content: none;
	}

	#contacts .columns,
	#contacts article a {
		flex-direction: column;
		gap: 0;
	}

	#copyright .header {
		flex-direction: column;
	}
}

@media (max-width: 600px) {
	body, h1, h2, h3, h4, div, p, li, a, input, textarea, select, button {
		font-size: 16px;
		line-height: 26px;
	}

	.container {
		padding: 30px 10px;
	}

	header .brand a {
		width: 135px;
		height: 60px;
	}
	header .mobile strong {
		height: 40px;
	}
	header .mobile span {
		height: 8px;
	}

	main .header .title {
		font-size: 30px;
		line-height: 36px;
	}
	main .header .desc {
		font-size: 16px;
		line-height: 26px;
	}
	main .button a {
		font-size: 16px;
		line-height: 30px;
	}

	#slider .desc {
		font-size: 16px;
		line-height: 26px;
	}
	#slider .button a {
		font-size: 20px;
		line-height: 34px;
		padding-left: 20px;
		padding-right: 20px;
	}

	#path .header .label {
		font-size: 22px;
		line-height: 26px;
	}
	#path .header .desc {
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
		padding-top: 20px;
	}

	#category .header p {
		font-size: 30px;
		line-height: 40px;
	}

	#alerts article {
		padding-left: 0;
	}
	#alerts article::before {
		content: none;
	}
	#alerts article::after {
		left: -15px;
	}
	#alerts article .name {
		font-size: 20px;
	}

	#fields .fields {
		padding-bottom: 400px;
	}
	#fields .fields ul {
		gap: 40px 20px;
	}
	#fields .fields li {
		flex-basis: calc(50% - 20px/2);
	}
	#fields .fields a {
		padding-top: 190px;
	}
	#fields .fields a::before {
		left: -15px;
		right: -15px;
		width: 180px;
		height: 180px;
	}

	#news .news {
		gap: 20px;
		padding: 0;
	}
	#news article .name {
		font-size: 22px;
		line-height: 26px;
	}
	#news article .desc {
		font-size: 16px;
	}

	#submenu {
		padding: 20px 10px;
	}
	#submenu ul {
		gap: 5px;
	}

	#department article {
		flex-basis: 100%;
	}

	#articles .list article,
	.side #articles .list article {
		flex-basis: 100%;
	}
	#articles .list article .text {
		padding: 20px 10px;
	}
	#articles .detail article qote,
	#articles .detail article qote p,
	#articles .detail article blockquote,
	#articles .detail article blockquote p {
		font-size: 30px;
		line-height: 40px;
	}
	#articles .course {
		padding: 0 10px;
	}
	#articles .course .item {
		flex-direction: column;
		gap: 0;
	}
	#articles .course .label,
	#articles .course .value {
		flex-basis: auto;
	}
	#articles .course .capacity {
		font-size: 30px;
		line-height: 40px;
	}
	#articles .gallery {
		gap: 10px;
	}
	#articles .gallery .item,
	.side #articles .gallery .item {
		flex-basis: calc(50% - 10px/2);
	}

	#contacts .columns,
	#contacts article a {
		padding: 10px 0;
	}

	#calendar article .name {
		line-height: 26px;
	}

	#gallery .gallery {
		flex-wrap: wrap;
		gap: 10px;
	}
	#gallery .gallery .item,
	.side #gallery .gallery .item {
		flex-basis: calc(50% - 10px/2);
	}

	#support .logo a {
		width: 132px;
		height: 48px;
		background-size: contain;
	}

	#footer article {
		flex-basis: 100%;
	}

	#copyright .header {
		gap: 20px;
	}
	#copyright .logo {
		flex-direction: column;
		gap: 10px;
	}
}

/* svg */

header .brand a::before {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 197 90">\
			<path d="M84.569,83.774v-4.88h.887v4.869c0,1.467.762,2.354,2.172,2.354,1.399,0,2.161-.887,2.161-2.354v-4.869h.887v4.857c0,1.786-1.035,3.06-3.049,3.06-2.024,0-3.059-1.274-3.059-3.037"/>\
			<polygon points="99.279 78.894 99.279 86.629 98.392 86.629 98.392 82.876 94.058 82.876 94.058 86.629 93.171 86.629 93.171 78.894 94.058 78.894 94.058 82.193 98.392 82.193 98.392 78.894 99.279 78.894"/>\
			<polygon points="106.551 85.946 106.551 86.629 101.887 86.629 101.887 78.894 106.323 78.894 106.323 79.577 102.774 79.577 102.774 82.193 105.868 82.193 105.868 82.875 102.774 82.875 102.774 85.946 106.551 85.946"/>\
			<path d="M109.409,82.443h1.627c1.125,0,1.718-.466,1.718-1.432,0-.876-.593-1.433-1.718-1.433h-1.627v2.865ZM110.853,83.125h-1.444v3.504h-.887v-7.735h2.514c1.74,0,2.604.865,2.604,2.094,0,1.092-.625,1.843-1.855,2.036l2.582,3.606h-1.023l-2.491-3.504Z"/>\
			<path d="M115.485,86.049l.364-.66c.592.478,1.354.728,2.298.728,1.047,0,1.855-.546,1.855-1.513,0-1.933-4.209-1.172-4.209-3.765,0-1.399,1.115-2.093,2.492-2.093.978,0,1.718.261,2.388.75l-.353.648c-.579-.455-1.274-.705-2.024-.705-.876,0-1.627.432-1.627,1.365,0,1.9,4.208,1.172,4.208,3.776,0,1.377-1.136,2.23-2.729,2.23-1.217,0-1.968-.262-2.662-.762"/>\
			<path d="M128.864,86.629h-1.081l-3.833-4.038v-.228l3.379-3.469h1.046l-3.514,3.549,4.004,4.186ZM122.835,78.895h.887v7.735h-.887v-7.735Z"/>\
			<path d="M133.121,78.212h-.739l1.377-1.672h.887l-1.525,1.672ZM135.169,85.946v.683h-4.664v-7.735h4.436v.683h-3.549v2.615h3.093v.683h-3.093v3.071h3.777Z"/>\
			<polygon points="146.967 78.894 146.967 86.629 144.921 86.629 144.921 83.262 141.747 83.262 141.747 86.629 139.7 86.629 139.7 78.894 141.747 78.894 141.747 81.817 144.921 81.817 144.921 78.894 146.967 78.894"/>\
			<path d="M151.066,82.352h1.047c.818,0,1.138-.33,1.138-1.024,0-.716-.319-1.024-1.138-1.024h-1.047v2.047ZM152.158,83.774h-1.092v2.843h-2.047v-7.734h3.094c2.229,0,3.184.728,3.184,2.331,0,1.058-.386,1.752-1.149,2.116l2.172,3.298h-2.365l-1.797-2.854Z"/>\
			<path d="M161.296,83.444l-.853-2.571-.842,2.571h1.695ZM161.75,84.843h-2.615l-.581,1.785h-2.059l2.969-7.837h1.979l2.98,7.837h-2.082l-.592-1.785Z"/>\
			<path d="M171.238,82.761c0-1.887-1.001-3.184-2.82-3.184h-1.741v6.369h1.741c1.82,0,2.82-1.262,2.82-3.185M172.115,82.75c0,2.23-1.252,3.879-3.696,3.879h-2.628v-7.735h2.628c2.445,0,3.696,1.683,3.696,3.856"/>\
			<rect x="174.074" y="78.895" width=".887" height="7.735"/>\
			<path d="M177.784,76.54h.785l1.058,1.24,1.058-1.24h.785l-1.399,1.672h-.887l-1.399-1.672ZM182.288,84.581c0,1.377-1.137,2.23-2.729,2.23-1.217,0-1.968-.262-2.662-.762l.364-.66c.592.477,1.353.728,2.298.728,1.046,0,1.854-.547,1.854-1.513,0-1.933-4.209-1.172-4.209-3.765,0-1.399,1.115-2.093,2.492-2.093.977,0,1.717.261,2.388.75l-.353.648c-.58-.455-1.275-.705-2.024-.705-.876,0-1.627.432-1.627,1.365,0,1.9,4.208,1.172,4.208,3.776"/>\
			<polygon points="189.604 79.577 186.931 79.577 186.931 86.629 186.043 86.629 186.043 79.577 183.348 79.577 183.348 78.894 189.604 78.894 189.604 79.577"/>\
			<path d="M191.757,76.54h.785l1.058,1.24,1.057-1.24h.785l-1.399,1.672h-.887l-1.399-1.672ZM196,85.946v.683h-4.664v-7.735h4.436v.683h-3.549v2.615h3.093v.683h-3.093v3.071h3.777Z"/>\
			<path d="M87.155,3.83l9.999,13.244c.275.364.631.677,1.057.931.478.289.985.437,1.504.437h5.314c.538,0,1.044-.159,1.51-.468.379-.254.703-.558.963-.902l9.997-13.243-.11.127c.409-.404.677-1.173.088-2.008-.511-.709-1.13-.814-1.455-.814h-6.939c-.862,0-1.687.39-2.453,1.156l-.024.024s-2.54,2.846-3.665,4.107c-1.16-1.25-3.805-4.099-3.805-4.099-.799-.798-1.594-1.188-2.394-1.188h-8.109c-.77,0-1.393.386-1.668,1.032-.284.659-.17,1.331.304,1.796l-.115-.131ZM117.712,49.806c-.378-1.484-1.056-2.916-2.014-4.252-.947-1.321-2.255-2.583-3.888-3.754-1.605-1.148-3.667-2.224-6.128-3.199.045.018-2.713-1.173-2.713-1.173-.765-.313-1.088-.529-1.214-.629-.202-.161-.246-.251-.247-.253-.024-.062-.065-.217-.065-.523,0-.327.097-.415.133-.448,0,0,.215-.163,1.04-.163,1.008,0,2.05.159,3.097.471,1.091.325,2.107.715,3.018,1.155.91.441,1.722.914,2.416,1.405.828.588,1.205.955,1.377,1.16l-.042-.053c.409.549,1.01.851,1.694.851h.003c.529,0,1.001-.192,1.365-.556.504-.503.75-1.289.75-2.405,0,0,.006-11.562.006-11.564,0-1.706-.552-2.874-1.643-3.471-1.258-.729-2.864-1.34-4.749-1.804-1.867-.46-4.222-.695-6.999-.697-2.106,0-4.26.315-6.402.938-2.18.634-4.185,1.667-5.961,3.07-1.792,1.414-3.278,3.266-4.42,5.509-1.148,2.255-1.733,5.011-1.735,8.192,0,3.853,1.145,7.09,3.407,9.62,2.18,2.441,5.211,4.472,9.007,6.041-.026-.01,2.564,1.189,2.564,1.189.673.335.954.567,1.062.674.174.175.213.266.213.267v.002c0,.037.054.637.054.637,0,.167,0,.609-1.559.609h-.005c-.67,0-1.475-.102-2.394-.303-.958-.21-1.957-.497-2.975-.856-1.001-.351-1.999-.813-2.969-1.369-.958-.551-1.824-1.179-2.574-1.869-.509-.507-1.106-.782-1.739-.782-.492,0-.934.182-1.279.526-.509.51-.747,1.314-.748,2.529l-.005,9.699c-.002.993.142,1.695.447,2.208.26.432.606.824,1.032,1.164,1.394,1.116,3.322,2.004,5.89,2.713,2.485.687,5.32,1.036,8.428,1.038,1.969,0,4.018-.28,6.088-.837,2.112-.568,4.082-1.536,5.858-2.874,1.795-1.356,3.271-3.135,4.382-5.291,1.118-2.167,1.685-4.88,1.686-8.065,0-1.53-.185-3.037-.552-4.477M80.001,21.616l-14.829-.007c-.537-.002-1.043.249-1.423.707-.417.503-.505.993-.505,1.312l-.015,28.483c0,.977-.193,1.483-.372,1.63-.313.259-.802.389-1.456.388-.647,0-1.128-.149-1.47-.453-.292-.26-.45-.848-.45-1.661l.015-28.389c0-.425-.131-.834-.388-1.219-.347-.517-.86-.802-1.447-.804l-14.774-.007c-.492,0-.939.236-1.33.704-.421.502-.51.993-.51,1.316v-.002l-.014,28.013c-.002,3.235.605,6.126,1.805,8.593,1.192,2.452,2.793,4.54,4.758,6.203,1.952,1.652,4.183,2.911,6.632,3.738,2.43.821,4.959,1.237,7.517,1.239,2.498,0,4.968-.413,7.339-1.232,2.387-.826,4.555-2.067,6.446-3.688,1.904-1.633,3.445-3.691,4.578-6.116,1.134-2.428,1.712-5.297,1.714-8.526l.014-28.2c0-.425-.129-.834-.387-1.219-.347-.518-.862-.804-1.449-.804M36.228,21.778l-31.302-.018c-.354,0-1.537.127-1.901,1.766l-.018.08-.857,10.606c-.076.44-.036.878.136,1.279.281.66.899,1.04,1.691,1.041,0,0,2.546-.094,2.546-.094.002,0,4.88-.091,4.88-.091,1.724,0,3.296-.047,4.789-.118-.268.444-.536.888-.796,1.37l-1.839,3.429L1.599,64.49l.041-.072c-.254.422-.429.842-.518,1.244,0-.002-.122,1.05-.122,1.05,0,1.201.212,2.002.671,2.518.483.542,1.189.817,2.102.817l31.583.018c.286,0,1.153,0,1.646-.656.206-.273.348-.633.449-1.131l.012-.057,1.046-10.487-.029.166c.127-.509.073-1.032-.16-1.557v-.002c-.311-.701-.959-1.12-1.73-1.121l-2.564.111c-1.191.072-2.542.108-4.017.107-1.638-.002-3.167.043-4.542.131-.002.002-.806.065-1.685.134,1.129-1.946,2.204-3.9,3.15-5.837l11.659-22.803c.275-.547.413-1.197.413-1.944v-.004c0-1.145-.292-2.019-.871-2.598-.335-.336-.938-.737-1.902-.737"/>\
			<path d="M177.694,44.615c-2.405,1.705-4.291,3.716-5.604,5.977-1.334,2.294-2.012,4.845-2.015,7.578v.01c0,4.138,1.364,7.426,4.052,9.772,2.642,2.309,6.174,3.48,10.497,3.482,4.338.002,7.962-.948,10.809-2.803v-13.592c-.212.344-.439.673-.694.973-.661.774-1.471,1.419-2.41,1.917-.896.478-1.922.719-3.049.719h-.004c-1.112,0-1.964-.267-2.602-.815h0c-.584-.501-.868-1.285-.868-2.399v-.002c0-1.651.899-3.101,2.742-4.437,1.533-1.11,3.867-1.906,6.885-2.405v-9.948c-3.267.375-6.306.967-9.013,1.82-3.425,1.077-6.36,2.474-8.725,4.153M168.317,62.767s-3.304-3.968-3.304-3.968c0,0-7.794-9.795-7.794-9.795-1.244-1.532-2.395-2.877-3.418-3.998-.425-.464-.795-.836-1.142-1.164.649-.521,1.392-1.216,2.265-2.125,1.53-1.591,3.181-3.434,4.906-5.474l5.132-6.028c1.678-1.957,3.098-3.516,4.221-4.64l.061-.06.05-.069c.293-.392.456-.695.53-.984,0,0,.085-.669.085-.67,0-1.338-.829-1.937-1.651-1.938l-14.742-.007-1.076.215c-.511.191-.936.567-1.265,1.117l.069-.103-4.14,5.514-4.022,5.198c-1.24,1.547-2.337,2.815-3.258,3.767-.817.844-1.177,1.061-1.278,1.114h-.11c.3-2.83.481-5.799.483-8.904l.014-26.629c0-.567-.217-1.085-.629-1.497-.519-.522-1.05-.631-1.403-.631l-13.057-.007c-.738,0-1.197.304-1.451.558-.388.385-.582.912-.583,1.569l-.036,65.324c0,.323.087.816.507,1.323.382.458.923.71,1.526.71l13.056.008c.353,0,.883-.11,1.403-.629.521-.52.631-1.048.632-1.4,0,0,.003-5.423.003-5.472,0-2.842-.049-5.337-.144-7.412,0,0-.248-3.839-.357-5.517h.06c.09.047.511.309,1.451,1.57.993,1.334,2.161,3.023,3.476,5.024l4.118,6.436c1.432,2.29,2.834,4.417,4.17,6.321l.022.032.024.03c.541.672,1.252,1.027,2.056,1.027,0,0,15.218.009,15.219.009.532,0,1.055-.153,1.554-.452.695-.417,1.047-1.235,1.048-2.434v-.002c0-1.027-.433-1.955-1.249-2.682-.29-.249-.858-.809-2.03-2.172M192.604,19.845c-3.895-.002-7.204.379-9.835,1.134-2.646.758-4.809,1.706-6.43,2.817-1.685,1.158-2.889,2.461-3.579,3.874-.679,1.391-1.024,2.731-1.024,3.984v.006c0,2.334.792,4.133,2.354,5.344,1.471,1.142,3.185,1.722,5.095,1.722,1.592.002,2.877-.369,3.815-1.101.825-.644,1.536-1.407,2.111-2.266.582-.845,1.358-1.513,2.366-2.028.999-.512,2.338-.772,3.98-.771,1.826,0,3.158.319,3.976.941v-13.581c-.903-.048-1.846-.072-2.828-.073"/>\
		</svg>');
}

#slider .carousel-control-prev::before {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 37">\
			<path d="M.672,20.162l16.352,16.174c.952.886,2.408.886,3.304,0s.896-2.326,0-3.268l-14.728-14.567L20.328,3.933c.896-.886.896-2.382,0-3.268s-2.352-.886-3.304,0L.672,16.894c-.896.886-.896,2.326,0,3.268Z"/>\
		</svg>');
}

#slider .carousel-control-next::before {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 37">\
			<path d="M20.328,16.894L3.976.665C3.024-.222,1.568-.222.672.665S-.224,3.046.672,3.933l14.728,14.567L.672,33.067c-.896.942-.896,2.382,0,3.268s2.352.886,3.304,0l16.352-16.174c.896-.942.896-2.382,0-3.268Z"/>\
		</svg>');
}

#alerts article::before {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 83">\
			<path d="M58.379,26.913c.928-.239,1.843-.576,2.747-.902,4.685-1.69,9.152-3.88,13.79-5.653.769-.294,2.076-1.219,2.868-.665.297.208.255.314.068.566-1.26,1.698-2.708,3.299-3.994,4.983-1.459,1.912-2.781,3.931-4.212,5.863-2.377,3.209-4.988,6.243-7.264,9.53,0,.121.633.647.777.776.935.836,1.978,1.554,2.939,2.358,2.092,1.749,4.075,3.574,6.423,5.009.464.55.307,1.105-.476,1.058-2.098-.126-4.54-.766-6.665-1.089-.544-.082-1.117-.069-1.663-.146-1.437-.202-2.84-.646-4.282-.822-.162-.02-.695-.121-.77-.013-.099.142-.019,3.008-.026,3.461-.062,4.012.112,8.22-.068,12.2-.025.552-.09,1.735-.223,2.23-.287,1.064-1.642.545-2.225.023-2.258-2.02-5.081-5.627-6.728-8.192-.697-1.085-1.251-2.676-1.948-3.606-.237-.316-.594-.586-.862-.882-.057-.063-.398-.617-.483-.517-.168,1.708-.596,3.392-.887,5.086-1.227,7.138-2.749,14.201-3.887,21.362-.057.706.256,2.243-.754,2.41-1.31.216-1.323-1.594-1.545-2.452-.666-2.575-1.427-5.138-2.019-7.732-.691-3.028-1.258-6.057-2.04-9.066-.575-2.214-1.423-4.559-1.902-6.752-.415-1.9-.508-3.935-1.052-5.825-.111-.029-.129.046-.194.096-.695.539-1.65,1.499-2.326,2.13-2.043,1.905-4.014,4-6.136,5.813-2.259,1.93-4.446,3.15-6.495,5.454-.319.359-.508.892-1.038.964-.857.115-1.223-.539-1.041-1.299.177-.739.521-1.656.753-2.411,1.001-3.256,2.179-6.491,3.072-9.779.642-2.364,1.031-4.817,2.044-7.061.359-.795.848-1.514,1.218-2.301-.742-.021-1.49.026-2.231.002-2.909-.094-3.934-.612-6.558-1.453-1.797-.576-3.545-.48-5.392-.681-1.39-.152-2.758-.457-4.144-.637-.477-.062-1.757-.055-2.086-.239-.522-.292-.622-1.057-.199-1.48.187-.187.503-.251.733-.365.661-.327,1.224-.461,1.914-.735,2.03-.807,4.049-1.871,6.107-2.614.771-.279,1.581-.427,2.357-.679,2.065-.67,3.897-1.54,6.061-2.014,1.69-.37,3.221-.661,4.912-1.096.25-.064,1.261-.185,1.339-.341.012-1.685.092-3.388.035-5.072-.075-2.202-.547-3.964-.835-6.074-.237-1.733-.066-3.479-.203-5.221-.161-2.054-.708-4.18-.838-6.2-.049-.759.042-1.562-.001-2.323-.035-.602-.328-1.657-.242-2.181.097-.588.748-.829,1.28-.665.11.034.651.475.773.584,1.09.976,2.559,2.748,3.521,3.906,1.047,1.261,1.854,2.768,2.876,3.97.432.508,1.01.952,1.453,1.454.545.618.99,1.336,1.519,1.969.634.758,1.368,1.445,1.963,2.235.822,1.09,1.406,2.413,2.207,3.476.396.526.909.945,1.353,1.425.08.087.416.573.454.582.126.031.325-.325.416-.421,1.903-2.007,3.922-3.925,5.785-5.97,1.211-1.329,2.302-2.777,3.519-4.103,2.396-2.609,5.043-4.998,7.495-7.554.54-.406,1.427-.292,1.717.354.244.544.383,2.283.416,2.942.204,4.079-.307,7.926-.454,11.942-.09,2.454.269,5.645-.209,7.991-.036.176-.372,1.012-.305,1.083Z"/>\
		</svg>');
}

#news::before,
#articles::before {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1781.6 1200">\
			<path d="M929.137,985.453c-49.492-4.279-121.931,17.579-151.819,53.581-61.079,73.573-84.092,193.2-321.49,127.257-70.235-19.51-146.329-85.48-116.503-161.729,11.511-29.428-16.345-47.72-13.197-120.105,2.149-49.429-.664-35.532-60.069-93.239-71.252-69.216-159.197,34.354-224.374-96-15.001-30.005-33.296-125.665,16.745-177.49,33.992-35.206,135.564-60.076,177.489-11.164,11.534,13.458,95.564,53.272,125.024,42.421,174.853-64.423-70.349-329.654,46.884-459.914,121.843-135.382,215.775,132.417,323.727,81.491,50.873-24.003,38.184-226.219,387.723-71.39,130.39,57.756,198.417-177.94,439.443-41.358,103.858,58.857,61.053,95.516,158.512,233.31,43.137,60.982,2.046,198.697-25.671,251.161-24.042,45.497-55.696,30.657-140.655,63.628-105.279,40.863-190.029,3.897-234.737,14.651-109.555,26.356-62.116,71.924,41.293,161.069,46.148,39.781,26.049,30.43,48.697,86.293,21.416,52.818,44.284,7.05,57.677,181.156,5.637,73.296-110.102,255.181-389.587,15.628-50.137-42.976-95.627-74.977-145.113-79.256Z"/>\
		</svg>');
}

#articles .files .item::before {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 310">\
			<path d="M161.454,227.256c1.165,1.165,2.331,1.942,3.885,2.719s3.108.777,4.662.777,3.108-.388,4.662-.777c1.554-.777,2.719-1.554,3.885-2.719l85.075-85.075c4.662-4.662,4.662-12.431,0-17.093s-12.431-4.662-17.093,0l-64.486,64.486V12.043c0-6.604-5.439-12.043-12.043-12.043s-12.043,5.439-12.043,12.043v177.143l-64.486-64.098c-4.662-4.662-12.431-4.662-17.093,0s-4.662,12.431,0,17.093l85.075,85.075Z"/>\
			<path d="M313.346,206.667c-6.604,0-12.043,5.439-12.043,12.043,0,36.905-29.912,66.817-66.817,66.817H105.902c-36.905,0-66.817-29.912-66.817-66.817,0-6.604-5.439-12.043-12.043-12.043s-12.431,5.439-12.431,12.043c0,50.113,40.789,91.291,91.291,91.291h128.584c50.113,0,90.902-40.789,90.902-91.291,0-6.604-5.439-12.043-12.043-12.043Z"/>\
		</svg>');
}

#footer::before {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 384">\
			<path d="M1689.275-258.625c70.979,23.885,56.172,90.515,32.54,144.66-59.36,136.006-249.655,278.841-383.425,337.795-34.711,15.298-69.842,24.991-105.482,37.314-119.693,41.384-266.467,105.39-393.971,100.969-49.987-1.733-132.407-12.411-174.358-39.138-44.441-28.313-36.64-114.14-87.339-136.948-72.969-32.827-204.925-13.078-286.167-16.615-74.055-3.223-142.503-17.958-209.684-50.839-22.581-17.215-39.862-47.639-29.881-76.424C59.787,18.276,84.893-5.193,103.447-22.673c48.053-45.271,140.222-80.458,205.703-86.482,17.69-1.627,33.847.72,50.68.088,16.504-.62,35.234-6.067,51.556-5.584,115.965,3.425,230.687,66.776,346.525,88.125,52.175,9.616,149.574,4.612,201.978-6.081,72.225-14.738,144.632-32.807,215.833-51.452,12.431-3.255,28.161-3.785,39.948-7.583,21.772-7.017,48.037-23.202,70.068-32.597,67.324-28.71,136.506-44.407,203.942-70.995,47.697-18.805,151.256-79.656,199.594-63.39Z"/>\
		</svg>');
}

#copyright .container::before {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 340">\
			<path d="M163.942,167.833c.415.108.478-.172.718-.356,1.737-1.333,3.565-3.709,5.26-5.27,3.067-2.826,7.34-6.942,10.699-9.166,3.127-2.071,6.639-3.603,9.727-5.83,3.26-2.352,6.101-5.323,9.514-7.479,1.964-1.241,4.114-2.076,6.124-3.21,13.407-7.56,27.526-15.262,42.256-19.97,13.412-4.287,27.229-6.654,40.913-9.586,3.831-.821,9.573-.655,13.369.425,1.128.321,2.726,1.222,3.175,2.33,2.519,6.218-3.894,12.349-8.375,15.706-20.984,15.724-42.947,30.014-66.757,41.182-9.89,4.639-22.652,8.031-33.306,10.731-4.907,1.244-12.029,3.264-16.928,3.654-1.287.102-8.309-.227-8.731.245-.106.413.171.478.357.718,1.449,1.874,3.179,2.476,4.552,4.064,3.234,3.738,7.462,8.92,9.661,13.315,9.278,18.541,17.74,40.381,20.577,61.037,2.273,16.545,3.843,33.216,6.254,49.751l-.223,19.877c.04.309-.656,1.405-.791,1.482-.708.402-5.294.689-6.151.407-3.371-1.112-6.483-4.482-8.585-7.211-23.168-30.092-35.176-66.897-41.138-104.139-1.371-8.563-1.497-17.398-2.226-26.016-.334-3.945-.853-7.896-.956-11.849-.426-.085-.689.114-1.036.278-1.804.858-4.915,3.653-6.785,4.942-9.319,6.426-18.999,12.337-28.634,18.275-17.299,8.843-34.057,18.807-51.371,27.608-15.295,7.775-31.261,13.432-48.007,17.33-1.86.433-3.74.873-5.661.669-3.532-.375-9.348-2.271-7.963-6.874.568-1.886,3.989-5.812,5.391-7.533,10.08-12.372,19.743-24.402,33.229-33.306,10.15-6.701,23.284-13.289,34.571-17.843,6.294-2.539,14.605-4.005,21.275-5.769,9.568-2.531,19.314-5.624,29.097-7.281,8.372-1.418,17.216-.781,25.657-.312-3.216-3.704-6.483-7.58-9.429-11.511-4.293-5.729-4.575-8.655-7.359-14.66-1.032-2.227-2.656-4.471-3.836-6.695-3.929-7.405-6.508-14.749-8.746-22.847-2.47-8.936-4.946-19.843-6.699-28.962-1.347-7.002-2.275-15.069-2.94-22.191-1.08-11.565-.018-21.568.487-33.018.118-2.681-.171-5.474-.008-8.145.319-5.216,3.106-20.424,8.517-22.596,3.02-1.212,4.597.359,6.277,2.53,7.142,9.233,9.864,22.196,13.274,33.157,6.442,20.707,12.584,40.327,16.513,61.75.782,4.263,2.023,8.473,2.533,12.785.886,7.486,1.474,15.197,2.182,22.709,1.026,10.871,1.342,21.769.481,32.668Z"/>\
		</svg>');
}

#copyright .social .facebook a::after {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58">\
			<path d="M25.971,42.051h5.318v-13.318h3.711l.396-4.459h-4.106v-2.54c0-1.051.211-1.467,1.228-1.467h2.878v-4.628h-3.683c-3.957,0-5.742,1.743-5.742,5.079v3.555h-2.766v4.515h2.766v13.262Z"/>\
		</svg>');
}

#copyright .social .instagram a::after {
	--svg: url('data:image/svg+xml; utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58">\
			<path d="M29.3,18.535c3.358,0,3.756.013,5.082.073,1.226.056,1.892.261,2.335.433.587.228,1.006.5,1.446.941.44.44.712.859.941,1.446.172.444.377,1.109.433,2.336.06,1.326.073,1.724.073,5.082s-.013,3.756-.073,5.082c-.056,1.226-.261,1.892-.433,2.335-.228.587-.5,1.006-.941,1.446s-.859.712-1.446.941c-.443.172-1.109.377-2.335.433-1.326.06-1.724.073-5.082.073s-3.756-.013-5.082-.073c-1.226-.056-1.892-.261-2.335-.433-.587-.228-1.006-.501-1.446-.941-.44-.44-.713-.859-.941-1.446-.172-.443-.377-1.109-.433-2.335-.06-1.326-.073-1.724-.073-5.082s.013-3.756.073-5.082c.056-1.226.261-1.892.433-2.336.228-.587.501-1.006.941-1.446.44-.44.859-.713,1.446-.941.443-.172,1.109-.377,2.335-.433,1.326-.06,1.724-.073,5.082-.073M29.3,16.269c-3.416,0-3.844.015-5.185.076-1.339.061-2.253.274-3.053.585-.827.321-1.528.751-2.228,1.451-.699.699-1.129,1.401-1.45,2.228-.311.8-.524,1.714-.585,3.053-.061,1.341-.076,1.77-.076,5.185s.014,3.844.076,5.185c.061,1.339.274,2.253.585,3.053.321.827.751,1.528,1.45,2.228s1.4,1.129,2.228,1.451c.8.311,1.714.523,3.053.584,1.342.061,1.77.076,5.185.076s3.844-.015,5.185-.076c1.339-.061,2.253-.274,3.053-.584.827-.321,1.528-.751,2.228-1.451.699-.699,1.129-1.401,1.451-2.228.311-.8.523-1.714.585-3.053.061-1.342.075-1.77.075-5.185s-.015-3.844-.075-5.185c-.061-1.339-.274-2.253-.585-3.053-.321-.827-.752-1.528-1.451-2.228-.699-.699-1.4-1.129-2.228-1.451-.8-.311-1.714-.523-3.053-.585-1.342-.061-1.77-.076-5.185-.076"/>\
			<path d="M29.3,22.388c-3.566,0-6.458,2.891-6.458,6.458s2.892,6.458,6.458,6.458,6.458-2.891,6.458-6.458-2.891-6.458-6.458-6.458M29.3,33.038c-2.315,0-4.192-1.877-4.192-4.192s1.877-4.192,4.192-4.192,4.192,1.877,4.192,4.192-1.877,4.192-4.192,4.192"/>\
			<path d="M37.523,22.132c0,.833-.676,1.51-1.509,1.51s-1.509-.676-1.509-1.51.676-1.509,1.509-1.509,1.509.676,1.509,1.509"/>\
		</svg>');
}

header .brand a::before,
#slider .carousel-control-prev::before,
#slider .carousel-control-next::before,
#alerts article::before,
#news::before,
#articles::before,
#articles .files .item::before,
#footer::before,
#copyright .container::before {
	mask-image: var(--svg);
	mask-repeat: no-repeat;
	mask-position: center;
}