/* about/chapters.css */

/*
.blue { color: #00163D; }
.blue_tint { color: #7E8AA2; }
.orange { color: #E46C0A; }

.grey { color: #58595B; }
.light_grey { color: #E3E3E3; }

.red { color: #910D0B; }
.yellow { color: #FFAF00; }
*/

.backgroundsize #chapters_menu {
	list-style: none; margin-left: 0px; margin-bottom: 30px;
	font-size: 1em; line-height: 1em;
	height: 0px; padding-bottom: 42%;
	background: url(gif/world-map_x2.gif) left top no-repeat;
	background-size: contain;
	position: relative;
}
.backgroundsize #chapters_menu li { position: absolute; }
.backgroundsize #chapters_menu li a {
	width: 16px; height: 16px; display: block;
	border: 1px solid #FFFFFF;
	background-color: #7E8AA2;
	position: relative;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	z-index: 1;
}
.backgroundsize #chapters_menu li a span {
	position: absolute; left: 50%; bottom: 24px;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	font-size: 1.5em; line-height: 1.4em; font-weight: 700;
	color: #FFFFFF; background-color: #00163D;
	padding: 10px 15px; display: none;
	text-align: center;
	min-width: 130px;
	z-index: 101;
}
.backgroundsize #chapters_menu li a span:after {
	content: "";
	width: 0px; height: 0px; display: block;
	border-top: 6px solid #00163D;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute; left: 50%; top: 100%;
	margin-left: -6px;
}
.no-touchevents #chapters_menu li a:hover { background-color: #00163D; }
.no-touchevents #chapters_menu li a:hover span { display: block; }

#chapters_entries .entry {
	border-top: 5px solid #E3E3E3;
	padding: 30px 0px;
}
#chapters_entries .entry h2 { margin-top: 0px; }
.backgroundsize  #chapters_entries .entry { display: none; }

.backgroundsize #chapters_menu li a.active {
	width: 24px; height: 24px;
	background-color: #E46C0A;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
.backgroundsize #chapters_menu li a.active span { bottom: 32px; /*display: block;*/ }

#chapters_entries ul.contacts { list-style: none; margin-left: 0px; }
#chapters_entries ul.contacts li {}

#chapters_entries ul.contacts li label,
#chapters_entries ul.contacts li.website { font-weight: 700; }

@media screen and (max-width: 767px) {
	#chapters_entries { border-bottom: 5px solid #E3E3E3; margin-bottom: 30px; }
	.backgroundsize #chapters_entries .entry { display: block !important; }
	.backgroundsize .chapter-description {
		height: 0px; overflow: hidden;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}
	#chapters_entries .entry { padding: 20px 0px 0px 0px; }
	#chapters_entries .entry h2 {
		font-size: 1.8em; line-height: 1.3em; color: #00163D;
		margin-bottom: 20px; padding-left: 40px;
		position: relative;
		cursor: pointer;
	}
	#chapters_entries .entry h2:before, #chapters_entries .entry h2:after {
		content: "";
		background-color: #00163D;
		position: absolute; top: 50%;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	#chapters_entries .entry h2:before { width: 11px; height: 1px; left: 10px; }
	#chapters_entries .entry h2:after { width: 1px; height: 11px; left: 15px; }
	.no-touchevents #chapters_entries .entry h2:hover { color: #E46C0A; }
	.no-touchevents #chapters_entries .entry h2:hover:before,
	.no-touchevents #chapters_entries .entry h2:hover:after { background-color: #E46C0A; }
	
	.backgroundsize .active .chapter-description { height: auto; }
	.backgroundsize #chapters_entries .active h2:after { display: none; }
}