﻿.ac-container {
	/*border: 1px solid #dadada;
	border-radius: 5px;*/
}

	.ac-container > ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}


.ac-dropdown {
	position: relative;
}

	.ac-dropdown a {
		text-decoration: none;
		font-size:smaller;
	}

	.ac-dropdown [data-toggle="dropdown"] {
		display: block;
		margin-bottom:2px;
		color: #000;
		background: #fff;
		padding: 5px 20px;
		border-bottom: 1px solid #ddd;
		border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
	}

		.ac-dropdown [data-toggle="dropdown"]:hover {
			background: #eee;
		}

		.ac-dropdown [data-toggle="dropdown"]:before {
			position: absolute;
			display: block;
			content: '\25BC';
			font-size: 0.7em;
			color: #454545;
			top: 13px;
			right: 10px;
			transform: rotate(0deg);
			transition: transform 0.6s;
		}

	.ac-dropdown > .dropdown-menu {
		max-height: 0;
		overflow: hidden;
		list-style: none;
		padding: 0;
		margin: 0;
		transform: scaleY(0);
		transform-origin: 50% 0%;
		transition: max-height 0.3s ease-out;
		animation: hideAnimation 0.2s ease-out;
	}

		.ac-dropdown > .dropdown-menu li {
			padding: 0;
		}

			.ac-dropdown > .dropdown-menu li a {
				/*display: block;
				color: #6f6f6f;
				background: #fff;
				border-bottom: 1px solid #eaeaea;
				padding: 5px 10px;*/
			}

				.ac-dropdown > .dropdown-menu li a:hover {
					background: #f6f6f6;
				}

	.ac-dropdown > input[type="checkbox"] {
		opacity: 0;
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}

		.ac-dropdown > input[type="checkbox"]:checked ~ .dropdown-menu {
			max-height: 9999px;
			display: block;
			transform: scaleY(1);
			animation: showAnimation 0.3s ease-in-out;
			transition: max-height 1s ease-in-out;
		}

		.ac-dropdown > input[type="checkbox"]:checked + a[data-toggle="dropdown"]:before {
			transform: rotate(-180deg);
			transition: transform 0.6s;
		}

@keyframes showAnimation {
	0% {
		transform: scaleY(0.1);
	}

	100% {
		transform: scaleY(1);
	}
}


@keyframes hideAnimation {
	0% {
		transform: scaleY(1);
	}

	100% {
		transform: scaleY(0);
	}
}



.lb-overlay:target img {
	animation: fadeInScale 1.2s ease-in-out;
}

@keyframes fadeInScale {
	0% {
		transform: scale(0.6);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes fadeOutScale {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.6);
		opacity: 0;
	}
}

.lb-overlay:target img {
	animation: scaleDown 1.2s ease-in-out;
}

@keyframes scaleDown {
	0% {
		transform: scale(10,10);
		opacity: 0;
	}

	100% {
		transform: scale(1,1);
		opacity: 1;
	}
}


#fullsize {
	position: fixed;
	z-index: 99999999;
	background: #dadada url("images/bg1.jpg");
	background-size: cover;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	animation: 0.5s fadeIn;
	animation-fill-mode: forwards;
	display: flex;
	align-items: center;
	-ms-flex-pack: center;
	-ms-flex-align: center;
}

	#fullsize:empty {
		display: none;
	}
