/* 	============================================================ */
/* 	#region *** LEGEND + TO DO									 */
/* 	============================================================
		@ v 5.2
		@ January 2024
		@ naming BEM (block__element--modifier)
		@ naming containers :: block -> card-> wrap

		@ general settings
		@ global elements
		@ common classes
		@ common objects
		@ head
		@ menus
		@ common animation
		@ third party

		@ view ports :: mobile__500, mobile--wide__700, tablet__960, screen--small__1024, screen--small__1280, screen__1440
	============================================================
/* 	#endregion *** END LEGEND
/* 	============================================================ */


/*	============================================================ */
/*	#region *** GENERAL SETTINGS								 */
/*	============================================================ */
		:root {
			/* Colors */
				--gen__c--30:							rgb(30,30,30);
				--gen__c--40:							rgb(40,40,40);
				--gen__c--90:							rgb(90,90,90);
				--gen__c--120:							rgb(120,120,120);
				--gen__c--150:							rgb(150,150,150);
				--gen__c--180:							rgb(180,180,180);
				--gen__c--200:							rgb(200,200,200);
				--gen__c--230:							rgb(230,230,230);
				--gen__c--240:							rgb(240,240,240);
				--gen__c--245:							rgb(245,245,245);
				--gen__c--250:							rgb(250,250,250);

				--gen__c--red200:						rgb(200,0,0);
				--gen__c--redlight:						rgb(215,90,90);

				--gen__c--organge:						rgb(255,90,10);
				--gen__c--organge150:					rgb(255,150,10);

				--gen__c--green:						rgb(30,160,120);
				--gen__c--blue:							rgb(60,100,180);

			/* Selection */
				--sel__c:								var(--gen__c--180);

			/* Borders */
				--gen__bc:								var(--gen__c--90);
				--gen__bc--150:							var(--gen__c--150);
				--gen__bc--200:							var(--gen__c--200);
				--gen__bc--250:							var(--gen__c--250);
				--gen__bc--focus:						var(--gen__c--90);
				--gen__bw:								1px;
				--gen__br:								2px;
				--gen__border:							solid var(--gen__bw) var(--gen__bc);
				--gen__border--150:						solid var(--gen__bw) var(--gen__bc--150);
				--gen__border--200:						solid var(--gen__bw) var(--gen__bc--200);
				--gen__border--240:						solid var(--gen__bw) var(--gen__c--240);
				--gen__border--250:						solid var(--gen__bw) var(--gen__bc--250);
				--gen__border--focus:					solid var(--gen__bw) var(--gen__bc--focus);

			/* Fonts */
				--gen__fc:								var(--gen__c--90);
				--gen__fc--30:							var(--gen__c--30);
				--gen__fc--230:							var(--gen__c--230);
				--gen__ff:								"Scada";
				--gen__ff--b:							"ScadaBold";
				--gen__fs:								12px;
				--gen__fs--8:							8px;
				--gen__fs--10:							10px;
				--gen__fs--14:							14px;

			/* Buttons */
				--btn__bgc:								transparent;
				--btn__bgc--hover:						var(--gen__c--120);
				--btn__bgc--active:						var(--gen__c--organge);
				--btn__fc:								var(--gen__fc);
				--btn__fs:								var(--gen__fs);
				--btn__b:								solid 1px;
				--btn__bc:								var(--gen__bc);
				--btn__br:								var(--gen__br);
				--btn__bw:								1px;

			/* Inputs */
				--inp__bgc:								transparent;
				--inp__bgc--hover:						transparent;
				--inp__bgc--focused:					var(--sel__c);
				--inp__fc:								var(--gen__fc);
				--inp__fs:								var(--gen__fs);
				--inp__b:								solid 1px;
				--inp__bc:								var(--gen__bc);
				--inp__bcf: 							var(--sel__c);
				--inp__br:								20px;
				--inp__bw:								1px;

			/* Background */
				--body__bgc:							var(--gen__c--240);
				--body__bgi:							unset;
				--body__bgs:							unset;
				--body__bgp:							unset;

			/* Head */
				--head__h:								40px;
				--head__bgc:							rgb(85,85,85);
				--head__bgi:							unset;
				--head__bgs:							unset;
				--head__bgp:							unset;

				--title__fc:							var(--gen__fc--30);
				--title__ff:							var(--gen__ff);
				--title__fs:							45px;
				--subtitle__fc:							var(--gen__fc);
				--subtitle__ff:							var(--gen__ff);
				--subtitle__fs:							var(--gen__fs);
				--logo__p:								flex-start;

			/* Menu */
				--menu__h: 								40px;
				--menu__bgc:							var(--gen__c--245);
				--menu__bgi:							unset;
				--menu__bgs:							unset;
				--menu__bgp:							unset;
				--menu__b:								solid 1px;
				--menu__bc:								var(--gen__bc);
				--menu__bw:								1px;
				--menu__shadow:							unset;

				--menuitem__bgc:						transparent;
				--menuitem__fc:							var(--gen__c--90);
				--menuitem__fc--hover:					var(--gen__c--30);
				--menuitem__fs:							var(--gen__fs);
				--menuitem__ff:							var(--gen__ff);

			/* Foot */
				--foot__h: 								25px;
				--foot__bgc: 							transparent;
				--foot__bgi: 							unset;
				--foot__bgs: 							unset;
				--foot__bgp: 							unset;
				--foot__b: 								solid 1px;
				--foot__bc: 							transparent;
				--foot__bw: 							1px;

			/* Blocks */
				--block__gap: 							15px;

			/* Card */
				--card__bgc: 							var(--gen__c--250);
				--card__b: 								var(--gen__border--200);
				--card__bc:								var(--gen__bc--200);
				--card__bw:								1px;
				--card__shadow: 						unset;
				--card-head__bgc:						transparent;
				--card-head__ff: 						var(--gen__ff--b);
				--card-head__fc:						var(--gen__c--90);
				--card-head__fs:						var(--gen__fs);
				--card-head__b:							none;
				--card-head__bw:						0;
				--card-head__bc:						transparent;

			/* Card and thumbs -> ostaveni u slucaj da se dodava slider za velicinu na thumbs */
				--card__mw:								200px;
				--card-body__h:							175px;
		}

		@font-face {
			font-family:								"Scada";
			src:										url("/fonts/scada/Scada-Regular.woff2") format("woff2"), url("fonts/scada/Scada-Regular.woff2") format("woff2"), url("/fonts/scada/Scada-Regular.woff") format("woff"), url("fonts/scada/Scada-Regular.woff") format("woff");

			font-weight:								normal;
			font-style:									normal;
			font-display:								swap;
		}

		@font-face {
			font-family:								"ScadaBold";
			src:										url("/fonts/scada/Scada-Bold.woff2") format("woff2"), url("fonts/scada/Scada-Bold.woff2") format("woff2"), url("/fonts/scada/Scada-Bold.woff") format("woff"), url("fonts/scada/Scada-Bold.woff") format("woff");

			font-weight:								normal;
			font-style:									normal;
			font-display:								swap;
		}
/*	============================================================ */
/*	#endregion *** GENERAL SETTINGS								 */
/*	============================================================ */


/*	============================================================ */
/*	#region *** COMMON CLASSES									 */
/*	============================================================ */
		/* #region --- [. colors .] */
			.c--30, .c--30::before, .c--30::after {
				border-color:							var(--gen__c--30);

				color:									var(--gen__c--30) !important;
				fill:									var(--gen__c--30) !important;
			}

			.c--150, .c--150::before, .c--150::after {
				border-color:							var(--gen__c--150);

				color:									var(--gen__c--150) !important;
				fill:									var(--gen__c--150) !important;
			}

			.c--250, .c--250::before, .c--250::after {
				border-color:							var(--gen__c--250);

				color:									var(--gen__c--250) !important;
				fill:									var(--gen__c--250) !important;
			}

			.c--red200, .c--red200::before, .c--red200::after {
				border-color:							var(--gen__c--red200);

				color:									var(--gen__c--red200) !important;
				fill:									var(--gen__c--red200) !important;
			}

			.c--redlight, .c--redlight::before, .c--redlight::after {
				border-color:							var(--gen__c--redlight);

				color:									var(--gen__c--redlight) !important;
				fill:									var(--gen__c--redlight) !important;
			}

			.c--green, .c--green::before, .c--green::after {
				border-color:							var(--gen__c--green);

				color:									var(--gen__c--green) !important;
				fill:									var(--gen__c--green) !important;
			}

			.c--orange, .c--orange::before, .c--orange::after {
				border-color:							var(--gen__c--organge);

				color:									var(--gen__c--organge) !important;
				fill:									var(--gen__c--organge) !important;
			}

			.c--orange150, .c--orange150::before, .c--orange150::after {
				border-color:							var(--gen__c--organge150);

				color:									var(--gen__c--organge150) !important;
				fill:									var(--gen__c--organge150) !important;
			}

			.c--blue, .c--blue::before, .c--blue::after {
				border-color:							var(--gen__c--blue);

				color:									var(--gen__c--blue) !important;
				fill:									var(--gen__c--blue) !important;
			}

			.bgc--white, .bgc--white::before, .bgc--white::after {
				background-color:						var(--gen__c--250);
			}

			.bgc--red, .bgc--red::before, .bgc--red::after {
				background-color:						var(--gen__c--red200);
			}

			.bgc--orange, .bgc--orange::before, .bgc--orange::after {
				background-color:						var(--gen__c--organge);
			}

			.bgc--green, .bgc--green::before, .bgc--green::after {
				background-color:						var(--gen__c--green);
			}
		/* #endregion */

		/* #region --- [. flexbox .] */
			.flex--break {
				width:									0;
				flex-basis:								100%;
			}

			.flex--cl {
				flex-flow:								column !important;
			}

			.flex--rw {
				flex-flow:								row !important;
				justify-content:						space-between;
			}
		/* #endregion */

		/* #region --- [. elements .] */
			.noclick, .noclick * {
				cursor:									default !important;
			}
		/* #endregion */
/*	============================================================ */
/*	#endregion *** COMMON CLASSES								 */
/*	============================================================ */


