@import url('https://fonts.googleapis.com/css?family=Scada&subset=latin,cyrillic');

/* ::: COMMON OBJECTS : BUTTON CONTAINER */
	.divButtonsContainer {
		margin-left:							-10px;
		/*margin-top:							-10px;*/
		width: 									calc(100% + 10px);

		position: 								relative;
		display: 								flex !important;
		flex-wrap:								wrap;
		justify-content:						space-between;
	}

		.divButtonsContainer > input[type="button"] {
			margin-left:						10px;
			margin-top:							10px;
			background-color:					red;
			color: 								white;
			padding: 							5px;
			border-radius: 						3px;
		}

		.divButtonsContainer > input:first-child:nth-last-child(n + 2), .divButtonsContainer > input:first-child:nth-last-child(n + 2) ~ input {
			width: 								calc(50% - 10px);
		}

		.divButtonsContainer > input:first-child:nth-last-child(n + 3), .divButtonsContainer > input:first-child:nth-last-child(n + 3) ~ input {
			width: 								calc(33% - 10px);
		}

		.divButtonsContainer > input:first-child:nth-last-child(n + 4), .divButtonsContainer > input:first-child:nth-last-child(n + 4) ~ input {
			width: 								calc(25% - 10px);
		}

		.divButtonsContainer > input[type="button"]:hover {
			background-color:					transparent;
			color: 								black;
			border: 							1px solid black;
		}

/* ::: COMMON OBJECTS : BUTTON CONTAINER */


/* ::: GENERAL (backup font, selection, image border) */
	::selection { 
		background: 								rgba(117,135,117, .4);
	}
	::-moz-selection {
		background: 								rgba(117,135,117, .4);
	}

	body {
		background-color:							rgb(250,250,250);

		height: 									100%;
		margin:										0;
		padding: 									0;
		overflow-x:									hidden;
	}

	body * {
		color:										rgb(30,30,30);
		font-family:								"Scada";
		font-size:									14px;
		
		background-color:							transparent;
		outline: 									none;
		border: 									none;
		border-style: 								solid;
		border-width: 								0;
		border-color: 								rgb(90,90,90);
		-moz-user-select: 							none;
		-khtml-user-select: 						none;
		-webkit-user-select:						none;
		-ms-user-select: 							none;
		user-select: 								none;
	}

	input:not([type="button"]), textarea, .txtarea, .txtarea * {
		-webkit-touch-callout:						default;
		-webkit-user-select:						text;
		-moz-user-select:							text;
		-ms-user-select:							text;
		user-select:								text;
	}

	img { border: 									0; }

	input[type="text"], input[type="password"] {
		height: 									20px;
		margin-top: 								12px;
		color:										rgb(30,30,30);
		font-size:									12px;
		border-bottom-width: 						1px;

		position:									relative;
		display:									block;
		width: 										100%;
		-webkit-box-sizing:							border-box;
		-moz-box-sizing:							border-box;
		box-sizing:									border-box;
	} 

	input[type="text"]:focus, input[type="password"]:focus, .noTitleEntered {
		border-color: 								rgb(200,0,0);
	}

	input[type="button"] {
		color:										rgb(30,30,30);
		
		padding: 									0;
		text-transform: 							uppercase;
		cursor: 									pointer;
	}

	input[type="radio"] {
		position: 									absolute;
		clip:										rect(0 0 0 0); 
		height:										0;
		width:										0;
		overflow:									hidden;
	}

	label { 
		position: 									relative;
		display: 									block;
		width: 										100%;
		text-transform: 							uppercase;
		cursor:										default;
	}

		label * {
			font-size:								10px;
			position: 								absolute;
		}

	p {
		margin:										0;
		padding: 									0;
	}

	textarea {
		font-size:									12px;
		border-width: 								1px;
		width:										calc(100% - 2px);

		padding: 									0;
		resize:										none;
	}

	.checkbox-custom {
		display: 									none !important;
		position:									relative;
		opacity:									0;
	}

	.checkbox-custom, .checkbox-custom-label {
		display: 									block;
		cursor:										pointer;
	}

	.checkbox-custom-label {
		position:									relative;
	}

	.checkbox-custom + .checkbox-custom-label:before {
		position: 									relative;
		height:										16px;
		width: 										16px;
		top:										1px;
		background:									rgb(255,255,255);
		border:  									solid 1px rgb(90,90,90);
		border-radius:								2px;
		
		display:									block;
		content: 									"";
	}

	.checkbox-custom:checked + .checkbox-custom-label:before {
		background:									rgb(90,90,90);
		box-shadow:									inset 0 0 0 2px rgb(255,255,255);
		
		animation: 									tickit 0.1s ease-in;
	}

		@keyframes tickit {
			0% { 									transform: scale(0); }
			90% { 									transform: scale(1.4); }
			100% { 									transform: scale(1); }
		}
/* ::: GENERAL */


/* ::: HEAD LAYER */
	#layHead {
		height:										85px;
		/*background-color: 							transparent;
		background-image: 							none;
		background-size: 							0;*/

		position: 									fixed;
		display: 									flex;
		justify-content: 							center;
		width:										100%;
		overflow:									hidden;



		background:			-webkit-radial-gradient(circle, rgb(211,211,211), rgb(169,169,169), rgb(90,90,90));
		background:			-o-radial-gradient(circle, rgb(211,211,211), rgb(169,169,169), rgb(90,90,90));
		background:			-moz-radial-gradient(circle, rgb(211,211,211), rgb(169,169,169), rgb(90,90,90));
		background:			radial-gradient(circle, rgb(211,211,211), rgb(169,169,169), rgb(90,90,90));
	}

		#layHead > :nth-child(1), #layMenu > :nth-child(1), #layBody > :nth-child(1), #layBottom > :nth-child(1) {
			width: 									960px;

			position: 								relative;
			height: 								100%;
		}

		#cntHead {
			display: 								flex;
			flex-direction: 						column;
			align-items: 							flex-start;
			justify-content: 						center;
			height: 								100%;
			width: 									100%;
		}

			#cntHead img {
				/*margin-left: 						30px;*/

				position: 							relative;
				height: 							90%;
				cursor: 							pointer;
			}

			#cntHead > span:nth-child(1) {
				color: 								rgb(30,30,30);
				font-size: 							45px;
				font-family: 						"Scada";

				display: 							block;
				font-weight:						bold;
				cursor: 							pointer;
			}

			#cntHead > span:nth-child(2) {
				left: 								40px;
				top:								-10px;
				
				position: 							relative;
				font-style:							italic;
				cursor: 							pointer;
			}

	#userMenu {
		position:									absolute;
		height:										30px;
		width:										30px;
		top:										20px;
		right: 										calc((100% - 960px) / 2);

		background-image:							url(images/settings.png);
		background-repeat:							no-repeat;
		background-size:							contain;
		cursor: 									pointer;
	}

		#userMenu * {
			font-size: 								12px;
		}
	
		#userMenu:focus {
			pointer-events:							none;
		}
		
		#userMenu:focus #cntUserMenu, #userMenu:focus #arrow {
			pointer-events:							auto;
			opacity:								1;
			visibility:								visible;
		}

		#arrow {
			top: 									30px;
			left:									calc(15px - 8px);
			border-left:							solid 8px transparent;
			border-right:							solid 8px transparent;
			border-bottom:							solid 8px rgb(90,90,90);

			position:								absolute;
			opacity:								0;
			visibility:								hidden;
			transition:								visibility 0.5s;
			z-index:								4;
		}

			#arrow:after {
				left: 								-8px;
				top:								1px;
				border-left:						solid 8px transparent;
				border-right:						solid 8px transparent;
				border-bottom:						solid 8px rgb(255,255,255);

				content: 							"";
				position:							absolute;
				opacity:							1;
				visibility:							visible;
				transition:							visibility 0.5s;
			}
		
		#cntUserMenu {
			left:									calc(-200px + 30px);
			width:									200px;
			top:									38px;
			border-width: 							1px;
			border-radius: 							2px;
			background-color:						rgb(250,250,250);
			
			position: 								relative;
			opacity:								0;
			visibility:								hidden;
			transition:								visibility 0.5s;
			cursor: 								default;
			z-index:								2;
		}

			#cntUserMenu > div:nth-child(1) {
				padding:							6px 12px;

				display:							flex;
				flex-wrap:							wrap;
				justify-content:					space-between;
			}

			#cntUserMenu > div:nth-child(2), #cntUserMenu > div:nth-child(3) {
				padding:	 						10px 12px;
				border-top:							solid 1px rgba(90,90,90, .1);

				position:							relative;
				display:							flex;
				align-items:						center;
				justify-content: 					flex-end;
			}

			#cntUserMenu > div:nth-child(3) {
				justify-content:					space-between;
			}

			#cntUserMenu > div > label {
				padding:		 					3px 0 3px 3px;

				width:								100%;
			}

			#cntUserMenu > div > img {
				height: 							20px;
				margin:								0 3px 3px 3px;

				cursor:								pointer;
			}

		/*	#logo {
				margin: auto !important;
			}*/
