body {
	background: url("../images/kiosk-bg.jpg") no-repeat;
	font-family: Myriad Pro;
}

.breadcrumbs {
	background: #99a5d5;
	padding-left: 35px;
	padding-top: 0px;
	padding-bottom: 0px;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
	height: 60px;
}


.breadcrumbs ul {
	padding-top: 20px;
}

.breadcrumbs ul li a {
	color: white;
	font-family: Myriad Pro;
	font-size: 13px;	
}

.breadcrumbs ul li.current, .breadcrumbs ul li.current a {
	color: white;
	font-family: Myriad Pro;
	font-size: 13px;
}

.breadcrumbs ul li:after {
	color: white;
}


/*-----------------------------------------------
Typography
-----------------------------------------------*/

@font-face {
    font-family: 'univers_45_lightregular';
    src: url('../font/univers-45-light-1361510630-webfont.eot');
    src: url('../font/univers-45-light-1361510630-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/univers-45-light-1361510630-webfont.woff2') format('woff2'),
         url('../font/univers-45-light-1361510630-webfont.woff') format('woff'),
         url('../font/univers-45-light-1361510630-webfont.ttf') format('truetype'),
         url('../font/univers-45-light-1361510630-webfont.svg#univers_45_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1, h2, h3, h4, h5, h6, div.content-container h4 {
	font-family: 'univers_45_lightregular';
	text-transform: uppercase;
}

strong {
		font-family: Myriad Pro;
		font-weight: bold;
}

.lus-page-title	{
	border-bottom: 1px solid #00002c;
	margin-bottom: 20px;
}

.lus-page-title h2 {
	margin-bottom: 0px;
	color: #00002c;	
}


/*-----------------------------------------------
Header
-----------------------------------------------*/

.lus-head	{
	width: 100%;
	height: 140px;
	padding-top: 20px;
}

.lus-head h1	{
	display: block;
	width: 100%;
	height: 76px;
	overflow: hidden;
	text-indent: -999px;
	background: url("../images/header-title-peopleof.png") no-repeat;
	margin-bottom: 10px;
}


#peoples-stories .lus-head h1	{
	background: url("../images/header-title-stories.png") no-repeat top left;
}

#find-people .lus-head h1	{
	background: url("../images/header-title-find.png") no-repeat top left;
}

#survival .lus-head h1	{
	background: url("../images/header-title-survival.png") no-repeat top left;
}

#people-map .lus-head h1	{
	background: url("../images/header-title-map.png") no-repeat top left;
}


.lus-head p {
	color: white;
	padding-left: 40px;
	margin-bottom: 0px !important;
}





/*-----------------------------------------------
Main Content
-----------------------------------------------*/


.lus-inner {
	padding: 20px;
}


.main-content-block {
	background: #d0c899;
	-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);	
	height: 800px;	
}

.main-content-block > div.lus-inner {
	padding: 40px;
}

.lus-page > div.lus-inner {
	padding-top: 0px;
	padding-bottom: 0px;
}



/*-----------------------------------------------
Pannels
-----------------------------------------------*/

.lus-pannel	{
	background: #566091;
	color: white;
	margin-top: 80px;
	text-align: center;
	padding-top: 30px;
	-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);	
}


.lus-pannel	.lus-inner {
		padding: 10px 20px 30px 20px;
}

.lus-pannel	h2 {
	display: block;
	width: 100%;
	text-indent: -999px;
	overflow: hidden;
	height: 60px;
}

.lus-pannel	p {
}

#feat-ppl-pannel h2 {
	background: url("../images/title-feat-ppl.png") no-repeat center;
}
#survival-pannel h2 {
	background: url("../images/title-survival.png") no-repeat center;
}
#map-pannel h2 {
	background: url("../images/title-map.png") no-repeat center;
}
#find-pannel h2 {
	background: url("../images/title-find.png") no-repeat center;
}



/*-----------------------------------------------
Slider
-----------------------------------------------*/


