@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Forum&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Jura:400,300,500,600);

html {
	height: 100%;
	width: 100%;
}
body {
	background-color: #999999;
	color: #303235;
	font-family: 'Open Sans', 'Calibri'; /*, sans-serif;*/
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	min-height: 100%;
	margin: 0;
	overflow: hidden;
	width: 100%;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	-moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
	-o-user-select: none;
   user-select: none;
}
h1 {
	font-family: 'Forum';
	font-weight: normal;
}
a {
	color: #303235;
	text-decoration: none;
}
p {
	margin: 0 0 10px 0;
}
nav ul,
nav li {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}
.cleanup {
  clear: both;
}

#header {
	height: 12%;
	left: 0;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
}
	#header h1 {
		background-color: #b2083d;
		bottom: 0;
		color: #f1f1f1;
		font-family: 'Forum';
		font-size: 32px;
		font-weight: normal;
		left: 3%;
		margin: 0;
		padding: 5px 10% 5px 10px;
		position: absolute;
		text-transform: uppercase;
	}

#mainContainer {
	bottom: 120px;
	left: 3%;
	position: absolute;
	right: 3%;
	top: 12%;
}
	#mainContainer #leftCol {
		_background-color: #f1f1f1;
		bottom: 70px;
		left: 0;
		position: absolute;
		top: 0;
		width: 50.5%;
	}
		#mainContainer #leftCol #map {
			bottom: 12%;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
		}
		#mainContainer #leftCol #timeline {
			background-color: #f1f1f1;
			bottom: 0;
			left: 0;
			position: absolute;
			right: 0;
			top: 89%;
		}	
			#mainContainer #leftCol #timeline nav {
				display: block;
				height: 100%;
			}
			#mainContainer #leftCol #timeline a {
				background-color: #d3d3d3;
				border-bottom: 6px solid #505359;
				display: block;
				float: right;
				height: 100%;
				padding: 10px;
				width: 10%;
			}
				#mainContainer #leftCol #timeline a .year {
					display: block;
					float: left;
					font-family: Forum;
					font-size: 18px;
					text-align: center;
					width: 100%;
				}
				#mainContainer #leftCol #timeline a .desc {
					border-left: 1px solid #abacaf;
					display: none;
					float: left;
					font-size: 12px;
					line-height: 14px;
					max-height: 61px;
					overflow: hidden;
					padding-left: 5px;
					width: 80%;
				}
			#mainContainer #leftCol #timeline a.active,
			#mainContainer #leftCol #timeline a:hover {
				background-color: #f1f1f1;
				border-bottom: 6px solid #d1732c;
			}
				#mainContainer #leftCol #timeline a.active {
					width: 35%;
				}
					#mainContainer #leftCol #timeline a.active .year {
						width: 20%;
					}
					#mainContainer #leftCol #timeline a.active .desc {
						display: block;
					}

			
			#mainContainer #leftCol #timeline .title {
				background-color: #505359;
				color: #f1f1f1;
				display: block;
				font-family: Forum;
				font-size: 18px;
				height: 100%;
				padding: 10px;
				text-transform: uppercase;
			}
			
		#mainContainer #leftCol .controls {
			bottom: 13%;
			left: 35%;
			position: absolute;
			white-space: nowrap;
		}
			#mainContainer #leftCol .controls #zoomin,
			#mainContainer #leftCol .controls #zoomout {
				background-color: #999999;
				background-image: url('/images2/lvivatgreatwar/map-controls.png');
				background-repeat: no-repeat;
				display: inline-block;
				height: 40px;
				margin-right: 1%;
				width: 40px;
			}
			#mainContainer #leftCol .controls #zoomin {
				background-position: 0 0;
			}
			#mainContainer #leftCol .controls #zoomout {
				background-position: 0 -40px;
			}
				#mainContainer #leftCol .controls #zoomin.active,
				#mainContainer #leftCol .controls #zoomout.active {
					background-color: #b2083d;
					cursor: pointer;
				}

		#mainContainer #leftCol .sliderCont {
			bottom: 0;
			display: none;
			left: 85px;
			position: absolute;
		}
		#mainContainer #leftCol .sliderCont #opacitySlider {
			background: none repeat scroll 0 0 #999999;
			border: 0px;
			border-radius: 0px;
			box-shadow: none;
			height: 30px;
			margin: 0px 0 8px 20px;
			width: 250px;
		}
			#mainContainer #leftCol .sliderCont #opacitySlider.noUi-background {
			}
			#mainContainer #leftCol .sliderCont #opacitySlider.noUi-target {
			}
			#mainContainer #leftCol .sliderCont #opacitySlider .noUi-handle {
				background: none repeat scroll 0 0 #b2083d;
				border: 0px;
				cursor: pointer;
				height: 40px;
				width: 40px;
				border-radius: 0px;
				box-shadow:  none;
			}
				#mainContainer #leftCol .sliderCont #opacitySlider .noUi-handle:before,
				#mainContainer #leftCol .sliderCont #opacitySlider .noUi-handle:after {
					display: none !important;
				}
		#mainContainer #leftColGallery .royalSlider {
			height: 100% !important;
		}

	#mainContainer #rightCol {
		bottom: 70px;
		position: absolute;
		right: 0;
		top: 0;
		width: 49%;
	}
		#mainContainer #rightCol #theme {
			bottom: 0;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
		}
		#theme .description {
			background-color: #f1f1f1;
			bottom: 0;
			left: 0;
			position: absolute;
			top: 0;
			width: 65%;
		}
			#theme .description h1 {
				background-color: #d5db2a;
				border-bottom: 1px solid #505359;
				font-family: 'Forum';
				font-size: 25px;
				font-weight: normal;
				height: 50px;
				left: 0;
				line-height: 55px;
				margin: 0;
				padding: 0px 10px 0px 3%;
				position: absolute;
				right: 0;
				text-transform: uppercase;
				top: 0;
			}
			#theme .description .info {
				bottom: 15px;
				left: 5%;
				position: absolute;
				right: 5%;
				top: 65px;
			}
				#theme .description .info .img {
					height: 340px;
					left: 0;
					overflow: hidden;
					position: absolute;
					right: 0;
					text-align: center;
					top: 0;
				}
					#theme .description .info .img img {
						height: auto;
						width: 100%;
					}
				#theme .description .info .text {
					bottom: 0;
					left: 0;
					position: absolute;
					right: -5px;
					top: 370px;
				}
				#theme .description .info .title {
					_bottom: 0;
					font-size: 12px;
					left: 0;
					position: absolute;
					_right: -5px;
					top: 340px;
				}
				.rsFullscreenBtn {
					right: 0;
					bottom: 0;
					width: 40px;
					height: 40px;
					display: block;
					position: absolute;
					cursor: pointer;
				}
					.rsFullscreenBtn .rsFullscreenIcn {
						background-color: #b2083d;
						background-image: url('/images2/lvivatgreatwar/map-controls.png');
						background-repeat: no-repeat;
						height: 40px;
						margin-bottom: 5px;
						width: 40px;
					}

		#theme .related {
			background-color: #505359;
			bottom: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 34%;
		}
			#theme .related h2 {
				border-bottom: 1px solid #b2083d;
				color: #f1f1f1;
				font-family: 'MagistralC', 'Jura';
				font-size: 16px;
				font-weight: normal;
				margin-left: 3%;
				padding: 5px 0 5px 0;
				text-align: left;
				text-transform: uppercase;
			}
			#theme .related .thumblist {
				border-bottom: 1px solid #999999;
				bottom: 39%;
				left: 0;
				padding-bottom: 15px;
				position: absolute;
				right: 0;
				text-align: center;
				top: 0;
			}
				#theme .related .thumblist .list {
					bottom: 10px;
					left: 7%;
					position: absolute;
					right: 2%;
					text-align: center;
					top: 53px;
				}
					#theme .related .thumblist .list img {
						height: auto;
						margin: 0 auto 4%;
						max-width: 200px;
						width: 100%;
					}
			#theme .related .citation {
				bottom: 0;
				left: 0;
				position: absolute;
				right: 0;
				top: 61%;
			}
				#theme .related .citation .text {
					bottom: 45px;
					color: #f1f1f1;
					font-size: 14px;
					font-style: italic;
					font-weight: 300;
					left: 9%;
					position: absolute;
					right: 2%;
					top: 55px;
				}
				#theme .related .citation .author {
					bottom: 15px;
					color: #f1f1f1;
					font-family: 'Forum';
					font-size: 16px;
					font-style: normal;
					left: 7%;
					position: absolute;
					right: 5%;
					text-align: right;
					text-transform: uppercase;
				}
	#theme .fullSlider {
		background: #151515;
		display: none;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 5;
	}
		#theme .fullSlider .royalSlider {
			height: auto !important;
			position: absolute !important;
			top: 5.3em !important;
			bottom: 4em !important;
			left: 0em !important;
			right: 0em !important;
		}
				#theme .fullSlider .rsDefault .rsThumb.rsNavSelected {
					background: url('/images2/lvivatgreatwar/bottom-line.png') no-repeat bottom;
				}
					#theme .fullSlider .rsDefault .rsThumb.rsNavSelected img {
						background: url('/images2/lvivatgreatwar/bottom-line.png') no-repeat bottom;
						opacity: 1;
						filter: alpha(opacity=1);
					}
		#theme .fullSlider h1.battle {
			background-color: inherit;
			background-position: right bottom;
			background-repeat: no-repeat;
			border-bottom: 1px solid #b2083d;
			color: #f1f1f1;
			font-size: 24px;
			margin: 27px 30px 0 30px;
			padding: 0 0 5px 0;
			text-transform: uppercase;
		}
		#theme .fullSlider footer {
			border-top: 1px solid #6b6c6d;
			bottom: 5px;
			height: 40px;
			left: 30px;
			padding: 5px 0 0 0;
			position: absolute;
			right: 30px;
			z-index: 99999;
		}	
			#theme .fullSlider footer .close {
				color: #b2083d;
				float: right;
				font-size: 18px;
				line-height: 18px;
				padding: 3px 0 3px 3px;
			}
				#theme .fullSlider footer .close span.ico {
					background-image: url('/images2/lvivatgreatwar/close.png');
					background-position: center center;
					background-repeat: no-repeat;
					display: inline-block;
					float: right;
					height: 18px;
					margin: 0 0 0 10px;
					width: 18px;
				}
	#navigation {
		bottom: 8em;
		height: 50px;
		left: 0;
		position: absolute;
		right: 0;
	}
		#navigation li {
			border-bottom: 5px solid #303235;
			font-size: 26px;
			font-family: "Forum";
			line-height: 40px;
			text-align: center;
			text-transform: uppercase;
		}
		#navigation li.cur {
			background-color: #d5db2a;
		}
			#navigation .bx-wrapper .bx-viewport {
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				border: none;
				left: -5px;
				background: none; 
			}
			#navigation .bx-wrapper .bx-prev {
				background: url(/js2/lvivatgreatwar/jquery.bxslider/images/prev.png);
				left: 0px;
			}
			#navigation .bx-wrapper .bx-next {
				background: url(/js2/lvivatgreatwar/jquery.bxslider/images/next.png);
			}