/* ::: HEAD LAYER */


/* ::: MENU LAYER */
	#layMenu {
		height: 									40px;
		top:	 									85px;
		background-color: 							rgb(90,90,90);

		position: 									absolute;
		width:										100%;
		display: 									flex;
		justify-content: 							center;
		overflow:									visible;
	}
		
		#layMenu > :nth-child(1) > span {
			margin-right:  							1%;
			padding: 								0 .5%;
			color:									rgb(255,255,255);
			font-size: 								14px;
			
			display: 								inline-flex;
			align-items: 							center;
			height: 								100%;
			float: 									left;
			text-transform: 						uppercase;
			cursor: 								pointer;
		}
			#layMenu > :nth-child(1) > span:hover {
				box-shadow:							inset 0 -4px 0 rgb(30,30,30);
			}

			#layMenu > :nth-child(1) > span:first-child {
				padding-left: 						0;
			}

	.timer {
		height: 									calc(50px + 10px);
		top:										-7.5px;
		
		position: 									absolute;
		display: 									flex;
		align-items: 								center;
		justify-content: 							center;
		right: 										0;
		z-index: 									1;
	}

		.timer > div {
			height: 								50px;
			width: 									50px;
			margin: 								5px;
			border-width: 							1px;
			
			position: 								relative;
			display: 								flex;
			align-items:							center;
			justify-content: 						center;
			flex-direction: 						column;
			border-radius: 							50%;
			cursor: 								default;
		}

			.timer > div::before {
				left:								(16% / 2 - 1px);
				top:								(16% / 2 - 1px);
				border: 							solid 1px rgb(255,255,255);

				content: 							"";
				position: 							absolute;
				display: 							block;
				height: 							84%;
				width: 								84%;
				border-radius: 						50%;
				cursor: 							default;
			}

			.timer > div > div:nth-child(1) {
				color: 								rgb(255,255,255);
				font-size: 							14px;
			}

			.timer > div > div:nth-child(2) {
				color: 								rgb(255,255,255);
				font-size: 							8px;
			}

	.tresults {
		height: 									150px;

		position: 									relative;
		display: 									flex;
		flex-wrap: 									wrap;
		justify-content: 							space-between;
		width:										50%;
		top:										0;
		float: 										none;
	}

		.tresults > span {
			margin-bottom: 							20px;
			padding: 								15px 25px;

			width: 									100%;
			text-align: 							center;
			text-transform: 						uppercase;
			cursor: 								default;
		}

			.tresults > span:before {
				height: 							0;
				border: 							none;
			}

		.tresults > div {
			height: 								80px !important;
			width: 									80px !important;
			border: 								double 4px rgb(90,90,90);

			position: 								relative;
			display: 								flex;
			align-items:							center;
			justify-content: 						center;
			flex-direction: 						column;
			border-radius: 							50%;
			cursor: 								default;
		}

			.tresults > div > div:nth-child(1) {
				color: 								rgb(90,90,90);
				font-size: 							16px;
				
				font-weight: 						bold;
			}

			.tresults > div > div:nth-child(2) {
				color: 								rgb(90,90,90);
				font-size: 							14px;
			}
/* ::: MENU LAYER */