/*	============================================================ */
/*	#region *** GLOBAL ELEMENTS									 */
/*	============================================================ */
		::selection {
			background:									var(--sel__c);
		}

		::-moz-selection {
			background:									var(--sel__c);
		}

		* {
			scrollbar-width:							thin;
		}

		::-webkit-scrollbar {
			height: 									8px;
			width:										8px;
		}

		::-webkit-scrollbar-track {
			background:									rgb(230,230,230);
		}

		::-webkit-scrollbar-thumb {
			border-radius:								4px;
			background:									rgb(150,150,150);
		}

		::-webkit-scrollbar-thumb:hover {
			background:									rgb(90,90,90);
		}


		body {
			height:										100%;
			width:										100%;
			position:									absolute;
			top:										0;
			left:										0;
			margin:										0;
			padding:									0;
			overflow:									hidden;

			background-color:							var(--body__bgc);
			background-image:							var(--body__bgi);
			background-position:						var(--body__bgp);
			background-size:							var(--body__bgs);
		}

			body.db-fail {
				display:								flex;
				flex-direction:							column;
			}

			body * {
				margin:									0;
				padding:								0;
				display:								flex;
				box-sizing:								border-box;

				border:									none;
				border-width:							0;
				border-style:							solid;
				border-color:							var(--gen__bc);
				outline:								none;
				background-color:						transparent;

				color:									var(--gen__fc);
				font-family:							var(--gen__ff), Trebuchet MS, Tahoma, Arial;
				font-size:								var(--gen__fs);
			}

		a, .click {
			cursor:										pointer;

			color:										var(--gen__c--blue);
			text-decoration:							none;
		}

			a:hover, .click:hover {
				text-decoration:						underline;
			}

		b {
			margin-right:								3px;
			display:									inline-block;

			font-family:								var(--gen__ff--b);
			font-weight:								normal;
		}

		button {
			height:										28px;
			padding:									5px 15px;
			align-items:								center;
			justify-content:							center;
			overflow:									hidden;
			cursor:										pointer;

			border:										var(--btn__b);
			border-width:								var(--btn__bw);
			border-color:								var(--btn__bc);
			border-radius:								var(--btn__br);
			background-color:							var(--btn__bgc);

			color:										var(--btn__fc);
			font-size:									var(--btn__fs);
			text-transform:								uppercase;
			white-space:								nowrap;

			transition-duration:						.3s;
		}

			button:hover {
				border-color:							var(--btn__bgc--hover);
				background-color:						var(--btn__bgc--hover);

				color:									var(--gen__fc--230);
			}

		p a {
			display:									contents;
		}

		svg {
			height:										18px;
			width:										18px;
			flex-shrink:								0;
			cursor:										pointer;

			fill:										var(--gen__fc, var(--gen__c--90));
			fill-opacity:								.8;
		}

			svg + label, img + label,
			svg + a, img + a {
				height:									15px;
				margin:									0 5px;
				display:								flex !important;
				align-items:							center;
			}

		textarea {
			overflow:									hidden;
		}

			.txtarea p {
				white-space:							nowrap;
			}

		li {
			list-style:									none;
		}

		@media all and (max-width: 960px) {
			body::-webkit-scrollbar {
				width:									0;

				background:								transparent;
			}

			body {
				-moz-overflow:							-moz-scrollbars-none;
				-ms-overflow-style:						none;

				overflow:								overlay;
			}
		}

		@media all and (max-width: 700px) {
			body {
				height:									unset;
			}
		}
/*	============================================================ */
/*	#endregion *** GLOBAL ELEMENTS								 */
/*	============================================================ */