#owl-feat-ppl.item img {
    display: block;
    width: 100%;
    height: auto;
}

.lus-pannel a.btn-read-more {
	display: block;
	padding: 0 60px;
	background: url("../images/btn-arrow.png") no-repeat right;
	color: white;
	line-height: 65px;
	margin: 0px;
	min-height: 54px;
	color: white;
	font-family: "Soho W01 Medium";
	font-size: 20px;	

}

.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
	background: transparent;
	top: calc(50% - 60px);
	z-index: 999;
}

#owl-feat-ppl.owl-theme .owl-controls {
	margin-top: 0px;
}

#owl-feat-ppl.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0px;
}

#owl-feat-ppl.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0px;
}

#owl-feat-ppl.owl-theme .owl-controls .owl-buttons .owl-prev:before {
	border-right: 16px solid #00b3c8;
	left: 0px;
}

#owl-feat-ppl.owl-theme .owl-controls .owl-buttons .owl-next:before {
	border-left: 16px solid #00b3c8;
	right: 0px;
}

#owl-feat-ppl.owl-theme .owl-controls .owl-buttons .owl-next, #owl-feat-ppl.owl-theme .owl-controls .owl-buttons .owl-prev {
	display: block;
}

#owl-feat-ppl.owl-theme .owl-pagination {
	display: none;
}

/*-----------------------------------------------
Results-list
-----------------------------------------------*/

div.content-container ul, div.content-container ol, div.content-container div.callout > ul, div.content-container div.callout > ol {
margin: 1.25em 0;
list-style-type: none;
overflow: hidden;
}

div.content-container .results-list p {
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 40px;
}

ol.people-list {
	-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.5);
	margin-top: 0px !important;	
	margin-bottom: 0 !important;
}

ol.people-list li {
	padding-left: 0px;
	margin-bottom: 2px;
}

ol.people-list li a {
	display: block;
	background: #dddfe9;
	padding: 5px 10px;
	text-transform: uppercase;
}

ol.people-list li a.survived {
	background: #dddfe9;
}
ol.people-list li a.died {	
	background: #ca513e;
	color: white;
}

ol.people-list li a img {
	border-radius: 50%;
	margin-right: 10px;
}

ol.people-list li:before, .results-list ul li:before, ul#sub-nav li:before {
	display: none;
}

ul.pagination {
}

ul.pagination li {
	display: inline;
}

ul.pagination li a.previouspostslink, ul.pagination li a.nextpostslink  {
	display: block;
	width: 38px;
	height: 38px;
	background: aqua;
	text-indent: -999px;
	overflow: hidden;
}

ul.pagination li a.nextpostslink {
	background: url("../images/arrows-dark.png") no-repeat top right;
	float: right;
}

ul.pagination li a.previouspostslink {
	background: url("../images/arrows-dark.png") no-repeat top left;
	float: left;
}

ul.pagination li > span {
	float: left;
	text-align: center;
	width: calc(100% - 76px);
	display: block;
	padding-top: 10px;
}

/*-----------------------------------------------
Sub Nav
-----------------------------------------------*/

ul#sub-nav li {
	padding-left: 0px;
	margin-bottom: 2px;
}

ul#sub-nav li a {
	display: block;
	background: #dddfe9;
	padding: 25px 20px;
	text-transform: uppercase;
	color: #00002c;
}

ul#sub-nav li.active a, ul#sub-nav li a:hover {
	background: #d7422f;
	color: white;
}



/*-----------------------------------------------
People's Stories
-----------------------------------------------*/


#peoples-stories aside .lus-inner	{
	background: #beb782;
	margin-bottom: 10px;
}

#peoples-stories aside h4 {
	margin-top: 0px;
	padding-top: 0px;
}

#peoples-stories aside p, #peoples-stories aside ul {
	margin-bottom: 0px;
}

#feat-panel {
	text-align: center;
	margin-bottom: 20px;
	background: url("../images/hero-bg.png") no-repeat right bottom #566091;
	height: 260px;
}