/* ::: BODY LAYER */
	#layBody {
		height: 									calc(100% - 150px);
		width:										calc(100% - ((100vw - 960px) / 2));
		left:										calc((100vw - 960px) / 2);
		top:										125px;

		display: 									block;
		position: 									absolute;
		display: 									flex;
		overflow:									hidden;
		overflow-y: 								scroll;
	}

		#cntRules, #cntUpload, #cntStatus, #cntProfile, #cntResults, #cntPayment, #cntJudges {
			padding:  								35px 0;
		}

	.WraperBox {
		padding: 									10px 25px 15px 25px;
		border-width: 								1px;

		position: 									relative;
	}

		.WraperBox > img:first-of-type {
			height: 								20px;
			width: 									20px;
		}

		.WraperBox > label:first-of-type {
			width: 									calc(100% - 30px);
			top:									-1px;
			color: 									rgb(90,90,90);
			font-size: 								20px;

			float:									right;
			font-weight: 							bold;
			text-align: 							right;
		}

		.WraperBox input[type="button"] {
			margin-top: 							10px; /* PRIVREMENO */
			padding:	 							6px 8px !important; /* PRIVREMENO */
			background-color:						rgb(117,135,117); /* PRIVREMENO */
			color:									rgb(255,255,255); /* PRIVREMENO */
			border-radius: 							5px; /* PRIVREMENO */

			margin-top: 							10px;

			float: 									right;
			padding:	 							0;
			text-align: 							left;
		}

		.WraperBox:before {
			height: 								40px;
			background-color: 						rgba(90,90,90, .1);
			border-bottom: 							solid 1px rgb(90,90,90);

			content: 								"";
			position: 								absolute;
			display: 								block;
			width: 									100%;
			top:									0;
			left: 									0;
		}

	.txtContainer {
		height:										32px;
		margin-bottom: 								8px;

		position:									relative;
		width: 										100%;
	}

		.txtContainer:first-of-type {
			margin-top: 							22px;
		}

		.txtContainer label {
			top:									15px;

			position:  								absolute;
			width: 									100%;
			transition-duration: 					.1s;
			-moz-transition-duration:				.1s;
			-webkit-transition-duration:			.1s;
		}

		.txtContainer input[type="text"]:not([class="search-txt"]), .txtContainer input[type="password"]:not([class="search-txt"]) {
			height: 								18px;

			position:								absolute;
			display:								block;
			width: 									100%;
			bottom:									0;
			margin: 								0;
		}

		.txtContainer textarea {
			position: 								absolute;
			bottom: 								0;
		}

		.txtContainer .focused {
			font-size: 								9px;

			top:									0;
			font-weight: 							bold;
			transition-duration: 					.1s;
			-moz-transition-duration:				.1s;
			-webkit-transition-duration:			.1s;
		}

		.txtContainer .errored {
			top:									15px;
			font-size: 								14px;
			color: 									rgb(200,0,0);

			font-weight: 							normal;
			transition-duration: 					.1s;
			-moz-transition-duration:				.1s;
			-webkit-transition-duration:			.1s;
		}

			.errored {
				color: 								rgb(200,0,0);
			}

	/* ::: LOADING CIRCLE BAR */
		.loader, .loader:after {
			width:									80px;
			height:									80px;

			border-radius:							50%;
		}

		.loader {
			left:									calc(50% - 45px);
			top:									calc(50% - 80px);
			border-bottom:							solid 8px rgba(90,90,90, .1);
			border-right: 							solid 8px rgba(90,90,90, .1);
			border-top:								solid 8px rgba(90,90,90, .1);
			border-left:							solid 8px rgb(90,90,90);
			
			position:								fixed;
			animation:								load8 1.1s infinite linear;
			-webkit-animation:						load8 1.1s infinite linear;
		}

		@-webkit-keyframes load8 {
			0% {
				-webkit-transform:					rotate(0deg);
				transform:							rotate(0deg);
			}
			100% {
				-webkit-transform:					rotate(360deg);
				transform:							rotate(360deg);
			}
		}

		@keyframes load8 {
			0% {
				-webkit-transform:					rotate(0deg);
				transform:							rotate(0deg);
			}
			100% {
				-webkit-transform:					rotate(360deg);
				transform:							rotate(360deg);
			}
		}
	/* ::: LOADING CIRCLE BAR */

	/* ::: ENTRY FORM PAGE */
		#AgreeFIAP_W {
			width: 									calc(100% - 32px);
			margin-top:								25px;
			padding: 								15px;
			border: 								solid 1px rgba(90,90,90, .3);
			border-radius: 							2px;

			height: 								auto;
			top:									0 !important;
			text-align: 							justify;
			cursor: 								pointer;
		}

			#AgreeFIAP_W > label {
				padding: 							0 15px 5px 0;

				position: 							relative;
				display: 							inline-block;
				width: 								auto;
				float: 								left;
				top:								0;
			}

				#AgreeFIAP_W > label:before {
					height: 						23px;
					width: 							23px;
				}

		#reCaptcha_W {
			margin-bottom: 							8px;

			overflow: 								hidden;
		}
	/* ::: ENTRY FORM PAGE */

	/* ::: SIGN IN PAGE */
		#cntLogin, #cntCountDownTimer, #cntReport {
			display: 								inline-flex;
			align-items: 							center;
			justify-content: 						center;
			flex-direction: 						column;
			height: 								100%;
			width: 									100%;
		}

			#cntLogin > span:first-child, #cntPayment > span:first-child {
				margin-bottom: 						20px;
				padding: 							15px 25px;

				text-align: 						center;
				text-transform:						uppercase;
				cursor:								default;
			}

			#cntLogin > span:first-child:before, #cntPayment > span:first-child:before {
				height: 							0;
				border: 							none;
			}

		.Signin {
			width: 									35%;
		}

			.Signin > input[type="button"]:first-child {
				text-align: 						right !important;
			}

			.Signin > .info {
				color:								rgb(200,0,0);

				float: 								left !important;
			}
	/* ::: SIGN IN PAGE */

	/* ::: HOME PAGE */
		#cntHome {
			margin-bottom: 							35px;
		}

		#sliderContainer {
			height: 								460px;

			position: 								relative;
			width: 									100%;
			overflow: 								hidden;
		}

			#sliderContainer span {
				padding: 							4px 20px;
				background-color:					rgb(255,255,255); 
				border-width: 						1px;
				
				position:							absolute;
				left:								0;
				top:								79%;
				border-left-width: 					0;
				opacity: 							.7;
				cursor: 							default;
			}

		#cntLogos {
			padding: 								35px 0;

			display: 								flex;
			justify-content: 						center;
		}

			#cntLogos img {
				height:	 								80px;

				position: 								relative;
				cursor: 								pointer;
				transition: 							filter .3s ease-in-out;
				-moz-transition:						filter .3s ease-in-out;
				-webkit-transition:						-webkit-filter .3s ease-in-out;
				filter:									url(filters.svg#grayscale);
				filter:									gray;
				-webkit-filter:							grayscale(100%) brightness(80%);
			}

				#cntLogos img:hover {
					filter: 							none;
					-webkit-filter:						none;
				}

		#cntInfo {
			position: 								relative;
			display: 								flex;
			justify-content:						space-between;
			width: 									100%;
		}

			#cntInfo > div {
				border-width: 						1px;

				position: 							relative;
				width:								19%;
			}

				#cntInfo > div > div:not(:nth-child(2)) {
					height: 						18px;
					font-size: 						11.5px;
					
					position: 						relative;
					width: 							90%;
					margin: 						auto;
					text-align: 					center;
					text-transform: 				uppercase;
					white-space:					nowrap;
					overflow: 						hidden;
					cursor: 						default;
				}

					#cntInfo > div > div:last-child {
						padding-bottom: 			25px;
					}

				#cntInfo > div > :nth-child(1) {
					padding-bottom: 				20px;
					padding-top: 					25px;
					font-size: 						16px;

					text-align: 					center;
				}

				#cntInfo > div > :nth-child(2) {
					height: 						120px;
					width: 							120px;
					color: 							rgb(30,30,30);
					font-size: 						25px;
					border:		 					solid 1px rgb(117,135,117);

					position: 						relative;
					display: 						flex;
					justify-content: 				center;
					align-items: 					center;
					margin: 						auto;
					font-weight: 					bold;
					text-align: 					center;
					border-radius:					50%;
					cursor: 						default;

					margin-bottom: 					25px;
				}

				#cntInfo > :nth-child(3) > div {
					text-transform: 				none !important;
				}

				#cntInfo > :nth-child(3) > :nth-child(3) {
					text-transform: 				capitalize !important;	
				}

				#cntInfo > :nth-child(3) > :nth-child(2):not([class="woOrganizer"]) {
					font-size: 						20px !important;
					line-height: 					20px;

					display: 						flex;
					align-items: 					center;
					justify-content: 				center;
				}

					.woOrganizer {
						margin-top: 				20px !important;
						font-size: 					25px !important;

						margin-bottom: 				0 !important;
						border:						none !important;
					}

		#cntHome > :nth-child(4) {
			padding-top: 							30px;

			position: 								relative;
			display: 								flex;
			width: 									100%;
			align-items: 							center;
			justify-content: 						center;
			font-weight: 							bold;	
			text-transform: 						uppercase;
		}

			#cntHome > :nth-child(4) > span {
				cursor: 							pointer;
			}

		#GrandPrix {
			overflow:								visible !important;
			white-space:							normal !important;
		}	
	/* ::: HOME PAGE */
					
	/* ::: ENTRY RULLES */
		#cntRules {
			display: 								flex;
			flex-direction: 						column;
		}

		#cntRules > div:not([id="cntPDF"]) {
			display: 								flex;
			flex-direction: 						column;
		}

			#cntRules > div > span:not([id="dwnPDF"]), .submissionSec > span:first-child, #cntResults > div > span {
				height:		 						30px;
				width: 								calc(100% - 20px - 1px);
				margin: 							12px 0 8px 0;
				padding:	 						0 10px;
				color: 								rgb(117,135,117);
				font-size: 							14px;
				border-width: 						1px;
				
				position: 							relative;
				display:							flex;
				align-items: 						center;
				font-weight: 						bold;
				text-transform:						uppercase;
				cursor: 							default;
			}

				#cntRules > div > span:not([id="dwnPDF"]):first-child > img, .submissionSec > span:first-child > img, #cntResults > div > span:first-child > img {
					height:							16px;

					margin-left: 					auto;
					cursor: 						pointer;
				}

			#cntRules > div > span:first-child, #cntResults > div > span:first-child {
				margin-top: 						0;
				cursor: 							default;
			}

			#cntRules > div > span > :nth-child(1) {
				top: 								13px;
				right: 								12px;
				border-left: 						solid 5px transparent;
				border-right: 						solid 5px transparent;
				border-bottom: 						solid 5px rgb(90,90,90);

				position: 							absolute;
				display: 							block;
				content: 							"";
				z-index: 							2;
				cursor: 							pointer;
			}

				.closedRules {
					border-bottom: 					none !important;
					border-top:						solid 5px rgb(90,90,90);
				}

		#cntRules > div > div, .secResults {
			padding:								6px 12px 12px 12px;
			
			text-align: 							justify;
			word-wrap: 								break-word;
		}

		iframe {
			position: 								relative;
			width: 									100%;
			height: 								100%;
		}

		#cntPDF {
			height: 								30px;
			margin-bottom: 							7px;
			border-width:  							1px;

			display:								inline-flex;
			align-items: 							center;
			align-self: 							flex-end;
		}

			#cntPDF > img {
				height: 							calc(100% - 10px);
				padding: 							5px;
				border-right: 						solid 1px rgb(90,90,90);
			}

			#cntPDF > span {
				padding: 							0 20px;
				cursor: 							pointer;
			}

		#noRules {
			height: 								100%;
			width:									100%;
			display:								flex;
			align-items:							center;
			justify-content:						center;

			cursor: 								default;
		}
	/* ::: ENTRY RULLES */

	/* ::: JUDGES */
		#cntJudges > div {
			height: 								205px;
			border-width: 							1px;
			margin-bottom: 							20px;

			position:								relative;
			display: 								flex;
		}

			.txtJWrap {
				padding-left: 						25px;
				padding-top: 						20px;
				
				position: 							relative;
				width: 								80%;
			}

				.txtJWrap > :nth-child(1) {
					padding-bottom: 				10px;
					color: 							rgb(200,0,0);
					font-size: 						16px;
					
					position:						relative;
					font-weight: 					bold;
					text-transform:					uppercase;
					cursor: 						default;
				}

				.txtJWrap > :nth-child(2) {
					height: 						110px;
					margin-top:						10px;
					font-size:						14px;

					overflow:						auto;
					text-align: 					justify;
					word-wrap:						break-word;
					cursor: 						default;
				}

				.txtJWrap > :nth-child(3) {
					height: 						30px;
					width: 							calc(100% - 25px);
					padding-left: 					25px;
					line-height: 					32px;
					border-top:						solid 1px rgb(90,90,90);

					position: 						absolute;
					left: 							0;
					bottom: 						0;
					text-transform: 				uppercase;
					cursor: 						default;
				}

			.imgJWrap {
				right: 								25px;

				position: 							absolute;
				display:							flex;
				align-items:						center;
				height: 							100%;
			}

				.imgJWrap > img {
					height:							110px;
					width: 							110px;
					border-radius:					50%;
					border:							double 4px rgb(90,90,90);
				}
	/* ::: JUDGES */

	/* ::: STATUS */
		.publicStatus {
			height: 								25px;
			padding-top:	 						1px;
			padding-bottom: 						1px;
			border: 								solid 1px transparent;
			
			position: 								relative;
			width: 									100%;
			display: 								flex;
			justify-content: 						space-between;
			cursor:									default;
		}

			.publicStatus:nth-child(even) {
				background-color: 					rgba(90,90,90, .1);
			}

			.publicStatus:first-child {
				height: 							25px;
				margin-bottom:						20px;
				padding: 							2px 0;
				border: 							solid 1px rgb(90,90,90);
				
				text-transform:						uppercase;
			}

				.publicStatus:first-child > div {
					border-right-width: 			1px;
				}

				.publicStatus:first-child > div:last-child {
					border-right:					none !important;
				}

					.publicStatus:first-child > :nth-child(2), .publicStatus:first-child > :nth-child(3), .publicStatus:first-child > :nth-child(4) {
						padding-left:				10px;
					}

			.publicStatus > div {
				font-size:							14px;

				position: 							relative;
				flex-grow:							1;
				overflow-x: 						hidden;
				text-align: 						center;
				margin:								auto;
			}

			.publicStatus > :nth-child(1) {
				min-width: 							40px;

				flex-grow:							0;
			}

			.publicStatus > :nth-child(2), .publicStatus > :nth-child(3), .publicStatus > :nth-child(4) {
				min-width: 							120px;
				width: 								120px;
				padding-left:						12px;
				
				flex-grow:							0;
				text-align:							left;
			}

			.publicStatus > .haveStatus, .publicStatus > .havePrints {
				width:								100px;

				flex-grow:							0;
				text-transform:						uppercase;
			}

			.optionRed {
				color:								rgb(200,0,0);
			}
				
		.headCont_W {
			margin-bottom:							25px;

			position: 								relative;
			display:								flex;
			justify-content: 						space-between;
			width:									100%;
		}

			.headCont_W > div {
				position: 							relative;
				display:							flex;
				flex-wrap: 							wrap;
				align-items: 						flex-end;
				justify-content: 					space-between;
				width: 								33%;
				overflow: 							hidden;
			}

				.headCont_W > div:first-child {
					border-width: 					1px;

					align-items: 					center;
				}

					.headCont_W > div:first-child > img {
						height: 					18px;
						padding-bottom: 			50px;
					}

						.headCont_W > div:first-child > img:last-child {
							padding-right: 			6px;
							cursor: 				pointer;
						}

				.headCont_W > div:last-child {
					flex-direction: 				column;
				}

				.headCont_W > div:last-child > div {
					height: 						30px;
					width: 							calc(100% - 6px);
					border-width: 					1px;

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

					.headCont_W > div:last-child > div > :nth-child(2) {
						text-transform: 			uppercase;
					}

			.headCont_W img {
				height: 							calc(100% - 12px);
				padding: 							6px;
				border-right: 						solid 1px rgb(90,90,90);
			}

				.headCont_W img:last-child {
					padding-right: 					16px;

					border:							none;
				}

			.headCont_W span {
				padding-left: 						16px;

				margin-right: 						auto;
				cursor: 							default;
			} 
	/* ::: STATUS */

	/* ::: SUBMISSION */
		.submissionSec {
			position:								relative;
			display:								block;
			width: 									100%;
		}

			.submissionSec > div {
				padding: 							1px;

				position: 							relative;
				display:							flex;
				flex-wrap: 							wrap;
				justify-content: 					space-between;
				height: 							100%;
			}

				.img_W {
					margin-bottom: 					8px;
					outline: 						solid .1px rgb(90,90,90);
					
					position: 						relative;
					display: 						flex;
					flex-direction: 				column;
					align-items: 					center;
				}

					.img_W_blank {
						outline: 					none !important;
					}

					.img_W > div, .img_W > input {
						width: 						calc(100% - 8px);
						margin-top: 				0;
					}

					.img_W img {
						height: 					16px;
						padding-left: 				8px;

						cursor: 					pointer;
					}

					.img_W span {
						font-size: 					10px;

						cursor: 					default;
					}

					.img_W a {
						padding-top: 				4px;
					}

					.img_W > :nth-child(1) {
						padding:					4px 0 0 0;

						position: 					relative;
						display: 					flex;
						align-items: 				center;
						justify-content: 			space-between;
						margin: 					0;
					}

					.img_W > :nth-child(2) {
						height: 					180px;
						margin: 					0 0 4px 0;
						
						position: 					relative;
						display: 					flex;
						justify-content: 			center;
						align-items: 				center;
						width: 						100%;
					}

						.img_W > :nth-child(2) > div {
							width: 					calc(100% - 10px);
							height: 				calc(100% - 10px);
							border: 				dashed 1px rgb(90,90,90);
							
							position: 				relative;
							display: 				flex;
							align-items: 			center;
							justify-content: 		center;
							background-size:		contain;
							background-position:	center center;
							background-repeat:		no-repeat;
						}

							.img_W > :nth-child(2) > div > div {
								display: 			flex;
								justify-content: 	center;
							}

							.noImageUploaded {
								border: 			dashed 1px rgb(200,0,0) !important;
							}

						.img_W > :nth-child(2) > span {
							padding: 				10px 40px;
							font-size: 				14px;
							color: 					rgb(200,0,0);
							border: 				dashed .3px rgb(200,0,0);
							border-radius: 			6px;

							position: 				absolute;
							top:					70%;
							font-weight: 			bold;
							cursor:					default;
							z-index: 				1;
							-webkit-transform: 		rotate(315deg);
							-moz-transform: 		rotate(315deg);
							-ms-transform: 			rotate(315deg);
							-o-transform: 			rotate(315deg);
							transform: 				rotate(315deg);
						}

					.imageFooter, .imageFiles {
						height: 					16px;
						padding: 					8px 0;
						border-bottom: 				dashed 1px rgb(90,90,90);
						
						display: 					flex;
						align-items: 				center;
						justify-content: 			space-between;
					}

						.imageFooter span, .imageFiles :nth-child(4) {
							margin-right: 			auto;
						}

					.imagePoints {
						max-height: 				120px;
						margin: 					4px 0 !important;

						display: 					block;
						overflow-y: 				scroll;
						overflow-x: 				hidden;
						text-align: 				right;
					}

						.imagePoints > div {
							padding: 				1px 0;
							border-bottom: 			dotted .1vh rgb(90,90,90);
							
							position: 				relative;
							display: 				flex;
							width: 					100%;
							align-items: 			center;
							justify-content: 		space-between;
						}

							.imagePoints > div:first-child {
								padding: 			0 0 1px 0;
							}

							.imagePoints > div:last-child {
								padding: 			1px 0 0 0;

								border-bottom: 		none;
							}

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

							.imagePoints > div > :nth-child(1) {
								margin-right: 		auto !important;
								white-space:		nowrap;
								cursor: 			pointer;
							}

							.imagePoints > div > input[type="text"] {
								height: 			19px;
								width: 				19px;
								font-size: 			10px;
								background: 		rgb(255,255,255);
								border-width:  		1px;
								border-radius:		2px;
								
								text-align: 		center;
								margin:				0;
								padding: 			0;
							}

							.imagePoints > div > label {
								height: 			19px;
								width: 				19px;
							}

					.imageBlur {
						background: 				rgba(240,240,240, .8);

						position: 					absolute;
						height: 					100%;
						width: 						100% !important;
						left: 						0;
						top: 						0;
						margin: 					0 !important;
					}

		#btnSubmit { /* PRIVREMENO */
			margin-top: 							10px;
			margin-bottom: 							20px;
			padding:	 							8px 20px !important;
			background-color:						rgba(150,0,0, .8);
			color:									rgb(255,255,255);
			border-radius: 							3px;

			float: 									right;
			padding:	 							0;
			text-align: 							left;
		}
	/* ::: SUBMISSION */

	/* ::: RESULTS */
		#cntResults > div {
			position: 								relative;
		}

		.secStats {
			top: 									60px;
			right: 									12px;
			width: 									35%;

			position: 								absolute;
			flex-direction: 						column;
		}

			.secStats > div {
				margin-bottom: 						20px;
				border-width: 						1px;

				align-items: 						center;
				width: 								100%;
			}

			.secStats > div:last-child {
				flex-direction: 					row;
			}

				.secStats > div:last-child > div {
					all: 							unset;
					position: 						absolute;

					left:							calc(65% - 1px);
					width: 							1px;
					background: 					rgb(90,90,90);
				}

				.secStats > div > span:last-child {
					position: 						absolute;
					display: 						inline-flex;
					flex-direction: 				column;
					align-items: 					center;
					justify-content: 				center;
					width: 							calc(30% + 1vw);
					right: 							0;
				}

				.secStats > div > img {
					height: 						18px;
					padding-bottom: 				50px;
				}

			.vline { 
				height:								calc(100% - 60px);
				width:								1px;
				left:								calc(65% - 1px);
				top:								60px;
				background: 						rgb(90,90,90);

				position: 							absolute;
			}

			#ListAcc_W {
			height:									100%;
			margin:									0;
			position: 								absolute;
			width:									100%;
			z-index:								3;
			background-color:						black;
			
			}

			#spn_ListAcc {
				height:								auto;
				left:								90%;
				padding:							8px 0;
			}

		/* ::: THUMBNAIL SCROLLER */
			.thumbsSlider {
				height: 							120px;

				overflow: 							hidden;
				width: 								100%;
			}

			.mThumbnailScroller { 
				-ms-touch-action: 					none;
				touch-action: 						none;
			}
			
			.mThumbnailScroller.mTS_no_scroll, .mThumbnailScroller.mTS_touch_action {
				-ms-touch-action:					auto;
				touch-action:						auto;
			}

			.mTSWrapper {
				position:							relative;
				height:								100%;
				max-width:							100%;
				outline:							none;
				direction:							ltr;
			}

			.mTSContainer {
				margin:								0;
				padding:							0;
				overflow:							hidden;
			}

			ul.mTSContainer, ol.mTSContainer { 
				list-style:							none;
			}

			.mTSThumb, ul.mTSContainer > li img {
				vertical-align: 					bottom;
			}

			.mTS_vertical .mTSContainer {
				margin-bottom: 						0 !important;
				margin-top: 						0 !important;
			}

			.mTS_horizontal .mTSContainer {
				margin-left: 						0 !important;
				margin-right: 						0 !important;
			}
			
			.mTS_horizontal .mTSThumbContainer, .mTS_horizontal ul.mTSContainer > li {
				float: 								left;
			}

			.content {
				position: 							relative;
				overflow: 							auto;
				height: 							auto;
				width: 								100%;
				float: 								left;
				padding: 							0;
				list-style: 						none;
				background-color: 					transparent;
			}

			.content li {
				margin-bottom: 						8px;

				overflow: 							hidden;
			}

			.content li img {
				height:  							100px;
				margin-right: 						10px;

				cursor:  							pointer;
			}
		/* ::: THUMBNAIL SCROLLER */
	/* ::: RESULTS */

	/* ::: PAYMENTS */
		#paymentButtons_W {
			height: 								70px;
			padding-top: 							20px;

			display: 								flex;
			justify-content: 						space-between;
			width: 									100%;
		}

			#paymentButtons_W > * {
				height: 							100%;
				cursor: 							pointer;
			}

			#paymentInfo {
				margin-top: 						20px;
				font-size: 							12px;

				display: 							block;
				text-align: 						justify;
			}
	/* ::: PAYMENTS */

	/* ::: REPORT  PROBLEM*/
		#txtRProblem_W {
			height:									100px;
		}

			#txtRProblem_W label {
				top:								9px;
			}

			#txtRProblem_W textarea {
				height: 							72px;
			}
	/* ::: REPORT  PROBLEM*/