/*	============================================================ */
/*	#region *** COMMON OBJECTS									 */
/*	============================================================ */
		/* #region --- Blocks */
			/* Flat */
				.block-flat {
					height:								auto;
					max-height:							10000vh;
					width:								100%;
					flex-wrap:							wrap;
					align-content:						flex-start;
					justify-content:					space-between;

					transition:							max-height .3s cubic-bezier(1,0,1,0);
				}

					.block-flat .gen__head--small {
						margin-top:						10px;
					}

					.block-flat.flex--cl > .card {
						width:							100%;
						margin:							0 0 10px 0;
					}

			/* Cards */
				.block-card {
					height:								auto;
					max-height:							10000vh;
					width:								100%;
					margin:								0 0 20px 0;
					display:							none;
					grid-template-columns:				repeat(auto-fit, minmax(var(--card__mw), 1fr));
					gap:								var(--block__gap);

					transition:							max-height .3s cubic-bezier(1,0,1,0);
				}

					.block-card.visible {
						display:						grid;
					}

					.block-card.closed {
						max-height:						40px; /* !!! definiraj spored visinu na header !!! */
						overflow:						hidden;

						transition:						max-height .3s cubic-bezier(0,1,0,1);
					}

					.block-card--mb10 {
						margin-bottom:					10px;
					}

			/* Heading */
				.gen__head, .gen__head *:not(select, option) {
					color:									var(--card-head__fc);
					font-family:							var(--gen__ff--b);
					font-size:								var(--card-head__fs);
					text-transform:							uppercase;
				}

				.gen__head {
					height:									40px;
					width:									100%;
					margin-bottom:							10px;
					padding:								0 10px;
					align-items:							center;

					border:									var(--gen__border--200);
					border-top-width:						3px;
					border-radius:							var(--gen__br);
					background-color:						var(--card__bgc);
				}

					.gen__head--small {
						height:								28px;

						border-top:							var(--gen__border--200);
						background-color:					var(--gen__c--240);
					}

					.gen__head svg {
						z-index:							1;
						margin-left:						auto;
					}

						.gen__head .wrap-inp ~ svg, .gen__head svg:nth-of-type(n + 2) {
							margin-left:					0 !important;
						}

					.gen__head > span {
						position:							relative;
					}

						.gen__head > span:first-of-type {
							margin-right:					auto;
							display:						block;
							overflow:						hidden;

							text-overflow:					ellipsis;
							white-space:					nowrap;
						}

					.gen__head .wrap-inp {
						width:								80px;
						min-width:							13%;
						z-index:							4;
						margin:								0 0 10px 16px;
						align-items:						center;
					}

					.gen__head .wrap-inp--select {
						height:							22px;
						min-height:						22px;
						margin: 0						!important;
					}

				@media all and (max-width: 700px) {
					.gen__head--small {
						height:							var(--menu__h);
					}
				}

			/* Buttons */
				.block-button {
					width:								100%;
					margin:								20px 0 0 0;
					flex-direction:						row;
					gap:								var(--block__gap);
					align-items:						flex-end;
					justify-content:					flex-end;
				}

			/* Key-points */
				.block--keypoint {
					gap:								var(--block__gap);
				}

			@media all and (max-width: 960px) {
				.block-flat {
					width:								100%;
				}

				.mobile--grow {
					height:								200px;
				}
			}

			@media all and (max-width: 500px) {
				.block-card__head {
					margin-bottom:						15px;
				}
			}
		/* #endregion */

		/* #region --- [. cards GENERAL .] */
			.card {
				position:								relative;
				flex-flow:								row wrap;
				align-items:							center;

				border:									var(--card__b);
				border-width:							var(--card__bw);
				border-color:							var(--card__bc);
				border-radius:							var(--gen__br);
				background-color:						var(--card__bgc);
				box-shadow:								var(--card__shadow);
			}

				.card__head {
					width:								100%;
					position:							relative;
					z-index:							0;
					margin-bottom:						20px;
					overflow:							hidden;

					border:								none;
					border-width:						var(--card-head__bw);
					border-color:						var(--card-head__bc);
					background-color:					var(--card-head__bgc);
				}

				.card__head, .card__head * {
					align-items:						center;

					color:								var(--card-head__fc);
					font-family:						var(--gen__ff--b);
					font-size:							var(--card-head__fs);
					text-transform:						uppercase;
				}

				.card__head svg {
					z-index:							1;
					margin-left:						auto;
				}

					.card__head[dir=rtl] svg {
						margin-right:					auto;
						margin-left:					unset;
					}

				.card > div {
					width:								100%;
					flex-direction:						column;
				}

			/* #region Forms */
				.card--form {
					width:								450px;
					max-width:							450px;
					margin:								auto;
					padding:							20px;
				}

					.twocolumn .card--form {
						width: 							calc((100% - (var(--block__gap) * 2)) / 2);
						margin:							unset;
					}

					.card--form .card__head {
						height:							30px;
						padding-left:					10px;
					}

				.card__form {
					margin-top:							10px;
				}

				.card__form .wrap-inp ~ .block-button, .card__form .wrap-notif ~ .block-button {
					padding:							0 10px;
				}
			/* #endregion */

			/* #region flat */
				.card--flat {
					border:								unset;
					background-color:					unset;
					box-shadow:							unset;
				}
			/* #endregion */

			/* #region options */
				.card__options .blank {
					height:								10px;
					min-height:							unset;

					border:								unset;
				}

				.card__options > .header {
					font-family:						var(--gen__ff--b);
					text-transform:						uppercase;
				}

				.card__options > div {
					height:								24px;
					min-height:							24px;
					align-items:						center;
					justify-content:					space-between;
				}

					.card__options > div:last-child {
						border-bottom:					unset;
					}

					.card__options > :not(.header) > * {
						opacity:						.8;
					}

					.card__options > :not(.header, .blank):hover,
					.card__options > :not(.header, .blank):focus {
						opacity:						1;

						background-color:				rgba(225,225,225, .5);
					}

						.card__options > div > span, .card__options > div > label {
							position:					relative;
							display:					block;
							overflow:					hidden;

							font-family:				inherit;
							text-align:					left;
							text-overflow:				ellipsis;
							white-space:				nowrap;
						}

						.card__options > div > span:nth-child(2):not(:last-child), .card__options > div > label:nth-child(2):not(:last-child) {
							width:						100%;
							top:						0 !important;
						}

						.card__options > div > span:last-child, .card__options > div > label:last-child {
							min-width:					initial;
							min-width:					15%;
							margin-right:				0;

							text-align:					right;
						}

					.card__options button {
						height:							16px;
						width:							auto;
						padding:						0 5px;
						flex-shrink:					0;

						border:							none;
					}

					.card__options input[type="text"], .card__options input[type="number"], .card__options .wrap-inp, .card__options > div > span:nth-child(2):not(:last-child), .card__options > div > label:nth-child(2):not(:last-child) {
						height:							calc(100% - 3px);
						min-height:						auto;
						max-width:						40%;
						position:						relative !important;
						margin:							0;
						margin-left:					auto;
						overflow:						hidden;

						text-align:						unset !important;
					}

					.card__options input[type="text"]:not(:last-child), .card__options input[type="number"]:not(:last-child), .card__options .wrap-inp:not(:last-child), .card__options > div > span:nth-child(2):not(:last-child), .card__options > div > label:nth-child(2):not(:last-child) {
						max-width:						25%;
						margin-right:					10px;
					}

					.card__options input[type="text"], .card__options input[type="number"], .card__options .wrap-inp select {
						border-width:					1px;
						border-style:					dotted !important;
					}

						.card__options .wrap-inp--select:before {
							border-width:					1px;
							border-style:				dotted !important;
						}
			/* #endregion */

			@media all and (max-width: 960px) {
				.card {
					width:								100%;
				}
			}

			@media all and (max-width: 700px) {
				.twocolumn .card--form {
					width:								100%;
					max-width:							100%;
				}
			}

			@media all and (max-width: 500px) {
				.card {
					border-right:						unset;
					border-left:						unset;
				}

				.card:not(.accent) {
					border:								none;
				}

				.card--form, .twocolumn .card--form {
					width:								100%;
					max-width:							100%;
				}
			}
		/* #endregion */

		/* #region --- [. cards UPLOAD + JUDGE .] */
			.card-img {
				width:									100%;
				position:								relative;
				flex-flow:								column;
				align-items:							center;

				border:									var(--gen__border--200);
				border-radius:							var(--gen__br);
				background-color:						var(--cnt__bgc);
			}

				.pidc { background-color: rgb(255,230,210) !important; }
				.pidm { background-color: rgb(235,235,235) !important; }
				.ptd { background-color: rgb(235,235,255) !important; }
				.pjd { background-color: rgb(255,250,230) !important; }
				.nd { background-color: rgb(235,255,235) !important; }

				.card-img svg {
					height:								18px;
					width:								auto;
					margin-left:						3px;
					cursor:								pointer;
				}

				.card-img select {
					height:								25px;
					width:								100%;
					margin:								5px 0;
					display:							flex !important;

					border:								var(--gen__border--200);
					border-radius:						var(--gen__br);
				}

				.card-img span, .card-img label {
					display:							block;
					overflow:							hidden;

					font-size:							var(--gen__fs--10);
					text-overflow:						ellipsis;
					white-space:						nowrap;
				}

				.card-img > div, .card-img > input, .card-img > select {
					width:								calc(100% - 10px);
				}

				.card-img > input {
					position:							relative !important;

					border-bottom:						var(--gen__border);

					font-size:							var(--inp__fs);
				}

					.card-img > input:last-child {
						margin-top:						auto;
					}

					.card-img > input:focus {
						border-bottom:					var(--gen__border--focus);
					}

			/* #region card-img__head */
				.card-img__head {
					padding:							5px 0 0 0;
					justify-content:					space-between;
				}
			/* #endregion */

			/* #region card-img__body */
				.card-img__body {
					height:								175px;
					width:								100% !important;
					position:							relative;
					margin:								0 0 10px 0;
					flex-wrap:							wrap;
					align-items:						center;
					justify-content:					center;

					background-color:					var(--gen__c--230);
				}

					.card-img__body > div:not(.card-img__stat), .card-img__body > a {
						height:							calc(100% - 10px);
						width:							100%;
						position:						relative;
						padding:						5px;
						flex-direction:					column;
						align-items:					center;
						justify-content:				center;
						overflow:						hidden;

						background-repeat:				no-repeat;
						background-position:			center center;
						background-origin:				content-box;
						background-size:				contain;
					}

					.card-img .uploadify {
						height:							22%;
						width:							100%;
						justify-content:				center;
						opacity:						0;
						visibility:						hidden;
						cursor:							default;

						transition:						all .3s ease-out;
					}

					.card-img .uploadify.visible {
						opacity:						1;
						visibility:						visible;
						cursor:							pointer;
					}

				.card-img__blur {
					height:								100%;
					width:								100% !important;
					position:							absolute;
					top:								0;
					left:								0;
					margin:								0 !important;
					opacity:							.8;

					background:							var(--gen__c--240);
				}

				.card-img__stat {
					position:							absolute;
					top:								0;
					left:								0;
					margin-top:							5px;
					align-items: 						center;
				}

				.card-img__cir {
					height:								25px;
					width:								25px;
					display:							flex !important;
					align-items:						center;
					justify-content:					center;
					opacity:							.8;

					border-radius:						50%;

					text-align:							center;
				}

					.card-img__cir.points {
						background-color:				var(--gen__c--green);

						color:							var(--gen__fc--240);
					}

					.card-img__cir.favorite {
						color:							var(--gen__c--blue) !important;
					}

					.card-img__cir.award {
						box-sizing: 					content-box;

						border:							solid 2px var(--gen__c--organge150) !important;
					}

				.card-img__cir--point {
					top:								3px;
					left:								5px;
				}

				.card-img__cir--fav {
					position:							relative;
					margin:								0 0 0 auto;
					opacity:							1;
					cursor:								pointer;

					border:								var(--gen__border--200);
				}

				.card-img__cir--stat {
					position:							relative;
					margin-left:						5px;
				}
			/* #endregion */

			/* #region card-img__foot */
				.card-img__foot, .card-img__files {
					height:								24px;
					align-items:						center;
					justify-content:					space-between;

					border-bottom:						var(--gen__border--200);
				}

					.card-img__foot span, .card-img__files :nth-child(4) {
						margin-right:					auto;
					}

				.card-img__foot--comment {
					flex-wrap:							wrap;
				}

					.card-img__foot--comment select {
						max-width:						unset !important;
					}

					.card-img__foot--comment .comment__content {
						height:							24px;
						max-width:						calc(100% - 15px);

						background-color:				unset;
					}

					.card-img__foot--comment .block--comments__history {
						margin:							5px 0 !important;
						padding:						unset;
						display:						flex;
					}

				.card-img__point {
					max-height:							130px;
					margin:								4px 0 !important;
					flex-wrap:							wrap;
					overflow-x:							hidden;
					overflow-y:							scroll;

					text-align:							right;
				}

					.card-img__point .flex--break {
						display:						none;
					}

					.card-img__point > div {
						width:							100%;
						position:						relative;
						padding:						2px 0;
						flex-wrap:						wrap;
						align-items:					center;
						justify-content:				space-between;

						border-bottom:					var(--gen__border--240);
					}

						.card-img__point > div:first-child {
							padding:					0 0 2px 0;
						}

						.card-img__point > div:last-child {
							padding:					2px 0 0 0;

							border-bottom:				none;
						}

						.card-img__point > div > * {
							margin-right:				4px !important;
						}

						.card-img__point > div > :nth-child(1) {
							margin-right:				auto !important;
						}

						.card-img__point > div > input[type="text"], .card-img__point > div > input[type="number"] {
							height:						18px;
							width:						18px;
							margin:						1px;

							border:						var(--gen__border--150);
							border-radius:				50%;

							font-size:					var(--gen__fs--10);
							text-align:					center;
						}

						.card-img__point input[type=number], .card-img__point input::-webkit-outer-spin-button, .card-img__point input::-webkit-inner-spin-button {
							margin:						0;
							-webkit-appearance:			none;
							-moz-appearance:			textfield;
						}
			/* #endregion */

			/* #region card-img--form */
				.card-img--form {
					height:								auto !important;
					margin-left:						0;

					border:								unset;
					border-bottom:						var(--gen__border);
					border-radius:						0;
				}

					.card-img--form svg, .wrap-inp--uploadify svg {
						height:							18px !important;
						width:							18px !important;
						position:						absolute;
						right:							10px;
						bottom:							5px;
						display:						block;

						fill:							var(--gen__bc)  !important;
					}

					.card-img--form .card-img__body svg[id^="btn--del"] {
						display:						none;
					}

					.card-img--form .card-img__body {
						height:							30px;
						width:							100%;
						margin:							0;
						overflow:						hidden;

						border-radius:					var(--inp__br);
						background-color:				unset;
					}

						.card-img--form .card-img__body.uploaded {
							height:						120px;
						}

						.card-img--form .card-img__body.uploaded svg[id^="btn--del"] {
							display:					block;
						}

						.card-img--form .card-img__body > div, .card-img--form .card-img__body > a {
							height:						100% !important;
							width:						100% !important;

							border:						none !important;
							background-size:			contain;
						}
			/* #endregion */

			@media all and (max-width: 1280px) {
				.card-img__point .flex--break {
					display:							flex;
				}

				.card-img__point .flex--break + label {
					margin-left:						auto;
				}
			}

			@media all and (max-width: 960px) {
				.card-img__point .flex--break {
					display:							none;
				}
			}

			@media all and (max-width: 700px) {
				.card-img {
					border-right:						none;
					border-left:						none;
				}
			}
		/* #endregion */

		/* #region --- [. input wrapers .] */
			.wrap-inp {
				height:									30px;
				min-height:								30px;
				width:									100%;
				position:								relative;
				margin-bottom:							10px;
				flex-shrink:							0;

				border:									var(--inp__b);
				border-width:							var(--inp__bw);
				border-color:							var(--inp__bc);
				border-radius:							var(--inp__br);
				background-color:						var(--inp__bgc);
			}

				.wrap-inp:hover {
					background-color:					var(--inp__bgc--hover);
				}

				.wrap-inp:focus-within {
					border-color:						var(--inp__bcf) !important;
				}

				.wrap-inp label {
					position:							absolute;
					top:								8px;
					left:								10px;
					z-index:							1;
					display:							block;
					align-self:							center;
					overflow:							hidden;

					font-size:							var(--inp__fs);
					text-transform:						uppercase;
					text-overflow:						ellipsis;
					white-space:						nowrap;

					transition:							all .1s;
				}

					.wrap-inp label[dir=rtl] {
						right:							10px;
						left:							unset;
					}


					.wrap-inp label.focused,
					.wrap-inp:focus-within label:first-child {
						top:							0;
						left:							15px;
						z-index:						1;
						padding:						0 5px;

						border-radius:					1px;
						background-color:				var(--gen__c--250);

						color:							var(--inp__bcf);
						font-size:						9px;

						transform:						translateY(-60%) !important;
					}

						.wrap-inp label[dir=rtl].focused,
						.wrap-inp:focus-within label[dir=rtl]:first-child {
							right:						15px;
							left:						unset;
						}

					.wrap-inp label.errored {
						color:							var(--gen__c--redlight);
					}

			/* #region input */
				.wrap-inp > input:not([type="file"], [type="image"]), .wrap-inp textarea, .wrap-inp select, .card input:not([type="file"], [type="image"]) {
					height:								100%;
					width:								100%;
					position:							relative;
					bottom:								0;
					padding:							0;
					align-self:							center;
					resize:								none;

					border-radius:						var(--inp__br);

					color:								var(--inp__fc);
					font-size:							var(--inp__fs);
					text-indent:						10px;
				}
			/* #endregion */

			/* #region select */
				.wrap-inp select {
					height:								100%;
					padding:							0 25px 0 0;
					cursor:								pointer;

					-webkit-appearance:					none;
					-moz-appearance:					none;
					appearance:							none;
				}

					.wrap-inp select option {
						background-color:				var(--body__bgc, rgba(250,250,250, .98));

						font-size:						var(--inp__fs);
					}

						.wrap-inp select option:hover,
						.wrap-inp select option:focus {
							background-color:			rgb(255,255,255);
						}

						@-moz-document url-prefix() {
							.wrap-inp select {
								text-indent:			-2px;
							}
						}

				.wrap-inp--select::after {
					content:							"";
					height:								0;
					width:								0;
					position:							absolute;
					right:								12px;
					align-self:							center;
					pointer-events:						none;

					border:								solid 4px transparent;
					border-top-color:					var(--inp__bc);
					border-bottom:						none;
				}

					.wrap-inp--select:focus-within::after { /* focus-within limited support */
						border-top-color:				var(--inp__bcf) !important;
					}
			/* #endregion */

			/* #region textarea */
				.wrap-inp--txtarea {
					transition:							all .1s;
				}

					.wrap-inp--txtarea.focused {
						height:							100px !important;

						border-radius:					10px;
					}

					.wrap-inp--txtarea label.focused + textarea {
						height:							86px;
						top:							0;
						padding-left:					8px;
						overflow-x:						hidden;
						overflow-y:						scroll;

						text-indent:					0;

						transition:						all .1s;
					}
			/* #endregion */

			/* #region uploadifive */
				.wrap-inp--uploadify .uploadify {
					height:								100% !important;
					width: 								100% !important;
					position: 							relative;
					overflow:							hidden;
				}

				.wrap-inp--uploadify .uploadifive-button {
					all: 								unset;

					height:								13px !important;
					width: 								100% !important;
					position: 							absolute;
					bottom:								0;

					border:								none;
					border-bottom:						var(--gen__border);
					border-radius: 						0;
					background-color: 					transparent;
					background-image:					none;
				}

				.wrap-inp--uploadify .uploadifive-queue, .card-img--form .uploadifive-queue {
					top:								unset;
					bottom:								0;
					z-index:							10;
				}

					.uploadifive-queue--multiple {
						height:							100%;
						overflow-y:						auto;

						background-color:				var(--card__bgc);
					}

					.wrap-inp .uploadifive-queue-item {
						margin:							0;
						padding:						0;
						align-items:					center;
					}

					.wrap-inp--uploadify .uploadifive-queue-item .progress {
						margin:							0;
					}

					.wrap-inp--uploadify .uploadifive-queue-item .filename, .wrap-inp--uploadify .uploadifive-queue-item .fileinfo {
						font-size:						inherit;
					}
			/* #endregion */

			/* #region various */
				.errored {
					border-color:						var(--gen__c--redlight) !important;

					color:								var(--gen__c--redlight) !important;
				}
			/* #endregion */
		/* #endregion */

		/* #region --- [. checkbox, radio .] */
			.wrap-opt {
				align-items:							center;
				overflow:								hidden;
			}

				.wrap-opt--left {
					flex-flow:							row-reverse;
				}

			.checkbox, .radio {
				display:								none !important;
				opacity:								0;
			}

			.checkbox + label, .radio + label {
				display:								block;
				cursor:									pointer;
			}

				.checkbox + label:before, .radio + label:before {
					content:							"";
					height:								18px;
					width:								18px;
					position:							relative;
					display:							block;

					border:								var(--gen__border--150);
					border-color:						var(--inp__bc);
					border-radius:						5px;
					background:							var(--card__bgc);
				}

				.checkbox:checked + label:before, .radio:checked + label:before {
					background:							var(--gen__bc);
					box-shadow:							inset 0 0 0 3px var(--card__bgc);

					animation:							tickit .05s ease-in;
				}

					.checkbox + label + label, .radio + label + label {
						margin:							0 0 0 4px;
						display:						block;
						overflow:						hidden;
						cursor:							pointer;

						line-height:					18px;
						text-overflow:					ellipsis;
						white-space:					nowrap;
					}

			.wrap-opt--left .checkbox + label + label, .wrap-opt--left .radio + label + label {
				margin:									0 4px 0 0;
			}
		/* #endregion */

		/* #region --- [. various wrapers (svg) .] */
			.wrap--svg {
				align-items:							center;
			}
		/* #endregion */
