body {
	font-family: 'open sans', sans-serif;
	overflow-x: hidden;
	background:url(/uploads/image/pmimages/metro-bg.jpg);
}

.navbar{margin-bottom:0;}
.navbar-brand{font-size:17px;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover{
	color:#333;	
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a{
	color:#111;	
	opacity:.8;
	border-top-style:none !important;
	border-left-style:none !important;
	border-right-style:none !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover{
	font-weight:bold;
}
.intro{
	font-size:15px;
	line-height:22px;
	margin-top:30px;	
}
#about, #banner-top, .scenery-bg{
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
	/*background-attachment:fixed !important;*/
    position: relative;
    color: #fff;
    width: 100%;
    height: 100vh;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

#about .overlay, #banner-top .overlay, .scenery-bg .overlay {
    position: absolute;
    background: rgba(03,03,03,0.5);
    width: 100%;
    height: 100%;
    top: 0;
}

#about h2, #banner-top h2, .scenery-bg h2{
    font-size: 64px;
	font-weight:bold;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 16px;
	text-align:center !important;
}
.scenery-bg h2{font-size:70px;}

#about small, #banner-top small, .scenery-bg small {
    color: #fff;
    display: block;
    margin-top: 50px;
    line-height: 30px;
	text-align:justify !important;
}

.scenery-bg small{margin-bottom: 10px;text-align:center !important;}

h2 small {
    font-family: 'open sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
    display: block;
}

/*=========================*/
/* timeline */
/*=========================*/
#tline {
	margin-top:50px;
	padding-bottom:60px;
}
#tline .section-heading{
	margin-bottom:30px;	
}
.tline-holder {
	margin:0 auto;
	padding:0px;
	padding-top:40px;
	width:100%;
	position:relative;
	overflow:hidden;
	list-style:none;
	margin-left:-40px;
	margin-bottom:50px;
}
.tline-item-right:before {
	background:#bd1515;
	content:"";
	top:20px;
	bottom:0px;
	position:absolute;
	width:7px;
	margin-left:6px;
	height:9999px;
	z-index:-99;
}

.line2:before{
	background:#009900;	
}

.line3:before{
	background:#f1d203;	
}

.line4:before{
	background:#801880;
}

.line5:before{
	background:#cc00cc;
}

.line6:before{
	background:#ff3366;
}

.line7:before{
	background:#ef7801;
}

.line8:before{
	background:#0066cc;
}

.line9:before{
	background:#95d3db;
}

.line10:before{
	background:#c0a8d1;
}

.line11:before{
	background:#800000;
}

ul .tline-holder>li {
	width:100%;
	float:left;
	display:inline-block;
}
.tline-item-content {
	width:480px;
}
.tline-item-txt {
	position:relative;
	padding:20px 0;
	background:#fff;
	border:1px solid #e4e4e4;
	border-radius:6px;
	margin-top: 20px;
	box-shadow: 0 0 24px #dfdfdf;
}

