@import													url('https://fonts.googleapis.com/css?family=Montserrat');

/* 	============================================================
	GLOBAL ELEMENTS
	============================================================ */
		html, body {
			position:									absolute;
			height:										100%;
			width:										100%;
			margin:										0;
			padding:									0;
		}

		body * {
			color:										rgb(0,0,0);
			font-family: 								'Montserrat', sans-serif;
			font-size:									12px;
			font-weight:								300;

			background-color:							transparent;
			outline:									none;
			border:										none;
			border-style:								solid;
			border-width:								0;
		}

			html:before {
				content:								"";
				position:								fixed;
				display:								block;
				height:									100%;
				width:									100%;
				top:									0;
				left:									0;

				background:								rgb(245,245,245);
				font-family:							'Montserrat',sans-serif;
				background-image:						url("images/pattern.png");
				background-repeat:						repeat;
			}

		a {
			text-decoration:							unset;
		}
/* 	============================================================
	END GLOBAL ELEMENTS
	============================================================ */


/* 	============================================================
	PAGE
	============================================================ */
		.block {
			display:									flex;
			position:									relative;
			max-width:									960px;
			margin:										auto;
			flex-direction:								column;
		}

		.head {
			display:									flex;
			height:										100px;
			margin:										20px 0;
			align-items:								center;
		}

		.title {
			position:									relative;
			top:										-5px;
			/*margin-left:								35px;*/
			margin-right:								auto;
			color:										rgb(12, 72, 127);
			font-size:									35px;
			font-weight:								bold;
		}

		.logo {
			height:										80%;
			cursor:										pointer;
		}

		.block__flag {
			display:									flex;
			align-items:								center;
			justify-content:							space-between;
		}

			.flag {
				height:									25px;
				margin-left:							7px;
				cursor:									pointer;
			}

		.block__events {
			display:									flex;
			margin:										20px 0 30px 0;
			flex-direction:								column;
		}

			.block__events > span, .block__partners > span {
				width:									100%;
				margin:									20px 0;

				color:									rgb(30,30,30);
				font-size:								35px;
				text-align:								center;
			}

				.block__events span > span {
					color:								rgb(12, 72, 127);
					font-size:							35px;
					font-weight:						bold;
				}

		.events {
			display:									flex;
			flex-wrap:									wrap;
			justify-content:							center;

			gap:										10px;
		}

		.event {
			display:									flex;
			width:										230px;
			margin-bottom:								10px;
			flex-direction:								column;
			align-items:								center;
			cursor:										pointer;

			transition:									all .1s;
		}

			.event:hover {
				transform:								scale(1.05);
			}

			.event * {
				width:									100%;
				text-align:								center;
			}

			.event__date {
				font-size:								14px;
			}

			.event__title {
				font-size:								12px;
				font-weight:							bold;
			}

			.event__image {
				height:									auto;
				width:									90%;
				margin:									5px 10px 10px 10px;
				box-sizing:								border-box;

				border-radius: 							10px;
			}

		.block__partners {
			display:									flex;
			margin:										0 0 40px 0;
			flex-direction:								column;
		}

		.partners {
			display:									flex;
			justify-content:							center;
		}

		.partner {
			max-width:									100px;
			cursor:										pointer;
		}

		.footer {
			height:										40px;
			width:										100%;

			background-color:							rgb(12, 72, 127);
		}

		.block__footer {
			height:										100%;
			flex-direction:								row;
			align-items:								center;
			justify-content:							space-between;
		}

			.block__footer span {
				color:									rgb(255,255,255);
				font-size:								12px;
			}

		/* Simple carousel gallery */
			.gallery {
				position:								relative;
				height:									450px;
				width:									100%;
				align-items:							center;
				justify-content:						center;
				flex-flow:								column;

				background:								radial-gradient(transparent, var(--gen__c--230));
			}

				.gallery img {
					position:							absolute;
					height:								100%;
					width:								100%;
					top:								0;
					left:								0;
					opacity:							0;

					-webkit-transition:					opacity 1s ease-in-out;
					-moz-transition:					opacity 1s ease-in-out;
					transition:							opacity 1s ease-in-out;

					object-fit:							cover;
					filter:								unset;
				}

					.gallery img:first-of-type, .gallery img.active {
						opacity:						1;
					}
