/*  CSS Document                             */

body { margin: 0; padding: 0; font-size: 16px; font-family: 'Cabin', sans-serif; font-weight:500; }

.port_container{

}

.timeline { position: relative; margin: 30px 0px 20px 0px;}

.timeline h1 {
	font-family: 'Cabin', sans-serif;
	font-weight: 700;
	position: absolute;
	top: 10px;
	left: 0px;
	text-align: center;
	width: 100%;
	margin: 0px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	font-size: 1.2em;
	z-index: 1;
	text-transform: uppercase;
	color:#fff;
	padding-bottom: 10px;
	letter-spacing: 2px;
}

.timeline .panel_container {
	overflow: hidden;
	position: relative; margin: 10px 0px 0px 0px; width: 100%; height: 300px;
	/* If needed insert gradient css here */
	background: rgb(5,5,5); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(5,5,5,1) 46%, rgba(30,30,30,1) 46%, rgba(255,255,255,1) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(46%,rgba(5,5,5,1)), color-stop(46%,rgba(30,30,30,1)), color-stop(50%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(5,5,5,1) 46%,rgba(30,30,30,1) 46%,rgba(255,255,255,1) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(5,5,5,1) 46%,rgba(30,30,30,1) 46%,rgba(255,255,255,1) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(5,5,5,1) 46%,rgba(30,30,30,1) 46%,rgba(255,255,255,1) 50%); /* IE10+ */
	background: linear-gradient(to right,  rgba(5,5,5,1) 46%,rgba(30,30,30,1) 46%,rgba(255,255,255,1) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */














}

.timeline .background_slider { position: absolute; width: inherit; height: inherit; }
.timeline .background_slider img {position: absolute; top: 0px; left: 0px; }

.timeline .panel_slider { width: 100%; position: absolute; }
.timeline .panel { width: 340px; position: absolute; }

.timeline .panel_content  { padding: 75px 10px 0px 40px; position: relative; }

.timeline .panel_content h2 { font-size: 1em; color: #fff; margin: 0px 0px 8px 0px;text-shadow: 2px 2px 1px #000; }

.timeline .panel_content p { margin: 0px 0px 1em 0px; position: relative; color:#000000; }

.timeline .panel_content .label {
	position: absolute;
	top: 12px; right: 30px;
	font-size: 3em;
	color: rgba(0, 0, 0, 0.7);
	text-align: right;
	font-family: Cabin;
}

.timeline nav { position: absolute; bottom: 0px; left: 0px; text-align: center; width: inherit; }
.timeline nav a {
	color: #ffffff;
	font-size: .9em;
	display: inline-block;
	padding: 5px 10px;
	border-color: #000;
	border-style: solid;
	border-left-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-top-width: 8px;
	text-decoration: none;
	text-shadow: 2px 2px 1px #000;
}

.timeline nav a:first-child { border-left-width: 8px; }
.timeline nav a:last-child { border-right-width: 8px; }
.timeline nav a.selected { background-color:#C52026; }

.timeline .panel img.refco {margin: 0px 0px 10px 0px; }
.timeline .panel img.ml {float:left; margin: 10px 20px 0px 0px; }
.timeline .panel img.entrust {float: left; margin-right: 20px; }
/*.timeline .panel img.wwww {float: left; margin: 10px 15px 0px 0px; }*/
.timeline .panel img.pfg {float: right; margin: 10px 0px 0px 10px; }
.timeline .panel img.ai {float: right; margin: 10px 30px 0px 10px; }

.clear_both { clear:both; }


@media all and (max-width:500px) {

	.timeline { margin: 0px; background-image:url(../images/background_small2.jpg); /*#81194c url(../images/background_small.jpg)*/ no-repeat center 0px; }
	.timeline h1 { text-align:left; padding: 10px 10px 10px 20px; }
	.timeline .panel_container { height:auto; background:none; filter: none; margin: 0px; }
	.timeline .panel_slider { position:static; height:auto; }
	.timeline .panel {
		width: auto;
		height: auto;
		position: static;
		border-top: 1px solid rgba(255,255,255,.3);
		padding-bottom: 20px;
		padding-top:20px;
	}


.timeline nav { display:none; }
.timeline .background_slider{ display: none;}
.timeline .panel:first-child { padding-top: 40px;}
.timeline .panel_content { padding-top: 60px;}
.timeline .panel_content .label{ top:-10px; right:10px; }
/* .timeline .panel img.www {margin: 0px 25px 0px 0px;}*/
.timeline .panel img.pfg {margin: 10px 40px 0px 20px;}
.timeline .panel img.ai { float:left; margin: 10px 15px 0px 0px;}

.timeline .panel_content p {
    color: #fff;
}

.timeline .panel_content .label {
    color: rgba(255, 255, 255, 0.7);
}

.timeline h2 {
    color: #C52026;;
}


}