@font-face {
	font-family: "TradeGothic18";
	src: url('fonts/TradeGothicLTCondensed18.eot');
	src: url('fonts/TradeGothicLTCondensed18.eot?#iefix') format('embedded-opentype'),
	url('fonts/TradeGothicLTCondensed18.svg#TradeGothic LT CondEighteen') format('svg'),
	url('fonts/TradeGothicLTCondensed18.woff') format('woff'),
	url('fonts/TradeGothicLTCondensed18.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TradeGothic20";
	src: url('fonts/TradeGothicLTBoldCondensed20.eot');
	src: url('fonts/TradeGothicLTBoldCondensed20.eot?#iefix') format('embedded-opentype'),
	url('fonts/TradeGothicLTBoldCondensed20.svg#TradeGothic LT CondEighteen') format('svg'),
	url('fonts/TradeGothicLTBoldCondensed20.woff') format('woff'),
	url('fonts/TradeGothicLTBoldCondensed20.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TradeGothic20Oblique";
	src: url('fonts/TradeGothicLTBoldCondensed20Oblique.eot');
	src: url('fonts/TradeGothicLTBoldCondensed20Oblique.eot?#iefix') format('embedded-opentype'),
	url('fonts/TradeGothicLTBoldCondensed20Oblique.svg#TradeGothic LT CondEighteen') format('svg'),
	url('fonts/TradeGothicLTBoldCondensed20Oblique.woff') format('woff'),
	url('fonts/TradeGothicLTBoldCondensed20Oblique.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body{
	margin: 0px;
	padding: 0px;
	background-color: white;
	color: black;
	font-family: "TradeGothic18";
}

.sideBar{
	width: 190px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: black url(../img/bgbar.jpg);
	background-size: cover;
	background-repeat: repeat-y;
	color: white;
}

.bloglink{
	width: 100px;
	height: 50px;
	position: fixed;
	cursor: pointer;
	left: 30px;
	bottom: 20px;
}

.bloglink:hover{
	background-position: 0 51;
}

.shares{
	padding-bottom: 10px;
	margin-top: 5px;
}

.shares div{
	display: inline-block;
	background: url(../img/shares.png);
	width: 24px;
	height: 24.5px;
	margin-left: 0px;
	cursor: pointer;
	margin-right: 10px;
	zoom: 1.7;
}

.googleplus{
	background-position: 0px !important;
}

.twitter{
	background-position: 52px !important;
}

.facebook{
	background-position: 24px !important;
}

.bxslider{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.bx-wrapper{
	margin: 0px !important;
	margin-left: 190px !important;
	height: 100%;
}

.bx-viewport{
	height: 100% !important;
}

.bx-wrapper .bx-viewport{
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 0px !important;
	border: 0px !important;
	left: 0px !important;
	background: transparent !important;
}

li{
	height: 100%;
	color: white;
}

.bx-controls{
	display: none;
}

#bx-pager{
	position: relative;
	top: 50px;
}

#bx-pager a{
	display: block;
	font-size: 20px;
	color: white;
	text-decoration: none;
	border-bottom: 1px solid #898989;
	font-weight: bold;
	padding-left: 7px;
	line-height: 35px;
	outline: none;
}

#bx-pager a:first-child{
	background-color: #454545;
}

#bx-pager a:last-child{
	border-bottom: 0px;
}

#home{
	background: url(../img/bg1.jpg);
	background-size: cover;
	background-position: top center;
}

.contentHome{
	padding-top: 95px;
	width: 100%;
	text-align: center;
}

.homeBox{
	background-color: rgba(0, 0, 0, 0.5);
	width: 90%;
	margin: auto;
}

#genralinformationContent.homeBox{
	
}

.content{
	padding-top: 47px;
	padding-left: 49px
}

.title{
	font-size: 60px;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	text-transform: uppercase;
}

.title2{
	font-size: 80px;
	font-weight: bold;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	padding-top: 10px;
}

.title3{
	font-size: 26px;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	padding: 10 20 10 20;
	text-align: center;
}

.title4{
	font-size: 24px !important;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	margin-left: auto;
	padding: 10 20 10 20;
	text-align: center;
}

.sliderPage{
	background: black;
}

.sliderPage{
	background: url(../img/bgtunnels.jpg);
	background-size: cover;
	background-position: bottom center;
	color: black;
}

.title-page{
	font-size: 38px;
	font-weight: bold;
}

.p-page{
	font-size: 21px;
	margin-top: 19px;
	margin-bottom: 20px;
	max-width: 68%;
}