.tline-item-txt a{
	display:block;
}
.tline-item-txt h3 {
	font-size:18px;
	line-height:24px;
	margin-top:0px;
	margin-bottom:15px;
	color:#333;
}
.tline-item-txt .site-thumb{	

}
.tline-item-txt .meta {
	color:#999;
}
.tline-item-left .tline-item-content:hover .date-icon,.tline-item-right .tline-item-content:hover .date-icon {
	-webkit-animation:pulse .3s;
	animation:pulse .3s;
}
.tline-item-left {
	float:left;
	position:relative;
}
.tline-item-left .tline-item-content {
	float:left;
}
.tline-item-left .tline-item-txt {
	margin-right:60px;
}
.tline-item-left .tline-item-txt p{text-align:right;}
.tline-item-content .left, .tline-item-left .date-icon {
	margin-right:-5px;
	float:right;
}
.tline-item-content .right, .tline-item-right .date-icon{
	margin-left:-5px;
	float:left;
}
.tline-item-right {
	float:right;
	position:relative;
}
.tline-item-right .tline-item-content {
	float:right;
}
.tline-item-right .tline-item-txt {
	margin-left:60px;
}
.tline-item-right .tline-item-txt p{text-align:left;}
.tline-item-content img.right, .tline-item-right .date-icon {
	margin-left:-14px;
	float:left;
}
.tline-item-txt:before,.tline-item-txt:after {
	content:" ";
	position:absolute;
	top:24px;
	display:block;
	width:0;
	height:0;
	border-top:solid 15px transparent;
	border-bottom:solid 15px transparent;
}
.tline-item-left .tline-item-txt:before,.tline-item-left .tline-item-txt:after {
	right:-18px;
	border-left:solid 20px #fff;
}
.tline-item-left .tline-item-txt:before {
	right:-20px;
	border-left-color:#e4e4e4;
}
.tline-item-right .tline-item-txt:before,.tline-item-right .tline-item-txt:after {
	left:-18px;
	border-right:solid 20px #fff;
}
.tline-item-right .tline-item-txt:before {
	left:-20px;
	border-right-color:#e4e4e4;
}
.tline-item-content .site, .date-icon {
	text-align:center;
	width:30px;
	height:30px;
	margin-top:46px;
	background-color:#fff;
	border: solid 4px #111;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
.tline-start {
	width:100%;
	float:left;
	padding:0px;
	position:relative;
}
.tline-start-content {
	text-align:center;
}
.tline-start .tline-start-icon {
	margin:0 auto;
	margin-bottom:20px;
	width:12px;
	height:12px;
	background:#e4e4e4;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}

.site-scenery h2{
	font-size:24px;
	color:#fff;
	text-align:center;	
	font-weight:bold;
	margin:50px auto 0 auto;
	padding:10px 0;
	border:solid 1px #111;
	background:#111;
}
.scenery-bg{
	background-attachment:fixed;	
}
.scenery{margin-top:40px;}

.scenery img{
	width:100%;	
	margin-bottom:15px;
}

.scenery .scenery-title{
	font-size:22px;
	font-weight:bold;
	color:#c81b1b;
	margin-bottom:15px;
}

.scenery p{
	font-size:16px;
	line-height:24px;	
	margin-bottom:15px;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right:15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(200, 27, 27, 0.8) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.top2{
	background: rgba(0, 153, 0, 0.8) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}
.top3{
	color:#333;
	background: rgba(220, 188, 26, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}
.top4{
	color:#333;
	background: rgba(145, 24, 145, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}
.top5{
	color:#333;
	background: rgba(204, 0, 204, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}
.top6 {
    color: #333;
    background: rgba(255, 51, 102, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}
.top7 {
    color: #333;
    background: rgba(239, 120, 1, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}
.top8 {
    color: #333;
    background: rgba(0, 102, 204, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}

.top9 {
    color: #333;
    background: rgba(149, 211, 219, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}

.top10 {
    color: #333;
    background: rgba(180, 140, 208, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}

.top11 {
    color: #333;
    background: rgba(128, 0, 0, 0.9) url(/uploads/image/pmimages/cd-top-arrow.svg) no-repeat center 50%;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.tline-item-right .tline-item-txt {
		margin-left:-10px;
		margin-right: 70px;
	}
	.tline-item-right:before {
		margin-left: -59px;
	}
	
	.tline-item-content .site, .date-icon {
		margin-left: -70px;
	}
	
	.tline-holder{
		margin-left:10px;	
	}
}

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

.tline-holder{
	margin-left:-120px;	
}

}

@media only screen and (max-width:767px) {
.intro{margin-top:10px;margin-bottom:20px;}

#about h2, #banner-top h2, .scenery-bg h2{
    font-size: 36px;
    line-height: 36px;
}
#about small, #banner-top small {
    font-size: 15px;
    line-height: 24px;
    margin-top: 20px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a{
	border-top-style:none !important;
	border-bottom-style:none !important;
	border-righ-stylet:none !important;
}

.tline-holder{
	padding-top:0;
	margin-left:10px;	
}
.tline-item-content .site, .date-icon{
	width:25px;
	height:25px;
	border: solid 2px #111;
	margin-left:5px;	
}
.tline-item-right:before {
	content:"";
	top:20px;
	bottom:0px;
	position:absolute;
	width:7px;
	margin-left: 14px;
	height:9999px;
	z-index:-99;
}
.tline-item-txt h3{
	font-size:15px;
	line-height:20px;	
}
	
.tline-item-right .tline-item-txt {
	margin-left:60px;
}
.tline-item-content {
		margin: 0;
}
.tline-item-right,.tline-item-left {
	clear:both;
	float:none;
}
.tline-item-content {
	width:100%;
}
.tline-item-left .date-icon {
	margin-right:0;
}
.tline-item-right .date-icon {
	margin-left:0;
}
.tline-item-left .tline-item-txt{margin-right:80px;}
.tline-item-right .tline-item-txt{margin-left:60px;margin-right:25px;}
.tline-item-content img.left, .tline-item-left .date-icon{margin-right:4px;margin-top:32px;padding:10px auto;}
.tline-item-content img.right, .tline-item-right .date-icon{margin-left:4px;margin-top:32px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a{
	color:#111;	
	opacity:.8;
	border-top:none !important;
	border-bottom:solid 1px #dfdfdf !important;
	border-right:none !important;
}

.navbar-default .navbar-nav>li:nth-child(1) {
	border-left:solid 3px #bd1515;
}
.navbar-default .navbar-nav>li:nth-child(2) {
	border-left:solid 3px #009900;
}
.navbar-default .navbar-nav>li:nth-child(3) {
	border-left:solid 3px #ffff00;
}
.navbar-default .navbar-nav>li:nth-child(4) {
	border-left:solid 3px #660066;
}
.navbar-default .navbar-nav>li:nth-child(5) {
	border-left:solid 3px #cc00cc;
}
.navbar-default .navbar-nav>li:nth-child(6) {
	border-left:solid 3px #ff3366;
}
.navbar-default .navbar-nav>li:nth-child(7) {
	border-left:solid 3px #ff7200;
}
.navbar-default .navbar-nav>li:nth-child(8) {
	border-left:solid 3px #0066cc;
}
.navbar-default .navbar-nav>li:nth-child(9) {
	border-left:solid 3px #95d3db;
}
.navbar-default .navbar-nav>li:nth-child(10) {
	border-left:solid 3px #c0a8d1;
}
.navbar-default .navbar-nav>li:nth-child(11) {
	border-left:solid 3px #800000;
}
.navbar-default .navbar-nav>li:nth-child(12) {
	border-left:solid 3px #007c65;
}
.navbar-default .navbar-nav>li:nth-child(13) {
	border-left:solid 3px #ef81c5;
}
.navbar-default .navbar-nav>li:nth-child(14) {
	border-left:solid 3px #92cec2;
}
.navbar-default .navbar-nav>li:nth-child(15) {
	border-left:solid 3px #b77976;
}

.scenery-bg{
	background-attachment:inherit;
}
.site-scenery h2{
	font-size:18px;
	margin-top:40px;
}
.scenery {
    margin-top: 20px;
}

.scenery .scenery-title {
    font-size: 18px;
}

}