/*	============================================================ */
/*	#endregion *** COMMON OBJECTS								 */
/*	============================================================ */


/*	============================================================ */
/*	#region *** PAGES											 */
/*	============================================================ */
		/* #region --- [. DB issue .] */
			.card--issue {
				width:									450px;
				max-width:								450px;
				margin:									auto;
				padding:								20px;
				overflow:								hidden;
			}
		/* #endregion */

		/* #region --- [. General .] */
			.head, .menu, .page, .foot {
				padding:								0 20%;
			}

			.head {
				height:									var(--head__h);
				width:									100%;
				position:								fixed;
				display:								flex;
				flex-direction:							column;
				justify-content:						center;
				overflow:								hidden;

				background-color:						var(--head__bgc);
				background-image:						var(--head__bgi);
				background-position:					var(--head__bgp);
				background-size:						var(--head__bgs);
			}

				.head__title {
					display:							block;
					overflow:							hidden;

					color:								var(--title__fc);
					font-family:						var(--title__ff);
					font-size:							var(--title__fs);
					font-weight:						900;
					text-overflow:						ellipsis;
					white-space:						nowrap;
				}

				.head__subtitle {
					display:							block;
					overflow:							hidden;

					color:								var(--subtitle__fc);
					font-family:						var(--subtitle__ff);
					font-size:							var(--subtitle__fs);
					text-indent:						40px;
					text-overflow:						ellipsis;
					white-space:						nowrap;
				}

				.head__logo {
					height:								calc(var(--head__h) * .9);
					max-width:							100%;
					align-self:							var(--logo__p);
					justify-content:					center;

					object-fit:							contain;
				}

			.menu {
				height:									var(--menu__h, 40px);
				width:									100%;
				position: 								fixed;
				top:									var(--head__h, 85px);
				z-index: 								1;
				display: 								flex;
				overflow:								visible;

				border:									none;
				border-top: 							var(--menu__b, solid);
				border-bottom:							var(--menu__b, solid);
				border-width:							var(--menu__bw);
				border-color:							var(--menu__bc);
				background-color: 						var(--menu__bgc, rgb(90,90,90));
				background-image: 						var(--menu__bgi);
				background-position:					var(--menu__bgp);
				background-size: 						var(--menu__bgs);
				box-shadow: 							var(--menu__shadow);
			}

				.menu__item {
					position:							relative;
					margin-right:						var(--block__gap);
					align-items:						center;
					cursor:								pointer;

					background-color: 					var(--menuitem__bgc, transparent);

					text-decoration:					none !important;
				}

					.menu__item[dir=rtl] {
						margin-right:					unset;
						margin-left:					var(--block__gap);
					}

					.menu__item:last-child {
						margin-right:					0;
					}

					.menu__item * {
						pointer-events:					none;

						color:							var(--menuitem__fc);
						font-family:					var(--menuitem__ff);
						font-size:						var(--menuitem__fs);
						text-transform:					uppercase;
						white-space:					nowrap;
						fill:							var(--menuitem__fc);
					}

					.menu__item--icon {
						display:						none;
					}

					.menu__item:hover {
						box-shadow:						inset 0 -3px 0 var(--menuitem__fc--hover);
					}

				.menu__langs {
					width:								100%;
					position:							absolute;
					top:								var(--menu__h, 40px);
					left:								0;
					padding:							2px 4px;
					display:							none;
					flex-direction:						column;
					align-items:						center;
					box-sizing:							content-box;

					background-color:					rgba(240,240,240,.7);

					transform:							translate(-4px, 0);
				}

					.menu__langs.visible {
						display:						flex;
					}

					.menu__langs img {
						width:							100%;
						max-width:						26px;
						pointer-events:					all;
					}

			.main {
				min-height:								calc(100% - var(--head__h) - var(--menu__h) - var(--foot__h));
				max-height:								calc(100% - var(--head__h) - var(--menu__h) - var(--foot__h));
				width:									100%;
				position:								absolute;
				top:									calc(var(--head__h) + var(--menu__h));
				left:									0;
				display:								flex;
				flex-direction:							column;
				overflow-x:								hidden;
				overflow-y:								overlay;
			}

			.page {
				width:									100%;
				position:								relative;
				padding-top:							var(--block__gap) !important;
				padding-bottom:							var(--block__gap) !important;
				flex:									1;
				flex-direction:							column;
				align-items:							center;
			}

				.page:has(.gallery) {
					padding-top:						0 !important;
				}

				.page.twocolumn {
					flex-direction:						row;
					gap:								calc(var(--block__gap) * 2);
					align-items:						flex-start;
					justify-content:					space-between;
				}

				.page > * {
					flex-shrink:						0;
				}

			.foot {
				height:									var(--foot__h, 25px);
				min-width:								100%;
				position: 								fixed;
				bottom:									0;
				z-index: 								1;
				display: 								flex;
				gap:									2px;
				overflow:								hidden;

				border-top: 							var(--foot__b, solid);
				border-right:							unset;
				border-bottom:							var(--foot__b, solid);
				border-left: 							unset;
				border-width:							var(--foot__bw);
				border-color:							var(--foot__bc);
				background-color: 						var(--foot__bgc, rgb(90,90,90));
				background-image: 						var(--foot__bgi);
				background-position:					var(--foot__bgp);
				background-size: 						var(--foot__bgs);
			}

				.foot__item {
					align-items:						center;
				}

				.foot svg {
					pointer-events:						none;
					fill:								var(--menuitem__fc);
				}

			@media all and (max-width: 1440px) {
				.head, .menu, .page, .foot {
					padding:							0 16%;
				}
			}

			@media all and (max-width: 1280px) {
				.head, .menu, .page, .foot {
					padding:							0 8%;
				}
			}

			@media all and (max-width: 1024px) {
				.head, .menu, .page, .foot {
					padding:							0 4%;
				}
			}

			@media all and (max-width: 960px) {
				.menu, .page, .foot {
					padding:							0;
				}

				.menu {
					padding:							0 20px;
				}

				.head {
					padding:							0 20px;
				}
			}

			@media all and (max-width: 700px) {
				.head, .menu, .main {
					position:							relative;
					top:								unset;
				}

				.head__title {
					width:								100%;
					margin-bottom:						10px;

					text-align:							center;
					text-indent:						unset;
				}

				.head__subtitle {
					display:							none;
				}

				.menu {
					position:							sticky;
					top:								0;
					padding:							0;
				}

				.menu__item {
					width:								30px;
					max-width:							30px;
					margin-right:						0;
					padding:							0 8px;
					align-items:						center;
					justify-content:					center;
				}

				.menu__item--text {
					display:							none;
				}

				.menu__item--icon {
					display:							flex;
				}

				.head {
					height:								unset;
				}

				.main {
					max-height:							unset;
					padding-bottom:						var(--foot__h);
				}

				.page.twocolumn {
					height:								100%;
					flex-direction:						column-reverse;
					align-items:						center;
				}
			}

			@media all and (max-width: 500px) {
				.card--issue {
					width:								100%;
					max-width:							100%;
				}

				.main {
					width:								100%;
					min-width:							100%;
					left:								0;
				}

				.menu, .page, .foot {
					padding:							0;
				}

				.head {
					padding:							0 20px;
				}

				.head__logo {
					width:								100%;
					padding:							10px;
				}
			}

			@media all and (max-height: 400px) {
				body {
					height:								unset;
					display:							flex;
					flex-direction:						column;
					overflow-y:							auto;
				}

				.head, .menu, .main, .foot {
					min-height:							unset;
					max-height:							unset;
					position:							relative;
					top:								unset;
					bottom:								unset;
				}
			}
		/* #endregion */

		/* #region --- [. Timer .] */
			.timer {
				position:								absolute;
				gap:									10px;
				align-items: 							center;
				align-self:								flex-end;
			}

			.timer__wrap {
				height:									var(--menu__h);
				width:									var(--menu__h);
				position: 								relative;
				flex-direction: 						column;
				align-items:							center;
				justify-content: 						center;
				overflow:								hidden;

				border:									var(--card__b);
				border-width:							var(--card__bw);
				border-color:							var(--card__bc);
				border-radius:							var(--gen__br);
				background-color:						var(--card__bgc);
				/* box-shadow:								var(--card__shadow); */
			}

			.timer__num, .timer__word {
				filter:									invert(.5);

				color:									var(--gen__fc);
				font-family:							var(--gen__ff);
				font-size:								calc(var(--menuitem__fs) - 2px);
			}

			.timer__word {
				font-size:								calc(var(--menuitem__fs) - 4px);
			}

			@media all and (max-width: 700px) {
				.head .timer {
					position:							relative;
					padding:							10px;
					align-self:							center;
				}
			}
		/* #endregion */

		/* #region --- [. Home .] */
			.recognitions {
				padding:								20px 0;
				display:								flex;
				flex-wrap:								wrap;
				gap:									var(--block__gap);
				justify-content:						center;
			}

				.recognition__logo {
					height:								110px;
					filter:								grayscale(.5);

					transition:							filter .3s ease-in-out;
				}

					.recognition__logo:hover {
						filter:							unset;
					}

				.recognition__logo.dark {
					filter:								grayscale(1) invert(1) opacity(.8);
				}

					.recognition__logo.dark:hover {
						filter:							grayscale(1) invert(1) opacity(1);
					}

			.blog-carousel, .accents {
				width:									100%;
				padding-bottom:							30px;
				gap:									var(--block__gap);
				justify-content:						space-between;
			}

			#btn--start, #btn--submit {
				width:									100%;
			}

			.card--news {
				min-height:								110px;
				max-height:								150px;
				width:									100%;
				padding:								20px;
				flex-direction:							column;
				align-items:							flex-start;
				overflow:								hidden;
			}

				.card--news.n6, .accent.n6 {
					width:								calc((100% - var(--block__gap) * 5) / 6);
					min-width:							calc((100% - var(--block__gap) * 5) / 6);
				}

				.card--news.n5, .accent.n5 {
					width:								calc((100% - var(--block__gap) * 4) / 5);
					min-width:							calc((100% - var(--block__gap) * 4) / 5);
				}

				.card--news.n4, .accent.n4 {
					width:								calc((100% - var(--block__gap) * 3) / 4);
					min-width:							calc((100% - var(--block__gap) * 3) / 4);
				}

				.card--news.n3, .accent.n3 {
					width:								calc((100% - var(--block__gap) * 2) / 3);
					min-width:							calc((100% - var(--block__gap) * 2) / 3);
				}

				.news__head {
					height:								unset;
					margin:								0;
					display:							block;
					overflow:							hidden;

					text-transform:						uppercase;
					text-overflow:						ellipsis;
					white-space:						nowrap;
				}

				.news__date {
					display:							block;
					overflow:							hidden;

					font-size:							var(--gen__fs--10);
					text-overflow:						ellipsis;
					white-space:						nowrap;
				}

				.news__body {
					margin-top:							10px;
					flex:								1;
					overflow:							hidden;
				}

			.accent {
				padding:								20px;
				flex-flow:								column wrap;
				overflow:								hidden;
			}

				.accent * {
					align-items:						center;
					align-self:							center;
					align-content:						center;
					justify-content:					center;
				}

				.accent__head {
					margin-bottom:						20px;

					text-transform:						uppercase;
				}

				.accent__note {
					height:								120px;
					width:								120px !important;
					margin-bottom:						20px;
					padding:							0 5px;
					flex-wrap:							wrap;
					overflow:							hidden;

					border:								solid 1px var(--gen__fc);
					border-radius:						15px;

					font-size:							20px;
					font-weight:						700;
					text-align:							center;
				}

				.accent__note--organizer {
					flex-direction:						row;

					font-size:							1.3em;
				}

				.accent__list {
					height:								20px;
					flex-direction:						row !important;

					text-align:							center;
					white-space:						nowrap;
				}

			@media all and (max-width: 960px) {
				.accents {
					margin-bottom:						var(--block__gap);
					flex-direction:						column;
				}

				.accent {
					width:								100% !important;
					display:							grid;
					grid-template-columns:				min-content minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
					grid-template-rows:					repeat(4, 1fr);
					grid-auto-flow:						column;
					grid-column-gap:					var(--block__gap);
				}

				.accent__head {
					display:							none;
				}

				.accent__note {
					height:								90px;
					width:								90px !important;
					margin:								0;

					font-size:							16px;
					grid-area:							1 / 1 / 5 / 2;
				}

				.accent__note--organizer {
					flex-direction:						row;

					font-size:							1em;
				}

				.accent__list {
					justify-content:					flex-start;
					overflow:							hidden;

					white-space:						nowrap;
				}
			}

			@media all and (max-width: 500px) {
				.accent :nth-child(n + 11) {
					display:							none;
				}

				.accent :nth-child(10) {
					font-size:							0;
				}

				.accent :nth-child(10):after {
					content:							"...";

					font-size:							var(--gen__fs);
				}
			}
		/* #endregion */

		/* #region --- [. Register .] */
			.card__agree {
				margin-bottom:							10px;
				padding:								7px;

				border:									var(--inp__b);
				border-width:							var(--inp__bw);
				border-color:							var(--inp__bc);
				border-radius:							var(--inp__br);
				background-color:						var(--inp__bgc);
			}

				.card__agree, .wrap-inp.card-img.card-img--form {
					border-radius:						calc(var(--inp__br) / 2);
				}

				.card__agree .wrap-opt {
					position:							relative;
					flex-direction: 					row-reverse;
				}

			.checkbox--agree + label {
				position:								absolute;
				top:									0px;
				right:									0px;
			}

				.checkbox--agree[dir=rtl] + label {
					right:								unset;
					left:								3px;
				}

			.checkbox--agree + label + label {
				padding-right:							15px;
				display:								inline;

				white-space:							normal;
			}

				.checkbox--agree + label + label * {
					margin-right:						4px;
					display:							inline;

					font-size:							10px;
				}

				.checkbox--agree + label + label p {
					display:							block;
				}
		/* #endregion */

		/* #region --- [. Signin .] */
			.btn--forgot {
				height:									auto;
				position:								absolute;
				right:									10px;
				align-self:								center;
			}

				.btn--forgot[dir=rtl] {
					right:								unset;
					left:								10px;
				}
		/* #endregion */

		/* #region --- [. Contact and problem .] */
			.wrap-notif {
				height:									30px;
				min-height:								30px;
				width:									100%;
			    position:								relative;
				margin-bottom:							10px;
				flex-shrink:							0;
			}
		/* #endregion */

		/* #region --- [. Rules .] */
			.main--coe {
				padding:								25px 20px 20px 20px;
				display:								grid;
				grid-template-columns:					75% 1fr;
				grid-gap:								var(--block__gap);
			}

				.main--coe img {
					height:								18px;
					width:								18px;

					transform:							scale(1.2);
				}

				.main--coe img.dark {
					filter:								grayscale(1) invert(1);
				}

				.main--coe .header {
					color:								var(--card-head__fc);
					font-family:						var(--gen__ff--b);
					font-size:							var(--card-head__fs);
				}

				.main--coe .card--flat:not(.card--coe) div:not(.card__team) {
					margin:								unset;
					padding:							2px 0;
					flex-direction:						row;
					align-items:						center;
				}

				.main--coe .card--coe {
					padding-right:						var(--block__gap);
					align-items:						flex-start;

					border-right-style:					solid;
					border-width:						var(--card__bw);
					border-color:						var(--card__bc);
				}

			.card--coe iframe {
				height:									100%;
				min-height:								700px;
				width:									100%;
			}

			.card__team {
				flex-flow:								row wrap;
				gap:									5px;
			}

				.card__team .person {
					width:								100%;
					display:							grid;
					grid-template-columns:				50px 1fr;
					grid-template-rows:					1fr min-content;
					gap:								0 5px;
				}

				.card__team .image {
					height:								50px;
					width:								50px;
					grid-row:							1 / span 2;

					align-items:						center;
					justify-content:					center;

					border:								var(--gen__border--150);
					border-radius:						0 50% 50% 50%;
					background-repeat:					no-repeat;
					background-position:				center center;
					background-size:					cover;
				}

				.card__team .above {
					margin-top:							auto;
				}

				.card__team .title {
					font-family:						var(--gen__ff--b);
					text-align:							left;
					text-transform:						uppercase;
				}

			@media all and (max-width: 960px) {
				.main--coe {
					grid-template-columns:				unset;
				}

					.main--coe .card--coe {
						padding:						unset;

						border-right:					unset;
					}

				.keypoint {
					grid-row:							1;
				}
			}
		/* #endregion */

		/* #region --- [. Team & jury .] */
			.card--jury {
				width:									100%;
				margin-bottom:							var(--block__gap);
				padding:								20px;
			}

				.card--jury .person {
					display:							grid;
					grid-template-columns:				100px 1fr min-content;
					grid-auto-rows:						min-content;
					grid-gap:							0 20px;
				}

				.card--jury .image {
					height:								100px;
					width:								100px;
					margin-top:							5px;
					align-items:						center;
					justify-content:					center;

					border:								var(--gen__border--150);
					border-radius:						0 50% 50% 50%;
					object-fit:							cover;
					box-shadow:							1px 1px 2px 1px var(--gen__c--200);

					grid-area:							1 / 1 / 5 / 2;
				}

				.card--jury .name {
					height:								unset;
					margin:								unset;
					align-items:						center;

					font-family:						var(--gen__ff--b);
					text-transform:						uppercase;
					grid-area:							1 / 2 / 2 / 3;
				}

				.card--jury .country {
					grid-area:							2 / 2 / 3 / 3;
				}

				.card--jury .role {
					gap:								5px;
					grid-area:							1 / 3 / 2 / 4;
				}

				.card--jury .biography {
					grid-area:							4 / 2 / 4 / 4;

					margin-top:							10px;
				}

			@media all and (max-width: 700px) {
				.card--jury .person {
					grid-template-columns:				100px 1fr;
				}

				.card--jury .name {
					grid-area:							1 / 2 / 3 / 2;
				}

				.card--jury .country {
					grid-area:							3 / 2 / 3 / 2;
				}

				.card--jury .role {
					display:							flex;
					flex-wrap:							wrap;
					overflow:							hidden;
					grid-area:							4 / 2 / 4 / 2;
				}

				.card--jury .biography {
					grid-area:							5 / 1 / 5 / 4;
				}
			}
		/* #endregion */

		/* #region --- [. Payment .] */
			.card--pay {
				width:									450px;
				max-width:								450px;
				margin:									auto;
				padding:								20px;
			}

			.wrap-pay {
				flex-direction:							row-reverse !important;
				flex-wrap:								wrap;
				gap:									10px;
			}

				.wrap-pay--join {
					margin:								20px 0 0 0 !important;
				}

				.wrap-pay > * {
					height:								60px;
					width:								95px;
				}

			.wrap-paydata {
				margin:									10px 0 0 0;
				padding:								5px;

				border:									var(--gen__border--200);
				border-radius:							var(--gen__br);

				text-align:								justify;
			}

			.paypal-buttons {
				width:									90px !important;
				min-width:								unset !important;
			}

			.paypal-checkout style, .paypal-checkout-sandbox style, .paypal-buttons style {
				display:								none;
			}

			@media all and (max-width: 500px) {
				.card--pay {
					width:								100%;
					max-width:							100%;
				}
			}
		/* #endregion */

		/* #region --- [. Lists .] */
			.card--lists {
				width:									100%;
				padding:								20px;
			}

				.card--lists svg {
					margin:								0;
				}

				.card--lists .card__head * {
					color:								var(--gen__fc);
				}

				.card--lists .line_el {
					display:							block;
					flex-grow:							1;
					overflow-x:							hidden;

					text-align:							center;
					text-overflow:						ellipsis;
					white-space:						nowrap;
				}

				.card--lists .line > :nth-child(1) {
					min-width:							30px;
					padding-left:						5px;
					flex-grow:							0;

					text-align:							left;
				}

					.card--lists[dir=rtl] .line > :nth-child(1) {
						padding-right:					5px;
						padding-left:					unset;
					}

				.card--lists .line > :nth-child(2), .line > :nth-child(3) {
					width:								140px;
					min-width:							80px;
					padding-left:						10px;
					flex-grow:							0;

					text-align:							left;
				}

					.card--lists[dir=rtl] .line > :nth-child(2), .line[dir=rtl] > :nth-child(3) {
						padding-right:					10px;
						padding-left:					unset;
					}

				.card__head.line > :nth-child(1) {
					padding:							0;
				}

				.card--lists .line__wrap {
					width:								80px;
					display:							flex;
					flex-grow:							0;
					flex-wrap:							nowrap;
					justify-content:					space-around;
				}

				@media all and (max-width: 1280px) {
					.card--lists .line > div:not(:nth-child(-n + 3)):not([class*="line_el line__wrap"]) {
						display:						none;
					}

					.card--lists .line > :nth-child(2), .card--lists .line > :nth-child(3) {
						width:							calc(15% - 36px);
						min-width:						unset;
						padding-left:					7px;
						flex-grow:						1;
					}

					.card--lists .line__wrap {
						width:							calc(15% - 36px);
						min-width:						unset;
						flex-grow:						1;
					}
				}

				@media all and (max-width: 500px) {
					.card--lists .line > * {
						padding-left:					0;
					}

					.card--lists .line > :nth-child(1) {
						display:						none;
					}
				}
		/* #endregion */

		/* #region --- [. Results .] */
			.card__body--timetill {
				min-height:								100px;
				align-items:							center;
				justify-content:						center;
			}

				.card__body--timetill .timer {
					position:							relative;
					align-self:							unset;
				}

				.card__body--timetill .timer__wrap {
					height:								calc(var(--menu__h) * 1.5);
					width:								calc(var(--menu__h) * 1.5);

					border:								solid 2px rgb(230,230,230);
					box-shadow:							unset;
				}

			.wrap-achievment {
				padding:								10px;
				flex-wrap:								wrap;
				justify-content:						center;
			}

				.wrap-achievment svg {
					height:								50px;
					width:								75px;
					margin:								0 10px 10px 10px;
					filter:								drop-shadow(0 0 3px var(--gen__c--200));
				}

			.card--results {
				width:									100%;
				margin-bottom:							var(--block__gap);
				padding:								20px;
				overflow:								hidden;
			}

				.card__results {
					min-height:							300px;
					position:							relative;
					margin-top:							10px;
				}

					.card__results .txtarea {
						display:						inline;
						overflow-x:						hidden;

						direction:						ltr;
					}

					.card__results .stats {
						width:							300px;
						position:						absolute;
						right:							0;
					}

			.wrap-stat {
				padding:								0 0 0 15px;
				flex-flow:								unset;
				align-items:							center;
				justify-content:						space-between;
				overflow:								hidden;
			}

				.card__results .wrap-stat {
					border:								var(--gen__border--200);
					border-radius:						var(--gen__br);
				}

				.wrap-stat svg {
					height:								20px;
					width:								20px;
				}

				.wrap-stat > div {
					padding:							10px 0;
					flex-flow:							column;
				}

					.wrap-stat > div > :first-child, .wrap-stat > div:nth-child(2) {
						font-family:					var(--gen__ff--b);
						text-transform:					uppercase;
					}

				.wrap-stat > div:nth-child(2) {
					height:								50px;
					width:								50px;
					position:							relative;
					z-index:							1;
					align-items:						center;
					justify-content:					center;

					font-size:							14px;
				}

				.wrap-stat > div:nth-child(2)::after {
					content:							"";
					height:								200%;
					width:								200%;
					position:							absolute;
					top:								-50%;
					right:								-100%;
					z-index:							-1;

					border-radius:						5px;
					background:							rgba(225,225,225, .5);

					transform:							rotate(45deg);
				}

					.wrap-stat[dir=rtl] > div:nth-child(2)::after {
						right:							unset;
						left:							-100%;
					}

				@media all and (max-width: 960px) {
					.card__results .stats {
						width:							100% !important;
						position:						relative;
					}
				}
		/* #endregion */

		/* #region --- [. Archive .] */
			.card--archive {
				width:									100%;
				margin-bottom:							var(--block__gap);
				padding:								20px;
			}

			.card__archive {
				display:								grid;
				grid-template-columns:					repeat(4, 1fr);
				gap:									var(--block__gap);
			}

			.archive__column {
				gap:									2px;
			}

			.archive__head {
				margin-bottom:							5px;
			}

			.archive__item {
				height:									26px;
				padding:								0 10px;
				align-items:							center;

				border:									var(--inp__b);
				border-width:							var(--inp__bw);
				border-color:							var(--inp__bc);
				border-radius:							3px;
				background-color:						var(--inp__bgc);
			}

			@media all and (max-width: 700px) {
				.card__archive {
					grid-template-columns:				unset;
				}
			}
		/* #endregion */

		/* #region --- [. Partners .] */
			.card--partner {
				width:									100%;
				padding:								20px;
				overflow:								hidden;
			}

			.partner__image {
				height:									auto;
				max-height:								120px;
				width:									100%;

				object-fit:								contain;
			}
		/* #endregion */

		/* #region --- [. Blog and contact .] */
			.card--blog {
				width:									100%;
				margin-bottom:							var(--block__gap);
				padding:								20px;
				overflow:								hidden;
			}
		/* #endregion */

		/* #region --- [. Background stickers .] */
			.card--print {
				padding:								35px;
			}

			.card--print__sheet {
				height:									calc(297mm - 17mm) !important;
				width:									100% !important;
				max-width:								calc(210mm - 12mm) !important;
				margin:									0 auto;
				flex-direction:							column;
			}

			.card--print__sheet.letter {
				height:									calc(279.4mm - 12.7mm) !important;
				max-width:								calc(215.9mm - 8mm) !important;
			}

			.card--print__section {
				display:								grid;
				grid-template-columns:					1fr 1fr;
				column-gap:								9mm;
			}

			.prn-label {
				height:									50.5mm;
				max-height:								50.5mm;

				outline:								solid .1mm var(--gen__c--90);
			}

			.a4 .prn-label {
				max-height:								47.8mm;
			}

			.prn-label, .prn-label > *, .prn-label__head > span, .prn-label__body > div {
				flex-flow:								column;
				align-items:							center;
				justify-content:						center;
				overflow:								hidden;

				font-family:							var(--gen__ff--b);
				font-size:								14px;
			}

			.prn-label__head {
				height:									16mm;
			}

				.prn-label__head > span {
					text-align:							center;
				}

			.prn-label__body {
				height:									29mm;
				width:									100%;
				padding:								0 4%;
				flex-flow:								row;
				justify-content:						space-between;

				border-top:								solid .1mm rgb(90,90,90);
				border-bottom:							solid .1mm rgb(90,90,90);
			}

				.prn-label__body > img {
					height:								auto;
					width:								22%;

					object-fit:							contain;
				}

				.prn-label__body > div {
					width:								70%;
					align-items:						initial;
				}

			.prn-label__foot {
				height:									5mm;
				width:									100%;
				padding-left:							2%;
				align-items:							initial;

				font-size:								var(--gen__fs--10);
			}

			@page {
				margin:									0;
				padding:								0;
				size:									210mm 297mm;
			}

			@media print {
				html.print, head.print, body.print, .head.print, .menu.print, .main.print, .foot.print {
					all:								unset;

					overflow:							hidden;
				}

				.head.print, .menu.print, .main.print :not(.page):not(.card--print):not(.card--print *):not(.card--print__sheet):not(.card--print__sheet *), .foot.print {
					display:							none;
				}

				.card--print {
					all:								unset;
					page-break-after:					always;
				}

					.card--print, .card--print * {
						visibility:						visible;
					}

				.card--print.a4 {
					height:								calc(297mm - 17mm) !important;
					width:								calc(210mm - 20mm) !important;
					margin:								0 auto !important;
					padding:							17mm 11mm 0 11mm !important;
					display:							flex;
				}

				.card--print.letter {
					height:								calc(279.4mm - 12.7mm) !important;
					width:								calc(215.9mm - 8mm) !important;
					margin:								0 auto !important;
					padding:							12.7mm 4mm 0 4mm !important;
					display:							flex;
				}
			}
		/* #endregion */