#feat-panel .panel {
	background: transparent;
}

#feat-panel h2.name, #feat-panel p {
	color: white;
}
#feat-panel h2.name {
	margin-bottom: 0px;
}

#hero-details img {
	max-width: 45%;
	height: auto;
}
#hero-gallery img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
#hero-gallery p {
	margin-bottom: 5px;
	margin-top: 0px;
	text-align: left;
}

ul li, ol li {
	padding-left: 0;
}

ul li:before, ol li:before {
	display: none;
}

a.link {
	text-decoration: underline;
	position: relative;
}
a.link:after, a.link:after {
	content: "";
	margin-left: 5px;
	position: absolute;
	display: inline-block;
	width: 13px;
	height: 7px;
	background: url("../images/link-arrow.png") no-repeat;
	top: 5px;
}

/*-----------------------------------------------
Find People
-----------------------------------------------*/

#refine-list fieldset	{
	margin-right: 10px;
	width: auto;
}	
#refine-list fieldset	{
	float: left;
	padding: 0 20px 20px 20px;
	border-top: 40px solid #c7bf8d;
	background: #c7bf8d;
	margin-bottom: 10px;
}

legend {
	font-family: Myriad Pro;
	text-transform: uppercase;
	font-size: 16px;
}

#refine-list input {
	margin-right: 10px;
}
#refine-list label {
	margin-right: 10px;
}


#search-panel {
	background: url("../images/search-bg.png") no-repeat #beb782;	
}

#search-panel .search-people {
	background-color: #fff;
	color: #000;
	float: left;
	font-size: 0.9rem;
	margin-left: 0;
	padding: 6px 0;
	text-indent: 10px;
	width: 90%;
	border-radius: 3px 0 0 3px;
}

#search-panel button.btn {
	font-family: 'nml_logos__iconsregular';
	font-size: 30px;
	color: #fff;
	padding-right: 10px;
	width: 10%;
	background-color: #fff;
	color: #000;
	text-indent: -999px;
	overflow: hidden;
	background: url("../images/icon-search.gif") no-repeat center white;	
	border-radius: 0px 3px 3px 0px;
}

#search-panel .search-people, #search-panel .btn {
	border: medium none;
	margin: 0;
	padding: 9px 0 9px 0px;
}



.lus-page-title small {
	font-size: 18px;
	text-transform: none;
}

div.content-container p.results {
	font-size: 24px;
}


/*-----------------------------------------------
Survival
-----------------------------------------------*/

#infographic {
	background: #d0c899;
	margin-bottom: 10px;
}

#infographic .lus-page-title h2 {
	text-transform: uppercase;
}

#infographic .total-number h3, h3.lost-total, h3.survived-total {
	font-size: 76px;
	font-weight: bold;
	color: #00002c;
	margin-bottom: 20px;
	font-family: sans-serif;
	float: left;
	margin-right: 10px;
	line-height: 1;
}

h3.lost-total, h3.survived-total {
	float: none;
}

#infographic h3.lost-total {
	color: #d7422f;
}

#infographic .total-number p {
 	float: left;
 	margin-top: 30px;
 	margin-bottom: 0px;
}

#infographic .lus-page-title {
	position: relative;

}
#infographic .lus-page-title h2 {
	font-family: "Soho W01 Bold" !important;
}

ul#lus-key {

}

ul#lus-key li {
	padding-left: 25px;
	position: relative;
}

ul#lus-key li.key-lost:before, ul#lus-key li.key-survived:before, ul#lus-key li.key-people:before  {
	background: url("../images/icon-key.png") no-repeat top left;
	height: 15px;
	width: 15px;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 0px;
	display: block;
}

ul#lus-key li.key-survived:before {
	background: url("../images/icon-key.png") no-repeat top right;
}

ul#lus-key li.key-people:before {
	background: url("../images/icon-key.png") no-repeat bottom left;
	height: 20px;
	top: auto;
	bottom: 0px;
	left: 3px;	
}

