#slideShow{
	float:left;
	width:50%;
	border-top:2px solid #245293;
}

#slideShow div.img{
	position:absolute;
	height:540px;
	width:50%;
	clear:both;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

#SlideCtrl{
	width:50%;
	height:160px;
	background-color:#023878;
	float:right;
}

#dots{
	width:140px;
	height:20px;
	margin:120px auto 0px auto;
	color:#ffffff;
}

#dots div{
	margin-left:5px;
}

#dots .dot{
	width:18px;
	height:18px;
	float:left;
	background-color:#25a4d1;
	transition:all 1s;
}

#dots .active{
	background-color:#feb914;
}

#controller{
	margin:93px 10px 0px 0px;
	float:left;
	width:80px;
	height:40px;
}

#controller i{
	margin-left:10px;
	cursor:pointer;
	color:#819cbc;
	transition:all 0.5s;
}

#controller i:hover{
	color:#ffffff;
}

@media only screen and (max-width:1000px){
	#slideShow{
		width:100%;
		margin-top:0px;
	}
	
	#slideShow div.img{
		width:100%;
		height:500px;
	}
	
#SlideCtrl{
		margin-top:500px;
		width:100%;
	}
}