/* 	============================================================
	END PAGE
	============================================================ */

/* ::: BXSLIDER */
	#cntSlider {
		height:										500px;
		overflow:									hidden;
	}

	.bxslider {
		margin:											0;
	}

	.bx-wrapper {
		position:										relative;
		margin:											0;
		padding:										0;
		*zoom:											1;
	}

	.bx-wrapper img {
		display:										block;
		max-width:										100%;
		margin:											0 auto;
	}

	.bx-wrapper .bx-viewport {
		-webkit-transform:								translatez(0);
		-moz-transform:									translatez(0);
		-ms-transform:									translatez(0);
		-o-transform:									translatez(0);
		transform:										translatez(0);
	}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom:											8px;

		position:										absolute;
		width:											100%;
	}

	.bx-wrapper .bx-loading {
		min-height:										100px;

		position:										absolute;
		height:											100%;
		width:											100%;
		left:											0;
		top:											0;
		background:										url(images/bx_loader.gif) center center no-repeat rgb(255,255,255);
		z-index:										2;
	}

	.bx-wrapper .bx-pager {
		text-align:										center;
	}

	.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display:										inline-block;
		*zoom:											1;
		*display:										inline;
	}

	.bx-wrapper .bx-pager.bx-default-pager a {
		width:											8px;
		height:											8px;
		margin:											0 4px;
		background:										rgb(255,255,255);

		display:										block;
		text-indent:									-9999px;
		outline:										0;
		-moz-border-radius:								50%;
		-webkit-border-radius:							50%;
		border-radius:									50%;
	}

	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
		background:										rgb(30,30,30);
	}

	.bx-wrapper .bx-prev {
		left:											20px;
		overflow:										hidden;
	}

	.bx-wrapper .bx-next {
		right:											20px;
	}

		.bx-prev:before, .bx-next:before {
			height:										8px;
			width:										8px;
			left:										calc(50% - 6px);
			top:										calc(50% - 6px);
			border:										solid rgb(250,250,250);
			border-width:								0 4px 4px 0;

			content:									"";
			position:									absolute;
			display:									block;
			opacity:									.3;
			transform:									rotate(135deg);
			-webkit-transform:							rotate(135deg);
		}

		.bx-next:before {
			left:										calc(50% - 7px);

			transform:									rotate(315deg);
			-webkit-transform:							rotate(315deg);
		}

	.bx-wrapper .bx-controls-direction a {
		background-color:								rgb(90,90,90);
		height:											30px;
		width:											30px;

		position:										absolute;
		top:											50%;
		border-radius:									50%;
		outline:										0;
		text-indent:									-9999px;
		z-index:										1;
	}

	.bx-wrapper .bx-controls-direction a.disabled {
		display:										none;
	}

	.bx-wrapper, .bx-viewport {
		height:											100% !important;
	}

	.bx-wrapper img {
		height:											100%;
		width:											100%;
		margin:											auto auto;
	}

	.bx-wrapper li {
		left:											0;
		top:											0;
		width:											100% !important;
		margin:											0;
	}

	#cntSlider span {
		padding:										4px 20px;
		background-color:								#fff;
		border:											1px solid #5a5a5a;
		border:											var(--width_border,1px)solid var(--clr_border,#5a5a5a);
		position:										absolute;
		left:											0;
		top:											79%;
		border-left-width:								0;
		opacity:										.7;
		cursor:											default;
		font-weight:									500;
		font-family:									'Scada';
	}
/* ::: BXSLIDER */