/*	============================================================ */
/*	#endregion *** END PAGES									 */
/*	============================================================ */


/*	============================================================ */
/*	#region *** ANIMATIONS										 */
/*	============================================================ */
		/* thick it :: chekcbox and radio */
			@-webkit-keyframes tickit {
				0% { transform:							scale(.8); }
				90% { transform:						scale(1.2); }
				100% { transform:						scale(1); }
			}

			@keyframes tickit {
				0% { transform:							scale(.8); }
				90% { transform:						scale(1.2); }
				100% { transform:						scale(1); }
			}

		/* sliding animations :: menu */
			.animated {
				-webkit-animation-duration:						.2s;
				animation-duration:								.2s;

				-webkit-animation-fill-mode:					both;
				animation-fill-mode:							both;
			}

				.animated.bounceIn {
					-webkit-animation-duration:					.75s;
					animation-duration:							.75s;
				}

			.bounceIn {
				-webkit-animation-name:							bounceIn;
				animation-name:									bounceIn;
			}

			.outToLeft {
				-webkit-animation-name:							outToLeft;
				animation-name:									outToLeft;
			}

			.inFromLeft {
				-webkit-animation-name:							inFromLeft;
				animation-name:									inFromLeft;
			}

			[class^="animate-"], [class*=" animate-"] {
				visibility:										visible;
			}

			.animate-outToRight .menu__item {
				-webkit-animation:								outToRight .3s both cubic-bezier(.7, 0, .3, 1);
				animation:										outToRight .3s both cubic-bezier(.7, 0, .3, 1);
			}

			.animate-outToLeft .menu__item {
				-webkit-animation:								outToLeft .3s both cubic-bezier(.7, 0, .3, 1);
				animation:										outToLeft .3s both cubic-bezier(.7, 0, .3, 1);
			}

			.animate-inFromLeft .menu__item {
				-webkit-animation:								inFromLeft .3s both cubic-bezier(.7, 0, .3, 1);
				animation:										inFromLeft .3s both cubic-bezier(.7, 0, .3, 1);
			}

			.animate-inFromRight .menu__item {
				-webkit-animation:								inFromRight .3s both cubic-bezier(.7, 0, .3, 1);
				animation:										inFromRight .3s both cubic-bezier(.7, 0, .3, 1);
			}

			@-webkit-keyframes bounceIn {
				from, 20%, 40%, 60%, 80%, to {
					-webkit-animation-timing-function:			cubic-bezier(.215, .610, .355, 1.000);
					animation-timing-function:					cubic-bezier(.215, .610, .355, 1.000);
				}
				0% {
					opacity:									0;

					-webkit-transform:							scale3d(.3, .3, .3);
					transform:									scale3d(.3, .3, .3);
				}
				20% {
					-webkit-transform:							scale3d(1.1, 1.1, 1.1);
					transform:									scale3d(1.1, 1.1, 1.1);
				}
				40% {
					-webkit-transform:							scale3d(.9, .9, .9);
					transform:									scale3d(.9, .9, .9);
				}
				60% {
					opacity:									1;

					-webkit-transform:							scale3d(1.03, 1.03, 1.03);
					transform:									scale3d(1.03, 1.03, 1.03);
				}
				80% {
					-webkit-transform:							scale3d(.97, .97, .97);
					transform:									scale3d(.97, .97, .97);
				}
				to {
					opacity:									1;

					-webkit-transform:							scale3d(1, 1, 1);
					transform:									scale3d(1, 1, 1);
				}
			}

				@keyframes bounceIn {
					from, 20%, 40%, 60%, 80%, to {
						-webkit-animation-timing-function:		cubic-bezier(.215, .610, .355, 1.000);
						animation-timing-function:				cubic-bezier(.215, .610, .355, 1.000);
					}
					0% {
						opacity:								0;

						-webkit-transform:						scale3d(.3, .3, .3);
						transform:								scale3d(.3, .3, .3);
					}
					20% {
						-webkit-transform:						scale3d(1.1, 1.1, 1.1);
						transform:								scale3d(1.1, 1.1, 1.1);
					}
					40% {
						-webkit-transform:						scale3d(.9, .9, .9);
						transform:								scale3d(.9, .9, .9);
					}
					60% {
						opacity:								1;

						-webkit-transform:						scale3d(1.03, 1.03, 1.03);
						transform:								scale3d(1.03, 1.03, 1.03);
					}
					80% {
						-webkit-transform:						scale3d(.97, .97, .97);
						transform:								scale3d(.97, .97, .97);
					}
					to {
						opacity:								1;

						-webkit-transform:						scale3d(1, 1, 1);
						transform:								scale3d(1, 1, 1);
					}
				}

			@-webkit-keyframes outToRight {
				to {
					opacity:									0;

					-webkit-transform:							translate3d(100%, 0, 0);
					transform:									translate3d(100%, 0, 0);
				}
			}

				@keyframes outToRight {
					to {
						opacity:								0;

						-webkit-transform:						translate3d(100%, 0, 0);
						transform:								translate3d(100%, 0, 0);
					}
				}

			@-webkit-keyframes outToLeft {
				to {
					opacity:									0;

					-webkit-transform:							translate3d(-100%, 0, 0);
					transform:									translate3d(-100%, 0, 0);
				}
			}

				@keyframes outToLeft {
					to {
						opacity:								0;

						-webkit-transform:						translate3d(-100%, 0, 0);
						transform:								translate3d(-100%, 0, 0);
					}
				}

			@-webkit-keyframes inFromLeft {
				from {
					opacity:									0;

					-webkit-transform:							translate3d(-100%, 0, 0);
					transform:									translate3d(-100%, 0, 0);
				}
				to {
					opacity:									1;

					-webkit-transform:							translate3d(0, 0, 0);
					transform:									translate3d(0, 0, 0);
				}
			}

				@keyframes inFromLeft {
					from {
						opacity:								0;

						-webkit-transform:						translate3d(-100%, 0, 0);
						transform:								translate3d(-100%, 0, 0);
					}
					to {
						opacity:								1;

						-webkit-transform:						translate3d(0, 0, 0);
						transform:								translate3d(0, 0, 0);
					}
				}

			@-webkit-keyframes inFromRight {
				from {
					opacity:									0;

					-webkit-transform:							translate3d(100%, 0, 0);
					transform:									translate3d(100%, 0, 0);
				}
				to {
					opacity:									1;

					-webkit-transform:							translate3d(0, 0, 0);
					transform:									translate3d(0, 0, 0);
				}
			}

				@keyframes inFromRight {
					from {
						opacity:								0;

						-webkit-transform:						translate3d(100%, 0, 0);
						transform:								translate3d(100%, 0, 0);
					}
					to {
						opacity:								1;

						-webkit-transform:						translate3d(0, 0, 0);
						transform:								translate3d(0, 0, 0);
					}
				}