ul#lus-key li.key-people {
	font-style: italic;
}

ul#lus-key li.key-survived {
	margin-bottom: 0px;
}

.survived-col h4, .lost-col h4 {
	background: #beb880 url("../images/title-bg-right.png") no-repeat right;
	position: relative;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
	line-height: 45px;
	display: inline-block;
	font-family: "Soho W01 Medium" !important;
}

.survived-col h4:before, .lost-col h4:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10px;
	height: 40px;
	display: block;
	background: #beb880 url("../images/title-bg-left.png") no-repeat left;
}


.lost-col img, .survived-col img {
	margin-bottom: 20px;
}


div.page.lus-page div.row-fluid {
background-color: transparent;
}

ul#lus-key {
	top: auto;
	right: 0px;
	left: auto;
	bottom: -10px;
	position: absolute;
}

#infographic .lus-page-title {
	padding-top: 50px;
}


/*-----------------------------------------------
Map
-----------------------------------------------*/

#map-panel {
	height: 650px;

}

#map-panel iframe {
	width: 100% !important;
	height: 720px;
}


.marker-died .marker-bg, .marker-survived .marker-bg  {
	width: 500px;
	position: relative;
}

.marker-died .marker-bg {
	background: #d7422f;
	color: white;
}

.marker-survived .marker-bg {
	background: #dddfe9;
}

.marker-died .marker-bg:after, .marker-survived .marker-bg:after {
	content:"";
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 0px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f00;
	bottom: -20px;
	left: 50px;
}

.marker-survived .marker-bg:after {
	border-top: 20px solid #dddfe9;	
}

.marker-died .marker-bg:after {
	border-top: 20px solid #d7422f;	
}

.marker-wrap {
	background: url("../images/marker-shadow.png") no-repeat bottom left;
	width: 570px;
	padding-bottom: 30px;
}



/*-----------------------------------------------
Scrolbar
-----------------------------------------------*/
.scroll-pane {
	width: 100%;
    height: 760px;
    overflow-y: auto;
	
}

.main-content-block .scroll-pane {
	width: 100%;
    height: 440px;
    overflow-y: auto;
}


.jspPane {
	width: 365px !important;	
}

.main-content-block .jspPane {
	width: 613px !important;	
}

.jspVerticalBar .jspArrow {
	background: white;
	height: 58px;
}



.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspArrow.jspArrowUp {
	background: url("../images/arrows.png") 0 0 no-repeat;
}
.jspArrow.jspArrowDown {
	background: url("../images/arrows.png") -38px 20px no-repeat;
}
.jspArrow.jspArrowUp.jspDisabled {
	background: url("../images/arrows.png") -76px 0 no-repeat;
}
.jspArrow.jspArrowDown.jspDisabled {
	background: url("../images/arrows.png") -114px 20px no-repeat;
}

.main-content-block .jspArrow.jspArrowUp {
	background: url("../images/arrows-dark.png") 0 0 no-repeat;
}
.main-content-block .jspArrow.jspArrowDown {
	background: url("../images/arrows-dark.png") -38px 20px no-repeat;
}
.main-content-block .jspArrow.jspArrowUp.jspDisabled {
	background: url("../images/arrows-dark.png") -76px 0 no-repeat;
}
.main-content-block .jspArrow.jspArrowDown.jspDisabled {
	background: url("../images/arrows-dark.png") -114px 20px no-repeat;
}


.jspDrag {
	background: white;
}

.main-content-block .jspDrag {
	background: #0b1f2f;
}

.main-content-block .jspTrack {
	background-color: rgba(11, 31, 47, 0.5);
	background: rgba(11, 31, 47, 0.5);
	color: rgba(11, 31, 47, 0.5);
	width: 5px;
	margin: 0 auto;
}

.jspTrack {
	background-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.5);
	width: 5px;
	margin: 0 auto;
}

.jspVerticalBar {
	background: transparent;
	width: 38px;
}