/* ::: BODY LAYER */


/* ::: BOTTOM LAYER */
	#layBottom {
		height: 									25px;
		background-color:							rgb(90,90,90);

		position: 									absolute;
		display: 									flex;
		justify-content: 							center;
		width:										100%;
		bottom:										0;
		overflow:									hidden;
	}

		#cntBottom {
			display:								flex;
			align-items:							center;
			justify-content: 						flex-start;
		}

			#cntBottom img {
				height:								80%;
				cursor: 							pointer;
			}

			#cntBottom img:not(:first-child) {
				margin-left: 						.3%;
			}

			#cntBottom :first-child {
				margin-right: 						auto;
			}

				#YouTubeMusic div {
					display: 						unset;
				}
/* ::: BOTTOM LAYER */


/* ::: ANIMATIONS */
	.animated {
		-webkit-animation-duration:					0.4s;
		animation-duration:							0.4s;
		-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;
	}

	@-webkit-keyframes bounceIn {
		from, 20%, 40%, 60%, 80%, to {
			-webkit-animation-timing-function:		cubic-bezier(0.215, 0.610, 0.355, 1.000);
			animation-timing-function:				cubic-bezier(0.215, 0.610, 0.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(0.215, 0.610, 0.355, 1.000);
			animation-timing-function:				cubic-bezier(0.215, 0.610, 0.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);
		}
	}

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

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

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

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

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

	@keyframes inFromRight {
		from {
			-webkit-transform:						translate3d(100%, 0, 0);
			transform:								translate3d(100%, 0, 0);
			opacity:								0;
		}
		to {
			-webkit-transform:						translate3d(0, 0, 0);
			transform:								translate3d(0, 0, 0);
			opacity:								1;
		}
	}
/* ::: ANIMATIONS */


/* ::: NOTIFICATIONS */
	#notifier-box {
		bottom:										40px;

		position: 									fixed;
		width: 										13%;
		z-index:									2;
	}

	.notification {
		margin: 									0 0 10px !important;
		border: 									solid 1px rgb(200,0,0);

		position: 									relative;
		border-left: 								none;
		cursor:										default;
	}

		.notification:hover {
			-webkit-box-shadow: 					0 0 16px rgba(0,0,0, .1);
			-moz-box-shadow: 						0 0 16px rgba(0,0,0, .1);
			box-shadow: 							0 0 16px rgba(0,0,0, .1);
		}

		.notification-head {
			height: 								25px;
			background: 							rgba(90,90,90, .1);
			border-bottom:							solid 1px rgb(200,0,0);

			position:  								absolute;
			display: 								inline-flex;
			justify-content: 						space-between;
			align-items: 							center;
			width:									100%;
			padding: 								0;
		}

			.notification-head > span {
				padding-left: 						6px;
				color: 								rgb(200,0,0);
				font-size: 							12px;

				margin-right: 						auto;
			}

	.message-close {
		padding-right: 								8px;
		cursor: 									pointer;
	}

		.message-close:after {
			color: 									rgb(200,0,0);
			font-size: 								20px;

			content: 								"\00d7";
		}

	.notification p {
		font-size: 									12px;
		margin: 									31px 6px 6px 6px;
	}
