/****Slider****/

div.slider-container  {
	width: 100%;
	max-width: 2000px;
	height: 100%;
	position: relative;
	border: none;
	padding: 0px;
	z-index: 2;
	overflow: hidden;
	margin: 0px;
	background: rgba(0,0,0,0.3);
}

ul[id ^= slider] {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	max-height: 100%;
	width: 1000%;
	z-index: 3;
	padding: 0px;
	margin: 0px;
	background: none;
	display: block;
	list-style: none;
	overflow: hidden;
}

ul[id ^= slider] li.slide {
	position: relative;
	float: left;
	display: block;
	margin: 0px;
	width: 10%;
	height: 100%;
	overflow: hidden;
}

.slide div, .slide h1, .slide h2, .slide h3, .slide h4, .slide p, .slide img {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.slide .slide-header {
	overflow: hidden;
	width: 100%;
	height: 86px;
}

.slide .slide-header h3, .slide .slide-header h3 a {
	font-family: "Georgia";
	font-weight: normal;
	font-size: 28px;
	color: #fff;
}

.slide .slide-header h3 {
	width: auto;
	float: none;
	margin: 36px auto 0px auto;
	display: table;
	opacity: 0.2;
	-webkit-transition: opacity 0.3s ease-out 0.0s;
	-moz-transition: opacity 0.3s ease-out 0.0s;
	-o-transition: opacity 0.3s ease-out 0.0s;
	transition: opacity 0.3s ease-out 0.0s;
}


.slide .slide-header h3:after, .slide .slide-header h3:before {
	content: " ";
	position: absolute;
	border-bottom: 2px solid #fff;
	width: 1000px;
	top: 50%;
	-webkit-transition: opacity 0.3s ease-out 0.0s, left 0.5s ease-out 0.0s, right 0.5s ease-out 0.0s;
	-moz-transition: opacity 0.3s ease-out 0.0s, left 0.5s ease-out 0.0s, right 0.5s ease-out 0.0s;
	-o-transition: opacity 0.3s ease-out 0.0s, left 0.5s ease-out 0.0s, right 0.5s ease-out 0.0s;
	transition: opacity 0.3s ease-out 0.0s, left 0.5s ease-out 0.0s, right 0.5s ease-out 0.0s;
	opacity: 1.0;
}

.slide .slide-header h3:after {
	left: 1000px;
}

.slide .slide-header h3:before {
	right: 1000px;
}

.slide.active .slide-header h3:after {
	left: 100%;
	margin-left: 20px;
}

.slide.active .slide-header h3:before {
	right: 100%;
	margin-right: 20px;
}

.slide.active .slide-header h3 {
	opacity: 1.0;
}

.slide .slide-info {
	width: 51%;
	height: 56%;
	margin-top: 4%;
}

.slide .slide-info .slide-info-background {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	opacity: 0.0;
	background: rgba(255, 255, 255, 0.09);
	transform: skewX(20deg);
	margin-left: -64px;
	-webkit-transition: opacity 0.6s ease-out 0.0s;
	-moz-transition: opacity 0.6s ease-out 0.0s;
	-o-transition: opacity 0.6s ease-out 0.0s;
	transition: opacity 0.6s ease-out 0.0s;
}

.slide.active .slide-info .slide-info-background {
	opacity: 1.0;
}

.slide .slide-info ul {
	height: 100%;
	width: auto;
	float: right;
	list-style: none;
	padding-top: 14px;
	box-sizing: border-box;
	display: block;
}

.slide .slide-info ul li, .slide .slide-info ul li a {
	font-family: "Georgia";
	font-size: 20px;
	color: #fff;
}

.slide .slide-info ul li {
	text-align: left;
	width: auto;
	margin: 18px 0px 18px 0px;
	float: left;
	clear: both;
	left: -110px;
	opacity: 0.0;
	max-width: 350px;
	-webkit-transition: opacity 0.3s ease-out 0.0s, left 0.3s ease-out 0.0s;
	-moz-transition: opacity 0.3s ease-out 0.0s, left 0.3s ease-out 0.0s;
	-o-transition: opacity 0.3s ease-out 0.0s, left 0.3s ease-out 0.0s;
	transition: opacity 0.3s ease-out 0.0s, left 0.3s ease-out 0.0s;
}



.slide .slide-info ul li:before {
	content: " ";
	right: 100%;
	margin-right: 18px;
	border-bottom: 2px solid #fff;
	width: 1000px;
	top: 50%;
	position: absolute;
}

.slide .slide-info ul li:nth-child(1) {
	margin-right: 190px;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.slide .slide-info ul li:nth-child(2) {
	margin-left: 53px;
	margin-right: 86px;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.slide .slide-info ul li:nth-child(3) {
	margin-left: 110px;
	margin-right: 66px;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.slide .slide-info ul li:nth-child(4) {
	margin-left: 173px;
	margin-right: 54px;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.slide.active .slide-info ul li {
	opacity: 1.0;
	left: 0px;
}


.slide img {
	max-width: 43%;
	float: right;
	margin-right: 55px;
	opacity: 0.0;
	right: -700px;
	-webkit-transition: opacity 0.6s ease-out 0.0s, right 0.6s ease-out 0.0s;
	-moz-transition: opacity 0.6s ease-out 0.0s, right 0.6s ease-out 0.0s;
	-o-transition: opacity 0.6s ease-out 0.0s, right 0.6s ease-out 0.0s;
	transition: opacity 0.6s ease-out 0.0s, right 0.6s ease-out 0.0s;
}

.slide.active img {
	opacity: 1.0;
	right: 0px;
}

div[id ^= slider-goleft], div[id ^= slider-goright] {
	position: absolute;
	top: 0px;
	width: 20px;
	height: 17px;
	z-index: 11;
	cursor: pointer;
}

div[id ^= slider-goleft]:hover {
	background: url("images/slider-goleft-hover.png") center top no-repeat;
}

.slider-goleft-hoverimg {
	background: url("images/slider-goleft-hover.png") center top no-repeat;
	opacity: 0;
	position: absolute;
	top: -10000px;
}

.slider-goright-hoverimg {
	background: url("images/slider-goright-hover.png") center top no-repeat;
	opacity: 0;
	position: absolute;
	top: -10000px;
}

div[id ^= slider-goright]:hover {
	background: url("images/slider-goright-hover.png") center top no-repeat;
}

div[id ^= slider-goleft] {
	right: 100%;
	margin-right: 30px;
	background: url("images/slider-goleft.png") center top no-repeat;
}

div[id ^= slider-goright] {
	left: 100%;
	margin-left: 30px;
	background: url("images/slider-goright.png") center top no-repeat;
}

div.navigation-slider-panel {
	position: absolute;
	width: 100%;
	height: 22px;
	bottom: 10px;
	left: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.navigation-slider-panel > div {
	position: relative;
	margin: 0 auto;
	float: none;
	display: inline-block;
}

ul[class^=nav-slider-] {
	position: relative;
	float: left;
	margin: 3px 0px;
	width: auto;
	height: 100%;
	list-style: none;
}

ul[class^=nav-slider-] li {
	position: relative;
	float: left;
	width: 12px;
	height: 12px;
	margin: 0px 3px;
	border-radius: 15px;
	background: #d4d4d4;
	cursor: pointer;
	z-index: 3;
}

ul[class^=nav-slider-] li.active {
	background: #f6d20a;
}