#footer {
	background-color: #303235;
	border-top: 1px solid #b6bb30;
	bottom: 0;
	height: 100px;
	left: 0;
	position: absolute;
	right: 0;
}
	#footer nav {
		margin-left: 27%;
		margin-right: 10%;
	}
		#footer nav a {
			display: inline-block;
			color: #eeeeee;
			float: left;
			font-family: 'Forum';
			font-size: 32px;
			padding: 28px 4% 10px;
		}
			#footer nav a.cur,
			#footer nav a:hover {
				background-color: #d5db2a;
				color: #27292d;
			}
		#footer nav a.howto {
			float: right;
			padding: 28px 3% 10px;
		}
		#footer nav a.howto.cur,
		#footer nav a.howto:hover {
			background-color: #218aaa;
		}
		#footer nav a.crimson.cur,
		#footer nav a.crimson:hover {
			background-color: #b2083d;
			color: #eeeeee;
		}
		#footer nav a.easyblue.cur,
		#footer nav a.easyblue:hover {
			background-color: #66afd3;
		}
		#footer nav a.lang {
			float: right;
			padding: 28px 3% 10px;
		}
		#footer nav .divider {
			border-right: 1px solid #999999;
			display: inline-block;
			float: right;
			height: 53px;
			margin-top: 20px;
			width: 1px;
		}
	#footer .howtoblock {
		background-color: #218aaa;
		bottom: 100px;
		color: #fff;
		display: none;
		font-size: 21px;
		padding: 2% 1%;
		position: absolute;
		right: 10%;
		width: 272px;
		z-index: 9999;
	}
		#footer .howtoblock .close {
			color: #fff;
			float: right;
			font-size: 18px;
			line-height: 18px;
			padding: 3px 0 3px 3px;
		}	
			#footer .howtoblock .close span.ico {
				background-image: url('/images2/lvivatgreatwar/close-white.png');
				background-position: center center;
				background-repeat: no-repeat;
				display: inline-block;
				float: right;
				height: 18px;
				margin: 0 0 0 10px;
				width: 18px;
			}
		#footer .howtoblock li {
			list-style-type: none;
			margin: 10% auto;
		}
		#footer .howtoblock li.last {
			border-top: 1px solid;
			border-bottom: 1px solid;
			padding: 5% 0;
		}