/* ::: NOTIFICATIONS */


/* ::: UPLOADIFIVE */
	.uploadifive-button {
		font-size: 									12px;
		color: 										rgb(255,255,255);
		border: 									solid 1px rgb(90,90,90);
		border-radius: 								50px;
		background-color:							rgb(90,90,90);
		background-image: 							linear-gradient(bottom, rgb(90,90,90) 0%, rgb(120,120,120) 100%);
		background-image: 							-o-linear-gradient(bottom, rgb(90,90,90) 0%, rgb(120,120,120) 100%);
		background-image: 							-moz-linear-gradient(bottom, rgb(90,90,90) 0%, rgb(120,120,120) 100%);
		background-image: 							-webkit-linear-gradient(bottom, rgb(90,90,90) 0%, rgb(120,120,120) 100%);
		background-image: 							-ms-linear-gradient(bottom, rgb(90,90,90) 0%, rgb(120,120,120) 100%);
		background-image: 							-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(90,90,90)), color-stop(1, rgb(120,120,120)));
		
		width: 										100%;
		text-align: 								center;
		background-position: 						center top;
		background-repeat: 							no-repeat;
	}

	.uploadifive-button:hover {
		background-color: 							rgb(100,100,100);
		background-image: 							linear-gradient(top, rgb(100,100,100) 0%, rgb(130,130,130) 100%);
		background-image: 							-o-linear-gradient(top, rgb(100,100,100) 0%, rgb(130,130,130) 100%);
		background-image: 							-moz-linear-gradient(top, rgb(100,100,100) 0%, rgb(130,130,130) 100%);
		background-image: 							-webkit-linear-gradient(top, rgb(100,100,100) 0%, rgb(130,130,130) 100%);
		background-image: 							-ms-linear-gradient(top, rgb(100,100,100) 0%, rgb(130,130,130) 100%);
		background-image: 							-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(100,100,100)), color-stop(1, rgb(130,130,130)));

		background-position: 						center bottom;
	}

	.uploadifive-queue {
		position: 									absolute;
		width: 										100%;
		max-width: 									100%;
		max-height: 								100%;
		overflow: 									hidden;
	}

	.uploadifive-queue-item {
		margin-top: 								50px;
		padding: 									10px;

		background-color: 							rgba(245,245,245, .3);
	}

	.uploadifive-queue-item .close {
		height: 									20px;
		width: 										20px;

		display: 									block;
		padding: 									0 !important;
		float: 										right;
		background-image: 							url('uploadifive-cancel.png');
		background-size:							50%;
		background-position:						center center;
		background-repeat:							no-repeat;
		text-indent: 								-9999px;
	}

	.uploadifive-queue-item .progress {
		height: 									10px;
		margin-top: 								2px;

		width: 										100%;
	}

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

		background-color: 							#0072BC;
	}