.table{
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.table-row{
	display: table-row;
}

.table-row:first-child{
	border-bottom: solid transparent 50px;
}

.table-cell{
	display: table-cell;
	text-align: center;
	font-family: "TradeGothic20";
	font-size: 17px;
	vertical-align: top;
	padding-right: 25px;
}

.table-row .table-cell:nth-child(2){
	border-right: 0px;
}

.table-cell:first-child{
	//padding-left: 0px;
}

.table-cell:last-child{
	border-right: 0px;
}

iframe{
	display: block;
	text-align: center;
}

.content-display .table-cell{
	border-right: #636363 1px solid;
	vertical-align: top;
}

.content-display .table-cell:last-child{
	border-right: 0px;
	width: 40%;
}

.table-cell .video-container:last-child{
	margin-bottom: 0px;
}

.table-header{
	line-height: 50px;
}

.info div{
	float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 181px;
    height: 0;
    margin-bottom: 10px;
}

.info img{
	position: absolute;
    top: 0;
    left: 0;
    max-height: 181px;
}

.video-column{
	width: 20%;
}

.info{
	width: 20%;
}

.pictures{
	width: 40%;
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.imgwrapper {
	position: relative;
	padding-bottom: 100%;
	padding-top: 25px;
	height: 0;
}
.imgwrapper img {
	position: absolute;
	top: 0;
	left: 0;
}

.imgwrapper2 {
	position: relative;
}
.imgwrapper2 img {
	position: absolute;
	top: 0;
	left: 0;
	border-right: 1px solid #989997;
	padding-right: 24px;
}

.sliderPage .bx-controls{
	display: none;
}

.sliderPage .bx-wrapper{
	margin: 0px !important;
	margin-left: 0px !important;
	height: 100%;
}

.bx-pager{
	display: none;
}

.sliderPage .bx-viewport{
	height: auto !important;
}

.bx-wrapper .bx-viewport{
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 0px !important;
	border: 0px !important;
	left: 0px !important;
	background: transparent !important;
}

.sliderPage li{
	height: 100%;
	color: black;
}

.pagerClass{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 25px;
	margin-top: 25px;
}

.pagerClass li{ 
	float: left;
	margin: 0;
	padding: 0;
}
	
.pagerClass a{
	display: inline-block;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	font-weight: bold;
	font-size: 21px;
	color: #FFF;
	background: #000;
	text-transform: uppercase;
	margin-left: -3px;
}

.pagerClass a:first-child{
	margin-left: 0px;
}
	
.pagerClass a:hover{
	text-decoration: underline;
	background: rgb(96,96,96); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(0,0,0,1) 56%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(56%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 56%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 56%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 56%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 56%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.pagerClass .active{
	text-decoration: underline;
	background: rgb(96,96,96); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(0,0,0,1) 56%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(56%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 56%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 56%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 56%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 56%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
	
ul#more {
	clear: left;
	margin-top: 60px;
}

.last{
	padding: 10px;
}

.table-cell-space{
	display: table-cell;
	width: 25px;
}

.videos .table-cell:first-child {
	border-right: 1px solid #989997;
}

.articles img{
	border: 1px solid #ddd;
	padding: 6px;
	background: #fff;
	border-color: #bbb;
	cursor: pointer;
	margin-bottom: 20px;
}

.linkTitle{
	position: absolute;
	margin-top: -100px;
	left: 7px;
	background: rgba(0, 0, 0, 0.7);
	width: 600px;
	line-height: 36px;
	font-size: 32;
	text-align: center;
	color: white;
	text-decoration: none !important;
	cursor: pointer;
}

.readmore{
	position: absolute;
	margin-top: -58px;
	left: 4px;
	width: 600px;
	line-height: 36px;
	font-size: 21;
	text-align: right;
	color: white;
	text-decoration: none !important;
	cursor: pointer;
}

.articles .table-row:first-child{
	border-bottom: 0px !important;
}

.imgBox{
   cursor: pointer;
}
/* jssor slider bullet navigator skin 03 css */
/*
.jssorb03 div           (normal)
.jssorb03 div:hover     (normal mouseover)
.jssorb03 .av           (active)
.jssorb03 .av:hover     (active mouseover)
.jssorb03 .dn           (mousedown)
*/
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
{
    background: url(../gallery/img/b03.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l              (normal)
.jssora03r              (normal)
.jssora03l:hover        (normal mouseover)
.jssora03r:hover        (normal mouseover)
.jssora03ldn            (mousedown)
.jssora03rdn            (mousedown)
*/
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(../gallery/img/a03.png) no-repeat;
    overflow:hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }

.sliderPage{
	overflow-y: auto;
}

.timelineDisplay{
	margin-left: 72px;
	padding-top: 50px;
	border-left: 2px solid #000;
	padding-left: 70px;
	height: 100%;
}

.circle{
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background-color: black;
	position: absolute;
	left: 61px;
	margin-top: 0.5%;
}

.date{
    font-family: "TradeGothic20Oblique";
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
}

.redTitle{
	font-family: "TradeGothic20";
	color: white;
	background: #9f2020 url(../img/bgtimetitle.jpg);
	background-size: cover;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5 7 5 7;
	display: inline-block;
	width: 20%;
}

.text{
	display: block;
    font-size: 20px;
    text-transform:uppercase;
    list-style-type:disc;
    margin-bottom: 36px;
}

.text li{
	height: auto;
}

#summary{
	background: url(../img/timelinebg.jpg);
	background-size: cover;
	background-position: top center;
}

.summaryDisplay{
	width: 80%;
	padding-top: 50px;
	padding-left: 72px;
	text-align: left;
}

.recap{
	font-family: "TradeGothic20";
    color: white;
    background: #303d60 url(../img/bgsummarytitle.jpg);
    background-size: cover;
	font-size: 70px;
	font-weight: bold;
	text-transform:uppercase;
	padding: 5 7 5 7;
}

.subRecap{
	font-family: "TradeGothic20";
	font-size: 30px;
	color: black;
}

.erb-image-wrapper{
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
}
.erb-image-wrapper img{
	width: 95% !important;
	display: block;
	float: left;
}

#summaryImgs img:nth-child(2){
	margin-top: 10%;
}

#summaryImgs .table{
	width: 80%;
	margin-top: 3%;
}

.sharesPage{
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9999;
	padding: 1%;
}

.sharesPage div, .sharesPageTop div{
	background: url(../img/sharesblack.png);
}

.tweets{
	width: 80%;
}

.glisse-download-container{
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 2%;
}

.glisse-download-container a{
	text-decoration: none;
}

.glisse-download{
	width: 200px;
	height: 45px;
	background: black;
	margin: auto;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	text-align: center;
	font-size: 24px;
	line-height: 42px;
}