/*	============================================================ */
/*	#endregion *** ANIMATIONS									 */
/*	============================================================ */


/*	============================================================ */
/*	#region *** THIRD PARTY PLUGINS								 */
/*	============================================================ */
	/*	============================================================ */
	/*	#region *** Simple carousel gallery							 */
	/*	============================================================ */
			.gallery {
				height:									500px;
				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.active {
						opacity:						1;
					}

			@media all and (max-width: 700px) {
				.gallery {
					height:								50vh;
				}
			}

			@media all and (max-width: 500px) {
				.gallery {
					height:								40vh;
				}
			}
	/*	============================================================ */
	/*	#endregion *** Simple carousel gallery						 */
	/*	============================================================ */

	/*	============================================================ */
	/*	#region *** Notifications									 */
	/*	============================================================ */
			.notifier-box {
				width:									13%;
				position:								fixed;
				bottom:									15px;
				z-index:								5;
				flex-flow:								column;
			}

			.notification {
				position:								relative;
				margin:									0 0 10px !important;
				padding:								8px;
				flex-flow:								column;
				opacity:								0;
				visibility:								hidden;

				border:									var(--gen__border--200);
				border-left:							solid 3px;
				border-radius:							var(--gen__br);
				background-color:						rgba(250, 250, 250, .5);

				transition:								opacity .3s linear, visibility 0s .3s;
			}

				.notification:hover, .notification:focus {
					box-shadow:							0 0 3px 0 var(--gen__c--200);
				}

				.notification--show {
					opacity:							1;
					visibility:							visible;
				}

			.notification__head {
				align-items:							center;
			}

				.notification__head div {
					display:							inline-block;
				}

				.notification__head div::first-letter {
					text-transform:						uppercase;
				}

			.notification__close {
				height:									100%;
				z-index:								1;
				margin-left:							auto;
				align-items:							center;
			}

				.notification__close svg {
					height:								8px;
					width:								auto;
				}

			.notification__body {
				padding-top:							5px;
				display:								block;

				font-size:								var(--gen__fs--10);
			}

				.notification__body b {
					all:								unset;

					font-family:						var(--gen__ff--b);
				}

				.notification button {
					height:								18px;
				}

			@media all and (max-width: 960px) {
				body.noscroll {
					overflow:							hidden;
				}

				.notifier-box {
					width:								75%;
					top:								0;
					right:								0;
					bottom:								0;
					left:								0;
					margin:								auto;
					flex-flow:							column;
					align-items:						center;
					justify-content:					center;
				}

					.notifier-box::before {
						content:						"";
						height:							100%;
						width:							100%;
						position:						fixed;
						top:							0;
						left:							0;

						background-color:				rgba(240,240,240, .98);
					}

				.notification {
					width:								100%;

					border-left-width:					8px;
				}

					.notification__head {
						padding:						3px 5px 5px 0;

						border-bottom:					solid var(--gen__bw);
					}

						.notification__head div {
							font-size:					var(--gen__fs--14);
						}

					.notification__close svg {
						height:							12px;
					}

					.notification__body {
						min-height:						50px;
						padding:						5px;

						font-size:						var(--gen__fs);
					}
			}
	/*	============================================================ */
	/*	#endregion *** Notifications								 */
	/*	============================================================ */

	/*	============================================================ */
	/*	#region *** reCaptcha										 */
	/*	============================================================ */
			.wrap-captcha {
				margin-bottom:							5px;
				display:								inline;
				flex-wrap:								wrap;
			}

			.wrap-captcha * {
				margin-right:							4px;
				display:								inline;
			}

			.grecaptcha-badge {
				visibility:								hidden;
			}
	/*	============================================================ */
	/*	#endregion *** reCaptcha									 */
	/*	============================================================ */

	/*	============================================================ */
	/*	#region *** UploadiFive										 */
	/*	============================================================ */
			.uploadifive-button {
				position:								inherit;
			}

				.uploadifive-button svg, .uploadifive-queue svg {
					height:								100%;
					width:								auto;
					padding:							0;

					transition:							opacity .3s ease-in-out;
					fill:								var(--gen__c--green);
				}

			/* General image upload */
				.uploadifive-queue {
					width:								100%;
					position:							absolute;
					top:								100px;
					flex-wrap:							wrap;
				}

				.uploadifive-queue-item {
					width:								100%;
					padding:							5px 10px;
					flex-flow:							row wrap;
					overflow:							hidden;

					transition:							opacity .3s ease-in-out;
				}

				.uploadifive-queue-item .info {
					height:								min-content;
					max-width:							calc(100% - 15px);
					margin-left:						10px;
					overflow:							hidden;
				}

				.uploadifive-queue-item .filename, .uploadifive-queue-item .fileinfo {
					display:							block;

					font-size:							var(--gen__fs--10);
					text-overflow:						ellipsis;
					white-space:						nowrap;
				}

				.uploadifive-queue-item .close, .uploadifive-button .close {
					height:								14px;
					z-index:							1;
					margin-left:						auto;
				}

				.uploadifive-queue-item .progress {
					width:								100% !important;
					margin-top:							2px;
				}

				.uploadifive-queue-item .progress-bar {
					height:								2px;

					background-color:					var(--gen__c--green);
				}
	/*	============================================================ */
	/*	#endregion *** UploadiFive										 */
	/*	============================================================ */

	/*	============================================================ */
	/*	#region *** PickMeup										 */
	/*	============================================================ */
			.pickmeup {
				position:								absolute;
				top:									28px;
				z-index:								2;
				display:								inline-block;
				box-sizing:								content-box;

				background-color:						var(--card__bgc,rgba(250,250,250, .98));
				box-shadow:								0 2px 3px 0 var(--gen__c--200);

				touch-action:							manipulation;
			}

			.pickmeup.pmu-flat {
				position:								relative;
			}

			.pickmeup.pmu-hidden {
				display:								none;
			}

			.pickmeup .pmu-instance {
				width:									50%;
				padding:								7px;
				display:								inline-block;

				text-align:								center;
			}

				.three + .pickmeup .pmu-instance {
					width:								33.3%;
				}

			.pickmeup .pmu-instance .pmu-button {
				cursor:									pointer;

				outline:								none;

				font-size:								var(--inp__fs);
				text-decoration:						none;
			}

			.pickmeup .pmu-instance .pmu-today {
				border-bottom:							var(--gen__border);
			}

			.pickmeup .pmu-instance .pmu-button:hover {
				background:								transparent;

				color:									var(--gen__bc); /* !!! dali treba da e --gen_bc */
			}
			.pickmeup .pmu-instance .pmu-not-in-month {
				color:									rgba(90,90,90, .3);
			}

			.pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
				cursor:									default;

				color:									#333; /* !!! za shto e ovaj boja */
			}

			.pickmeup .pmu-instance .pmu-selected {
				border:									var(--gen__border);
				border-radius:							3px;
				background:								rgba(255,255,255,.5);
			}

			.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
				border:									none;
				background:								transparent;
			}

			.pickmeup .pmu-instance nav {
				padding:								5px 5px 0 5px;
				display:								flex;

				color:									var(--gen__bc); /* !!! dali treba da e --gen_bc */
				line-height:							20px;
			}

			.pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next {
				display:								none;
			}

			.pickmeup .pmu-instance nav .pmu-month {
				width:									100%;
			}

			.pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * {
				width:									50px;
				display:								inline-block;

				line-height:							50px;
			}

			.pickmeup .pmu-instance .pmu-day-of-week {
				padding:								5px 0;
				cursor:									default;
			}

			.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
				width:									calc(100% / 7);
				display:								inline-block;

				line-height:							20px;
			}

			.pickmeup .pmu-instance .pmu-day-of-week * {
				border-bottom:							var(--gen__border);

				font-size:								var(--inp__fs);
				line-height:							30px;
			}

			.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next {
				display:								block;
			}

			.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
				width:									100%;
				justify-content:						center;
			}

			.pickmeup .pmu-instance:first-child:last-child .pmu-month {
				width:									100%;
			}

			.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
				display:								none;
			}

			.pmu-days, .pmu-months, .pmu-years {
				min-height:								125px;
				flex-wrap:								wrap;
				justify-content:						space-around;
				overflow:								hidden;
			}
	/*	============================================================ */
	/*	#endregion *** PickMeup										 */
	/*	============================================================ */

	/*	============================================================ */
	/*	#region *** Thumbnail scroller								 */
	/*	============================================================ */
			.thumb-scroll {
				height:									120px;
				width:									100% !important;
				margin-top:								auto;
				display:								block;
				overflow:								hidden;
			}

			.thumb-scroll__wrap {
				position:								relative;
				left:									0;
				margin:									12px 0;
				float:									left;
				overflow:								auto;

				-ms-touch-action:						auto;
				touch-action:							auto;

				transition:								all 2s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
			}

			.thumb-scroll__slide {
				margin-bottom:							8px;
			}

			.thumb-scroll__img {
				height:									100px;
				margin-right:							10px;
				opacity:								.7;
				cursor:									pointer;

				transition:								opacity .3s;
			}

			.thumb-scroll__img:hover, .thumb-scroll__img:focus {
				opacity:								1;
			}
	/*	============================================================ */
	/*	#endregion *** Thumbnail scroller							 */
	/*	============================================================ */

	/*	============================================================ */
	/*	#region *** Flickr Justified Gallery						 */
	/*	============================================================ */
			.fj-gallery__wrap {
				height:									100%;
				width:									100%;
				position:								fixed;
				top:									0;
				left:									0;
				z-index:								10;
				padding:								50px 10px 10px 10px;
				overflow-y:								auto;

				background:								rgb(0, 0, 0);
			}

				.fj-gallery__wrap.closed {
					opacity:							0;
					visibility:							hidden;
				}

			.fj-gallery__title {
				height:									50px;
				position:								absolute;
				top:									0;
				left:									10px;
				display:								flex;
				align-items:							center;
			}

			.fj-gallery__close {
				height:									50px;
				width:									50px;
				position:								absolute;
				top:									0;
				right:									0;
				padding:								12px;
			}

			.fj-gallery {
				width:									100%;
				position:								relative;
			}

				.fj-gallery::after {
					clear:								both;

					content:							"";
					display:							block;
				}

			.fj-gallery-item {
				top:									0;
				left:									0;
				float:									left;
				overflow:								hidden;
			}

				.fj-gallery-item::after {
					content:							attr(data-sub-html);
					width:								100%;
					position:							absolute;
					bottom:								0;
					padding:							5px;
					display:							block;
					overflow:							hidden;

					background-color:					rgba(30,30,30, .5);

					text-overflow:						ellipsis;
					white-space:						nowrap;
				}

			.fj-gallery-item > img {
				height:									auto;
				width:									100%;
				display:								block;
			}
	/*	============================================================ */
	/*	#endregion *** Flickr Justified Gallery						 */
	/*	============================================================ */
/*	============================================================ */
/*	#endregion *** THIRD PARTY PLUGINS							 */
/*	============================================================ */

.head__logo {
	align-items: center;
}