/* ::: UPLOADIFIVE */


/* ::: SUMOSELECT */
	.SumoSelect p {
		margin: 									0;
	}

	.SumoSelect {
		margin:		 								14px 0 12px 0;

		position:									relative;
		display:									inline-block;
		width:										100%;
		outline:									none;
	}

		.SumoSelect:focus > .CaptionCont {
			border-bottom:							solid 1px rgb(200,0,0) !important;
		}

	.sumoStopScroll {
		overflow:									hidden;
	}

	/* Filtering style */
		.SumoSelect .hidden { 
			display:								none;
		}
		
		.SumoSelect .search-txt {
			display:								none;
			outline:								none;
		}
		
		.SumoSelect .no-match {
			padding:								4px;
			font-size:								12px;

			display:								none;
		}
		
		.SumoSelect.open .search-txt {
			font-size: 								10px;

			display:								inline-block;
			position:								absolute;
			width:									100%;
			left:									0;
			top:									0;
			margin:									0;
			border:									none;
			-webkit-box-sizing:						border-box;
			-moz-box-sizing:						border-box;
			box-sizing:								border-box;
			
		}
		.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
			visibility:								hidden;
		}

	/* this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
		.SelectClass, .SumoUnder { 
			position: 								absolute;
			height:									100%;
			width:									100%;
			left:									0;
			right:									0;
			top:									0;
			border:									none;
			-webkit-box-sizing:						border-box;
			-moz-box-sizing:						border-box;
			box-sizing:								border-box;
			-ms-filter:								"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:									alpha(opacity=0);
			-moz-opacity:							0;
			-khtml-opacity:							0;
			opacity:								0;
		}
		
		.SelectClass {
			z-index:								1;
		}

		
		.SumoSelect > .optWrapper > .options  li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label { 
			user-select:							none; 
			-o-user-select:							none;
			-moz-user-select:						none;
			-khtml-user-select:						none;
			-webkit-user-select:					none;
		}

		.SumoSelect > .CaptionCont {
			height:									18px;
			border-bottom:							solid 1px rgb(90,90,90);
			
			position:								relative;
			margin:									0;
			background-color:						transparent;
			cursor:									pointer;
		}
		
			.SumoSelect > .CaptionCont > span { 
				font-size: 							12px;

				position: 							absolute;
				display: 							block;
				bottom: 							0;
				text-overflow: 						ellipsis;
				white-space: 						nowrap;
				overflow:							hidden;
			}

			.SumoSelect > .CaptionCont > label { 
				width:								28px;
				border-left:						solid 1px rgb(90,90,90);
				
				position: 							absolute;
				bottom:								0;
				top:								0;
				right:								0;
				cursor: 							pointer;
			}

				.SumoSelect:focus > .CaptionCont > label { 
					border-left:					solid 1px rgb(200,0,0);
				}
				
				.SumoSelect > .CaptionCont > label > i { 
					top: 							calc(50% - 2.5px);
					right: 							10px;
					border: 						none;
					border-left: 					solid 4px transparent;
					border-right: 					solid 4px transparent;
					border-top: 					solid 4px rgb(90,90,90);
					border-bottom: 					none;

					position: 						absolute;
					height: 						0;
					width: 							0;
				}

					.SumoSelect:focus > .CaptionCont > label > i {
						border-left: 				solid 4px transparent;
						border-right: 				solid 4px transparent;
						border-top: 				solid 4px rgb(200,0,0);
						border-bottom: 				none;
					}

		.SumoSelect > .optWrapper {
			top:									18px;
			background-color:						rgba(250,250,250, .98);
			box-shadow: 							0 8px 8px 0 rgba(90,90,90, .1);
			
			position:								absolute;
			display:								none;
			left: 									0;
			width: 									100%;
			overflow:								hidden;
			z-index: 								1001;
			-webkit-box-sizing:						border-box; 
			-moz-box-sizing:						border-box;
			box-sizing:								border-box;
		}

			.SumoSelect.open > .optWrapper {
				top:								19px;

				display:							block;
			}

			.SumoSelect.open > .optWrapper.up {
				margin-bottom: 						5px; /* ??? */

				bottom:								100%;
				top:								auto;
			}

			.SumoSelect > .optWrapper ul {
				display: 							block;
				margin:								0;
				padding:							0;
				list-style:							none;
				overflow:							auto;
			}
			
			.SumoSelect > .optWrapper > .options { 
				max-height:							100px;

				position:							relative;
				width:								97.6%;
				left:								1.2%;
			}
			
			.SumoSelect > .optWrapper > .options li.group.disabled > label {
				opacity:							.5;
			}

			.SumoSelect > .optWrapper > .options li ul li.opt {
				padding-left: 						22px; /* ??? */
			}

			.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
				padding-left: 						50px; /* ??? */
			}

			.SumoSelect > .optWrapper.isFloating > .options {
				box-shadow: 						0 0 100px #595959; /* ??? */

				max-height:							100%;
			}
			
			.SumoSelect > .optWrapper > .options li.opt { 
				height:								18px;

				position:							relative;
				overflow: 							hidden;
			}

				.SumoSelect > .optWrapper > .options > li.opt:first-child {
					margin-top: 					5px;
				}

				.SumoSelect > .optWrapper > .options > li.opt:last-child {
					margin-bottom: 					5px;

					border-bottom:					none;
				}
				
				.SumoSelect > .optWrapper > .options li.opt:hover {
					background-color: 				rgb(255,255,255);
				}
				
				.SumoSelect > .optWrapper > .options li.opt.sel {
					background-color:				rgb(255,255,255);
				}

				.SumoSelect > .optWrapper > .options li label { 
					left:							5px;
					top:							2px;
					font-size:						12px;
					
					display:						block;
					overflow:						hidden;
					width:							90%;
					text-decoration:				none;
					text-overflow:					ellipsis;
					text-transform: 				none;
					white-space:					nowrap;
					cursor:							pointer;
				}

					.SumoSelect > .optWrapper.multiple > .options li label {
						left:						26px; /* ??? */
					}

					.delete > .optWrapper.multiple > .options li label {
						left:						5px; /* ??? */
					}
				
				.SumoSelect > .optWrapper > .options li span {
					display:						none;
				}
				
				.SumoSelect > .optWrapper > .options li.group > label { 
					padding: 						8px 6px; /* ??? */

					font-weight:					bold;
					cursor:							default;
				}

		/* Floating styles */
			.SumoSelect > .optWrapper.isFloating {
				position:							fixed;
				max-height:							90%;
				width:								90%;
				bottom:								0;
				left:								0;
				top:								0;
				right:								0;
				margin:								auto;
			}

		/* Disabled state */
			.SumoSelect > .optWrapper > .options li.opt.disabled { 
				background-color:					inherit;
				pointer-events:						none;
			}

				.SumoSelect > .optWrapper > .options li.opt.disabled * {
					-ms-filter:						"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ 
					filter: 						alpha(opacity=50); /* Netscape */
					-moz-opacity:					.5; /* Safari 1.x */
					-khtml-opacity:					.5; /* Good browsers */
					opacity:						.5;
				}


		/* Styling for multiple select */
			.SumoSelect > .optWrapper.multiple > .options li.opt { 
				cursor:								pointer;
			}
				.SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span {
					width:							18px;

					position:						absolute;
					display:						block;
					bottom:							0;
					top:							0;
				}

				.delete.SumoSelect > .optWrapper.multiple > .options li.opt span {
					width:							18px;

					position:						absolute;
					display:						block;
					bottom:							0;
					top:							0;
					right: 							0;
				}

					
					.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i {
						height:						12px;
						width:						12px;
						border: 					solid 1px rgb(90,90,90);
						border-radius: 				2px;
						
						position:					absolute;
						bottom:						0;
						left:						0;
						right:						0;
						top:						0;
						margin:						auto;
						background-color: 			transparent;
					}

					.delete.SumoSelect > .optWrapper.multiple > .options li.opt span i {
						height:						12px;
						width:						12px;

						position:					absolute;
						bottom:						0;
						left:						0;
						right:						0;
						top:						0;
						margin:						auto;
						font-style:					normal;
						border: 					none;
						background-color: 			transparent;
					}

	.SumoSelect > .optWrapper > .MultiControls { 
		border-top: 								1px solid #ddd; /* ??? */
		border-radius: 								0 0 3px 3px; /* ??? */
		box-shadow: 								0 0 2px rgba(0, 0, 0, 0.13); /* ??? */

		display:									none;
		background-color:							transparent;
	}
		
		.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
			margin-top: 							5px; /* ??? */

			position: 								absolute;
			display:								block;
			width:									100%;
			bottom:									0;
		}

		.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { 
			display:								block;
		}
		
			.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
				padding: 							6px; /* ??? */
			}

		.SumoSelect > .optWrapper.multiple > .MultiControls > p {
			padding: 								12px; /* ??? */

			display:								inline-block;
			width:									50%;
			text-align:								center;
			box-sizing:								border-box;
			cursor:									pointer;
		}

			.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { 
				background-color: 					#f1f1f1; /* ??? */
			}
			
			.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
				border-radius: 						0 0 0 3px; /* ??? */
				border-right: 						1px solid #DBDBDB; /* ??? */
			}
			
			.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
				border-radius: 						0 0 3px 0; /* ??? */
			}

		/* styling for select on popup mode */
			.SumoSelect > .optWrapper.isFloating > .options li.opt {
				padding: 							12px 6px; /* ??? */
			}

		/* styling for only multiple select on popup mode */
			.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
				padding-left: 						35px; /* ??? */
			}

			.SumoSelect > .optWrapper.multiple.isFloating {
				padding-bottom: 					43px; /* ??? */
			}

			.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i:after, .SumoSelect .select-all.selected > span i:after, .SumoSelect .select-all.partial > span i:after {
				left:								-1px;
				top:								-8px;
				color:								rgb(30,30,30);
				font-size: 							20px;
				
				content:							"\2713";
				position:							absolute;
				display:							inline-block;
				font-weight: 						bold;
			}

			.delete > .optWrapper.multiple > .options li.opt.selected span i:after {
				left:								-1px;
				top:								-4px;
				color:								rgb(30,30,30);
				font-size: 							20px;
				
				content:							"\00d7";
				position:							absolute;
				display:							inline-block;
				font-weight: 						bold;
			}
		
		/*disabled state*/
			.SumoSelect.disabled {
				opacity:							.7;
				cursor:								not-allowed;
			}

			.SumoSelect.disabled > .CaptionCont {
				border-color:						#ccc; /* ??? */
				box-shadow:							none;
			}

		/* Select all button */
			.SumoSelect .select-all { 
				height: 							36px;
				border-bottom:						solid 1px rgb(90,90,90);
				
				position:							relative;
				width: 								97.5%;
				margin:								auto;
				background-color: 					transparent;
				cursor: 							pointer;
			}

			.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
				font-size: 							12px;

				cursor:								pointer;
			}

			.SumoSelect .select-all > label {
				left: 								26px; /* ??? */

				width: 								90%;
			}
			
			.SumoSelect .select-all.partial > span i {
				background-color:					rgba(0,0,0, .2); /* ??? */
			}

		 /*styling for optgroups*/
			.SumoSelect > .optWrapper > .options li.optGroup {
				padding-left: 						5px; /* ??? */

				text-decoration:					underline;
			}