.mCSB_dragger_bar {
	background-color: #b2083d !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0,0,0,0.05);
}

.rsDefault .rsFullscreenBtn {
	bottom: 0;
	top: auto;
}
	.rsDefault .rsFullscreenBtn .rsFullscreenIcn {
		background-color: #b2083d;
		background-image: url('/images2/battles/map-controls.png');
		background-repeat: no-repeat;
		height: 40px;
		margin-bottom: 5px;
		width: 40px;
	}
	.rsDefault.rsFullscreen .rsFullscreenIcn {
		background-position: 0 -40px;
		background-color: #999999;
	}
	.rsDefault .rsGCaption {
		bottom: -45px;
		left: 0;
		background: rgba(0, 0, 0, 0);
		color: #f1f1f1;
		font-size: 17px;
		margin: 0 30px;
	}
	.rsDefault.rsFullscreen .rsGCaption {
		background: rgba(0, 0, 0, 0.75);
		bottom: 6px;
		color: #fff;
		font-size: 17px;
		left: 6px;
	}
#mainContainer #leftColGallery {
	bottom: 70px;
	left: 0;
	position: absolute;
	top: 0;
	width: 59.9%;
}
#mainContainer #rightColGallery {
	bottom: 70px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
}
	#mainContainer h1 {
		background-color: #d5db2a;
		border-bottom: 1px solid #505359;
		font-family: 'Forum';
		font-size: 25px;
		font-weight: normal;
		height: 50px;
		left: 0;
		line-height: 55px;
		margin: 0;
		padding: 0px 10px 0px 3%;
		position: absolute;
		right: 0;
		text-transform: uppercase;
		top: 0;
	}
	#mainContainer .themethamblist {
		bottom: 22%;
		left: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 3.85em;
	}
		#mainContainer .themethamblist .imgbox {
			float: left;
			height: 110px;
			margin-left: 2%;
			margin-top: 10px;
			position: relative;
			width: 23%;
		}
			#mainContainer .themethamblist .imgbox:nth-child(4n+5) {
				clear: both;
			}
			#mainContainer .themethamblist .imgbox img {
				-webkit-filter: brightness(50%);
				height: 100%;
				width: 100%;
			}
			#mainContainer .themethamblist .cur img {
				-webkit-filter: brightness(100%);
			}
			#mainContainer .themethamblist .cur .imgborder {
				border-bottom: 5px solid rgba(178,8,61,1);
				bottom: 0;
				position: absolute;
				left: 0;
				right: 0;
			}
		#mainContainer .galldescription {
			background-color: #f1f1f1;
			background-image: url('/images2/lvivatgreatwar/desc.png');
			background-repeat: no-repeat;
			background-position: top left;
			bottom: 0;
			left: 0;
			position: absolute;
			right: 0;
			height: 20% 
		}
			#mainContainer .galldescription .desc {
				color: #303234;
				display: none;
				height: 100%;
				margin-left: 85px;
				margin-top: 15px;
				margin-right: 20px;
			}
				#mainContainer .galldescription .desc .desctitle {
					font-family: "Forum";
					font-size: 24px;
					text-transform: uppercase;
				}
				#mainContainer .galldescription .desc .desctext {
					height: 60%;
					font-size: 16px;
					margin-left: 20px;
					margin-top: 15px;
					overflow: hidden;
				}
			#mainContainer .galldescription .cur {
				display: block;
				height: 100%;
			}

.mapPopup {
	background-color: #f1f1f1;
	color: #27292d;
	font-size: 14px;
	font-weight: 300;
	padding: 17px 10px;
	position: relative;
	width: 480px;
}
	.mapPopup * {
		font-family: 'Open Sans', arial !important;
	}
	.mapPopup p {
		margin: 0 0 15px 0;
		padding: 0;
	}
	.mapPopup .title {
		font-family: 'Cambria' !important;
		font-size: 16px;
		margin-bottom: 15px;
	}
	.mapPopup .desc {
		color: #27292d;
		max-height: 250px;
	}
	.mapPopup .withThumb .title {
		margin-left: 200px;
	}
	.mapPopup .withThumb .thumb {
		font-size: 12px;
		float: left;
		width: 180px;
	}
	.mapPopup .withThumb .desc {
		margin-left: 200px;
	}
	.mapPopup .withThumb .thumbrow {
	}
	.mapPopup .title a {
		background-image: url('/images2/lvivatgreatwar/close.png');
		background-position: center center;
		background-repeat: no-repeat;
		display: inline-block;
		float: right;
		height: 18px;
		margin: 0 0 0 10px;
		width: 18px;
	}