.helm-boy {
	width: 908px;
	position: absolute;
	margin: auto;
	top: 204px;
	left: 270px;
	z-index: 100;
}

.helm-boy-info {
	position: absolute;
	width: 0px;
	height: 100%;
	background: orange;
	top: -3px;
	border-radius: 20px 0px 0px 20px;
	border: 3px solid #FFF;
	right: -4px;
	z-index: -10;
	opacity: 0;

//	transform: rotate(20deg);
//	-webkit-transform: rotate(10deg);
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	}

.helm-boy:hover .helm-boy-info {
	width: 900px;
	opacity: 0.9;
	

	
		-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}

.helm-boy img {
	width: 450px;
	right: 0;
	z-index: 9;
	margin-left: 459px;
}

#slider-wrapper-products {
	position: absolute;
	width: 1200px;
	height: 338px;
	top: 185px;
	margin-bottom: 13px;
}

.title-products {
	width: 570px;
	position: absolute;
	height: 100px;
	top: -70px;
	left: 150px;
	text-shadow: 0px 5px 10px #333;
}

.title-products img {
	width: 900px;
}

.title-products a {
	font-size: 90px;
	font-family: Inder, sans-serif;
	color: white;
	padding: 0;
	width: 100px;
	height: 300px;
}

.title-about {
	width: 570px;
	height: 100px;
	position: absolute;
	top: -90px;
	left: 50px;
	text-shadow: 0px 5px 10px #333;
}

.title-about img {
	width: 1100px;
}

.title-about a {
	font-size: 90px;
	font-family: Inder, sans-serif;
	color: white;
	padding: 0;
	width: 100px;
	height: 300px;
}

.slider-frame {
			width: 1200px;
			height: 338px;
			background: #FFF;
			position: absolute;
			opacity: 0.9;
			box-shadow: 0px 20px 30px #666;
}
		
		#fun-trip {
			top: 59px;
			width: 1200;
			height: 560px;
			display: block;
			position: relative;
		
			box-shadow:  0px 10px 20px #333;
}
		
		/* SLIDER */
		#slider {
			width: 1160px;
			height: 300px;
			display: block;
			position: absolute;
			overflow: hidden;
			margin: auto;
			left: 19px;
			top: 145px;
		}
		
		#slider img {
			width: 1200px;
		}
		
		.info {
			width: 100%;
			height: 110px;
			display: block;
			position: relative;
			bottom: 630px;
			bottom: 630px;
			background: rgba(201,101,10,0.5);
			z-index: 10;
			visibility: hidden;
		}
		
		.info h2 {
			font-family: sans-serif;
			font-size: 20px;
			font-weight: bold;
			color: #FFF;
			padding: 15px 0 0 20px;
		}
		
		.info p {
			font-family: sans-serif;
			font-size: 15px;
			font-weight: lighter;
			color: #FFF;
			padding: 20px;
			line-height: 1px;
		}
		
		#play {
			width: 60px;
			height: 60px;
			line-height: 60px;
			border-radius: 50%;
			text-align: center;
			display: block;
			position: absolute;
			background: rgba(201,101,10,0.5);
			color: #FFF;
			cursor: pointer;
			bottom: 100px;
			right: -131px;
			box-shadow: 0px 0px 10px #000;
			z-index: 10;
			
			transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
		}
		
		#pause {
			width: 60px;
			height: 60px;
			line-height: 60px;
			border-radius: 50%;
			text-align: center;
			display: block;
			position: absolute;
			background: rgba(201,101,10,0.5);
			color: #FFF;
			cursor: pointer;
			bottom: 100px;
			right: -63px;
			box-shadow: 0px 0px 10px #000;
			z-index: 10;
			
			transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
		}
		
		#next {
			width: 58px;
			height: 80px;
			line-height: 80px;
			text-align: center;
			display: block;
			position: absolute;
			color: rgba(0.0.0.0);
			cursor: pointer;
			bottom: 229px;
			right: -65px;
			z-index: 10;
	//		box-shadow: 0px 0px 10px #000;
		}
		
		#next .fa-angle-right {
			color: #FFF;
			text-shadow: 0px 0px 10px #222;
			top: -30px;
			left: 10px;
			bottom: 33px;
			position: absolute;
			font-size: 135px;
		}
		
		#prev {
			width: 58px;
			height: 80px;
			line-height: 50px;
			vertical-align: center;
			border-radius: 20px 20px 20px 20px;
	//		box-shadow: 0px 0px 10px #000;
			display: block;
			position: absolute;
			color: #FFF;
			cursor: pointer;
			right: 1209px;
			bottom: 229px;
			z-index: 10;
		}
		
		#prev .fa-angle-left {
			color: #FFF;
			text-shadow: 0px 0px 10px #222;
			top: -30px;
			left: 5px;
			bottom: 33px;
			position: absolute;
			font-size: 135px;
		}
		
		#pager {
			width: 200px;
			text-align: center;
			display: block;
			position: absolute;
			cursor: pointer;
			z-index: 10;
			top: 168px;
			border-radius: 10px;
			left: 45px;
		
			background: rgba(0,0,0,0.2);
}
		
		#pager a {
			font-size: .0em;
			color: transparent;
			width: 10px;
			height: 10px;
			display: inline-block;
			border: 1px solid #FFF;
			position: relative;
			border-radius: 20px;
			background: transparent;
			margin: 10px;
		}
		
		#pager a.activeSlide { background: #FFF; }