/* ::: SUMOSELECT */


/* ::: BXSLIDER */
	.bxslider {
		margin: 									0;
	}

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

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

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

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

		position: 									absolute;
		width: 										100%;
	}

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

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

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

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

	.bx-wrapper .bx-pager.bx-default-pager a {
		width: 										8px;
		height: 									8px;
		margin: 									0 4px;
		background: 								rgb(255,255,255);
		
		display: 									block;
		text-indent: 								-9999px;
		outline: 									0;
		-moz-border-radius: 						50%;
		-webkit-border-radius: 						50%;
		border-radius: 								50%;
	}

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

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

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

		.bx-prev:before, .bx-next:before {
			height: 								8px;
			width: 									8px;
			left: 									calc(50% - 6px);
			top: 									calc(50% - 6px);
			border: 								solid rgb(250,250,250);
			border-width: 							0 4px 4px 0;
			
			content: 								"";
			position: 								absolute;
			display: 								block;
			opacity: 								.3;
			transform:								rotate(135deg);
			-webkit-transform: 						rotate(135deg);
		}

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

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

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

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

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

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

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

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


/* ::: PCIKMEUP */
	.pickmeup {
		top:										32px;
		box-shadow: 								0 8px 8px 0 rgba(90,90,90, .1);

		position:									absolute;
		display:									inline-block;
		background-color:							rgba(250,250,250, .98);
		-moz-box-sizing:							content-box;
		box-sizing:									content-box;
		touch-action:								manipulation;
		z-index: 									10;
	}

	.pickmeup * {
		-moz-box-sizing:							border-box;
		box-sizing:									border-box;
	}

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

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

	.pickmeup .pmu-instance {
		padding:									10px;

		display:									inline-block;
		width:										50%;
		text-align:									center;
	}

	.pickmeup .pmu-instance .pmu-button {
		font-size:									12px;

		outline:									none;
		text-decoration: 							none;
		cursor:										pointer;
	}

	.pickmeup .pmu-instance .pmu-today {
		border-bottom: 								solid 1px rgb(90,90,90);
	}

	.pickmeup .pmu-instance .pmu-button:hover {
		color: 										rgb(90,90,90);

		background:									transparent;
	}

	.pickmeup .pmu-instance .pmu-not-in-month {
		color:										rgba(90,90,90, .3);
	}

	.pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
		color: 								#333;
		cursor: 									default;
	}

	.pickmeup .pmu-instance .pmu-selected {
		background: 								rgb(255,255,255);
		border: 									solid 1px rgb(90,90,90);
	}

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

	.pickmeup .pmu-instance nav {
		color:										rgb(90,90,90);
		line-height:								18px;
		padding:									5px 10px;

		display:									flex;		
	}

	.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:										35px;
		line-height:								35px;

		display:									inline-block;
	}

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

		cursor:										default;
	}

	.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
		line-height:								20px;

		display:									inline-block;
		width:										calc(100% / 7);
	}

	.pickmeup .pmu-instance .pmu-day-of-week * {
		font-size: 									12px;
		line-height:								20px;
		border-bottom: 								solid 1px rgb(90,90,90);
	}

	.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%;
	}

	.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 {
		height: 									125px;

		overflow:									hidden;
	}
/* ::: PCIKMEUP */