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

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

		body * {
			border:										none;
			border-width:								0;
			border-style:								solid;
			outline:									none;
			background-color:							transparent;

			color:										rgb(0,0,0);
			font-family: 								'Roboto', sans-serif;
			font-size:									12px;
			font-weight:								300;
		}

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

				background:								rgb(255,255,255);
				background-image:						url("images/pattern.png");
				background-repeat:						repeat;

				font-family:							'Roboto',sans-serif;
			}

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


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

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

		.title {
			position:									relative;
			top:										-5px;
			/*margin-left:								35px;*/
			margin-right:								auto;

			color:										rgb(215,20,26);
			font-size:									35px;
			font-weight:								bold;
		}

		.logo {
			height: 									180px;
			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;
			flex-direction:								column;
		}

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

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

				.block__events span > span {
					color:								rgb(215,20,26);
					font-size:							35px;
					font-weight:						bold;
				}

		.events {
			display:									grid;
			grid-template-columns:						repeat(5, 1fr);
			gap:										10px;
			justify-content:							center;
		}

		.event {
			margin-bottom:								10px;
			display:									flex;
			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 {
			margin:										0 0 40px 0;
			display:									flex;
			flex-direction:								column;
		}

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

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

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

			background-color:							rgb(60,60,60);
		}

		.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 {
				height:									450px;
				width:									100%;
				position:								relative;
				flex-flow:								column;
				align-items:							center;
				justify-content:						center;

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

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

					object-fit:							cover;

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

					.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 {
		max-width:										100%;
		margin:											0 auto;
		display:										block;
	}

	.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 {
		width:											100%;
		position:										absolute;
		bottom:											8px;
	}

	.bx-wrapper .bx-loading {
		height:											100%;
		min-height:										100px;
		width:											100%;
		position:										absolute;
		top:											0;
		left:											0;
		z-index:										2;

		background:										url(images/bx_loader.gif) center center no-repeat rgb(255,255,255);
	}

	.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;
		*display:										inline;
		*zoom:											1;
	}

	.bx-wrapper .bx-pager.bx-default-pager a {
		height:											8px;
		width:											8px;
		margin:											0 4px;
		display:										block;

		-moz-border-radius:								50%;
		-webkit-border-radius:							50%;
		border-radius:									50%;
		outline:										0;
		background:										rgb(255,255,255);

		text-indent:									-9999px;
	}

	.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 {
			content:									"";
			height:										8px;
			width:										8px;
			position:									absolute;
			top:										calc(50% - 6px);
			left:										calc(50% - 6px);
			display:									block;
			opacity:									.3;

			border:										solid rgb(250,250,250);
			border-width:								0 4px 4px 0;

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

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

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

	.bx-wrapper .bx-controls-direction a {
		height:											30px;
		width:											30px;
		position:										absolute;
		top:											50%;
		z-index:										1;

		border-radius:									50%;
		outline:										0;
		background-color:								rgb(90,90,90);

		text-indent:									-9999px;
	}

	.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 {
		width:											100% !important;
		top:											0;
		left:											0;
		margin:											0;
	}

	#cntSlider span {
		position:										absolute;
		top:											79%;
		left:											0;
		padding:										4px 20px;
		opacity:										.7;
		cursor:											default;

		border:											1px solid #5a5a5a;
		border:											var(--width_border,1px)solid var(--clr_border,#5a5a5a);
		border-left-width:								0;
		background-color:								#fff;

		font-family:									'Roboto';
		font-weight:									500;
	}
/* ::: BXSLIDER */