#featured{
	position: relative;
	height: 500px;
	z-index: 10;
}
	#featured .arrow{
		position: absolute;
		z-index: 20;
		top: 40%;
		width: 40px;
		height: 80px;
		text-indent: -9999px;
		background: transparent url() scroll no-repeat left top;
		transition: background-color .2s;
	}
	#featured .arrow:hover { background-color: rgba(0,0,0,.25); }
		#featured .arrow.left{
			left: 0px;
			background-image: url(../images/arrow_left.png);
		}
		#featured .arrow.right{
			right: 0px;
			background-image: url(../images/arrow_right.png);
		}

	#featured .items{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
		#featured .items .item{
			display: none;
			height: 500px;
			box-shadow: 0 0 80px rgba(0,0,0,.75) inset;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
		}
			#featured .items .item.active{
				display: block;
			}
			#featured .items .info-mobile{
				display: none;
			}
			#featured .items .item .info{
				background: rgb(0,54,114); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,54,114,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,54,114,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,54,114,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,54,114,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,54,114,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,54,114,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#003672',GradientType=0 ); /* IE6-9 */
				height: 200px;
				width: 100%;
				position: absolute;
				left: 0px;
				bottom: 0px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
			}
				#featured .items .item .info .title a{
					color: #fff;
					border-bottom: dashed 1px rgba(255,255,255,.35);
					padding-bottom: 20px;
					width: 90%;
					position: absolute;
					left: 5%;
					bottom: 65px;
					font-weight: bold;
					text-shadow: 1px 1px 2px rgba(0,0,0,.7)
				}
					#featured .items .item .info .title a:hover
					, #featured .items .item .info .title a:active
					, #featured .items .item .info .title a:focus{
						color: #ffe699;
						text-decoration: none
					}
				#featured .items .item .info .abstract{
					display: none;
				}
				#featured .items .item .info .view-more{
					position: absolute;
					right: 5%;
					bottom: 30px;
					color: #fff;
					font-size: 18px;
					font-weight: bold;
					display: block;
					padding-right: 30px;
					background: transparent url(../../images/icon_more.png) scroll no-repeat right center;
				}
					#featured .items .item .info .view-more:hover{
						text-decoration: none;
						color: #ffe699;
					}
	#featured .list-nav{
		position: absolute;
		z-index: 20;
		left: 5%;
		bottom: 10px;
	}
		#featured .list-nav a{
			font-size: 16px;
			width: 30px;
			height: 30px;
			border-radius:50%;
			color: white;
			margin: 10px 5px;
			display: block;
			float: left;
			text-align: center;
			line-height: 30px;
			transition: background-color .2s;
		}
			#featured .list-nav a:hover
			, #featured .list-nav a.active{
				text-decoration: none;
				color: rgb(0,54,114);
				background-color: white;
			}


@media(max-width: 969px){
 #featured {
    position: relative;
    height: 300px;
    z-index: 10;
}
	 #featured .items .item { 
    height: 300px; 
	    background-size: 130%;
}
	#featured .items .item .info .title a{
		font-size: 17px; 
	}

}

@media(max-width: 500px){
 #featured {
    position: relative;
    height: 220px;
    z-index: 10;
}
	 #featured .items .item { 
    height: 220px; 
	    background-size: 130%;
}
	#featured .items .item .info .title a{
		font-size: 17px; 
	}

}

@media(max-width: 300px){
 #featured {
    position: relative;
    height: 180px;
    z-index: 10;
}
	 #featured .items .item { 
    height: 180px; 
	    background-size: 130%;
}
	#featured .items .item .info .title a{
		font-size: 17px; 
	}
		#featured .items .item .info h1{
		display:none; 
	}

}
@media(max-width: 325px){
	header h1 a{
		padding-bottom: 8%;
	}
}
/*  */