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

.lus-head	{
	min-height: 120px;
	   height:auto !important; 
	   height: 120px; 	
	background: url("../images/header-bg.jpg") no-repeat top left;
	width: 100%;
	padding: 20px 0px;
	margin-bottom: 10px;
}

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

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

.lus-head p {
	color: white;
	margin-bottom: 0px !important;
	text-align: center;
}

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

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

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


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

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

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

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

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

.lus-page ul li:before, ol li:before {
	display: none;
}

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

.lus-pannel	{
	background: #566091;
	color: white;
	margin-top: 20px;
	text-align: center;
	padding-top: 30px;
}

.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-sm.png") no-repeat center;
}
#survival-pannel h2 {
	background: url("../images/title-survival-sm.png") no-repeat center;
}
#map-pannel h2 {
	background: url("../images/title-map-sm.png") no-repeat center;
}
#find-pannel h2 {
	background: url("../images/title-find-sm.png") no-repeat center;
}

#feat-ppl-pannel {
	margin-top: 0px;
}

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

#main-content-block {
	background: #d0c899;
	margin-top: 10px;
}

#main-content-block .panel {
	background: transparent;
}

.lus-page p {
	font-family: "Soho W01 Regular";	
}

.lus-inner {
		padding: 20px;
}

#peoples-stories #main-content-block {
	margin-bottom: 10px;
}

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


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

.lus-pannel a.btn-read-more {
	display: block;
	padding: 0 60px;
	color: white;
	line-height: auto;
	margin: 0px;
	color: white;
	font-family: "Soho W01 Medium";
	font-size: 20px;
	position: relative;	
	margin-top: 10px;
	min-height: 40px;
}

.lus-pannel a.btn-read-more:after {
	content: "";
	display: block;
	background: url("../images/btn-arrow.png") no-repeat right;
	display: inline-block;
	width: 54px;
	height: 54px;
	position: absolute;
	top: -15px;
	right: 0px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
	background: transparent;
	top: 30%;
	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: 10px;
}

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

#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
-----------------------------------------------*/

ol.people-list {
	margin-top: 0px;
}

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

ol.people-list li a {
	display: block;
	background: #dddfe9;
	padding: 5px 10px;
	font-family: "Soho W01 Bold";
	color: #0b1f2f;	
}

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.lus-pagination {
position: relative;
overflow: visible !important;
  height: 38px;
}

ul.lus-pagination li {
	display: inline;
}

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

ul.lus-pagination li.nextpostslink {
	position: absolute;
	right: 0px;
	top: 0px;
	
}

ul.lus-pagination li.previouspostslink {
	position: absolute;
	left: 0px;
	top: 0px;
}

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

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

ul.lus-pagination li.pages {
	text-align: center;
	width: 100%;
	display: block;
}

ul.lus-pagination li > span {
	text-align: center;
	padding-top: 10px;
	font-family: "Soho W01 Bold";
}



/*-----------------------------------------------
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 {
	margin-bottom: 0px;
}

#feat-panel {
	background-color: #566091;
	text-align: center;
}

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

#feat-panel h2.name, #feat-panel p {
	color: white;
}

#feat-panel img {
	margin-bottom: 10px;
}


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

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

#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: 80%;
	border: 0px;
	border-radius: 3px 0 0 3px;
}

#search-panel button.btn {
	font-family: 'nml_logos__iconsregular';
	font-size: 30px;
	color: #fff;
	padding-right: 10px;
	width: 20%;
	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;
	border: 0px;
}

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

#refine-list fieldset	{
	float: left;
	padding: 0 20px 20px 20px;
	border-top: 40px solid #c7bf8d;
	background: #c7bf8d;
	margin-right: 0px;
	margin-bottom: 5px;
	width: calc( 100% - 40px);
}

.lus-page-title small {
	font-family: "Soho W01 Regular";
	font-size: 18px;
}

.results {
	font-family: "Soho W01 Regular";
	font-size: 18px;
	text-align: center;
}


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

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

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

#infographic .total-number,
#infographic .total-number-passengers {
	margin-bottom: 20px;
}


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

h3.lost-total, h3.survived-total {
	float: none;
	font-size: 56px;
}

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

#infographic .total-number-passengers {
	border-top: 1px solid #00002c;
	margin-top: 20px;
	padding-top: 20px;
}

#infographic .info-wrap {
	border-bottom: 1px solid #00002c;
	padding-bottom: 20px;
	margin-bottom: 20px;
}



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

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

}

ul#lus-key {

}

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

.lus-page ul#lus-key li.key-lost:before, .lus-page ul#lus-key li.key-survived:before, .lus-page 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;
}


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

.lus-page 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;	
	display: block;
}

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

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

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

.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 !important;
	display: inline-block;
}

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


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

#map-panel {
	margin-bottom: 10px;

}

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

/*-----------------------------------------------
Responsive
-----------------------------------------------*/


@media screen and (min-width:768px) {

	#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;
	}
	
	#feat-ppl-pannel.span6, #survival-pannel.span6, #map-pannel .span6, #find-pannel .span6, .span6.info-wrap, #peoples-stories #main-content-block .span8,  #peoples-stories #main-content-block .span4 {
		width: 100%; 
		margin-left: 0px;
	}

	#search-panel .search-people {
		width: 90%;
	}
	
	#search-panel button.btn {
		width: 10%;
	}

	.lost-col {
		margin-bottom: 0px;
	}

	#infographic .total-number p, #infographic .total-number-passengers p {
	 	margin-top: 20px;
	}

	.lus-head h1	{
		background: url("../images/header-title-peopleof.png") no-repeat;
		height: 76px;
	}

	#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-sm.png") no-repeat top center;
		height: 95px !important;		
	}

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

	.lus-head p {
		text-align: left;
		padding-left: 35px;
	}
	

	#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;
	}

	#feat-panel {
		background: url("../images/hero-bg.png") no-repeat right bottom #566091;
	}

	#refine-list fieldset	{
		margin-right: 5px;
		width: auto;
	}



}

@media screen and (min-width:979px) {

	#infographic .info-wrap {
		border-bottom: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	#infographic .lus-page-title h2 {
		padding-right: 200px;	
	}
	
	#infographic .lus-page-title {
		padding-top: 50px;
	}
		
	#feat-ppl-pannel, #survival-pannel.span6 {
		margin-top: 0px;
	}	
	
	ul#lus-key {
		top: auto;
		right: 0px;
		left: auto;
		bottom: -10px;
		position: absolute;
	}
	
	#survival .lus-head h1	{
		background: url("../images/header-title-survival.png") no-repeat top left;
		height: 76px;		
	}

	#feat-ppl-pannel.span6, #survival-pannel.span6, #map-pannel .span6, #find-pannel .span6, .span6.info-wrap {
		width: 48.9362%;
		margin-left: 2.127659574468085%;
	}
	
	#feat-ppl-pannel.span6, #map-pannel .span6:first-child, .span6.info-wrap:first-child {
		margin-left: 0px;
	}	

	#peoples-stories #main-content-block .span8 {
		width: 65.74585635359117%;
		margin-left: 0px;
	}
	
	#peoples-stories #main-content-block .span4 {
		width: 31.491712707182323%;
		margin-left: 2.7624309392265194%;
	}


	#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;
	}
	
	#survival .lus-head h1	{
		background: url("../images/header-title-survival.png") no-repeat top left;
	}	
	
}

@media screen and (min-width:1200px) {


}

@media print {

}