/* Reset body */
html#liferide-2015-page body{
	/* Old Browsers */
	background:#79a8b7;
	/* FF3.6+ */
	background:
		url(../content-images/liferide2015/LR2015_bg_top.png),
		url(../content-images/liferide2015/LR2015_bg_bottom.png),
		-moz-linear-gradient(top, #79a8b7 0%, #23353e 100%);
	/* Chrome, Safari4+ */
	background:
		url(../content-images/liferide2015/LR2015_bg_top.png),
		url(../content-images/liferide2015/LR2015_bg_bottom.png),
		-webkit-gradient(left top, left bottom, color-stop(0%, #79a8b7), color-stop(100%, #23353e));
	/* Chrome10+,Safari5.1+ */
	background:
		url(../content-images/liferide2015/LR2015_bg_top.png),
		url(../content-images/liferide2015/LR2015_bg_bottom.png),
		-webkit-linear-gradient(top, #79a8b7 0%, #23353e 100%);
	/* Opera 11.10+ */
	background:
		url(../content-images/liferide2015/LR2015_bg_top.png),
		url(../content-images/liferide2015/LR2015_bg_bottom.png),
		-o-linear-gradient(top, #79a8b7 0%, #23353e 100%);
	/* IE 10+ */
	background:
		url(../content-images/liferide2015/LR2015_bg_top.png),
		url(../content-images/liferide2015/LR2015_bg_bottom.png),
		-ms-linear-gradient(top, #79a8b7 0%, #23353e 100%);
	/* W3C */
	background:
		url(../content-images/liferide2015/LR2015_bg_top.png),
		url(../content-images/liferide2015/LR2015_bg_bottom.png),
		linear-gradient(to bottom, #79a8b7 0%, #23353e 100%);
	/* IE6-9 */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#79a8b7', endColorstr='#23353e', GradientType=0 );
	
	/* position each background */
	background-position:center top, center bottom, left top;
	background-repeat:no-repeat, no-repeat, repeat;
	background-size:contain, contain, cover;
}

/* Containers */
.liferide-2015{position:relative;}
.liferide-2015-riders{}
.liferide-2015-overview{}

/* Carousel */
#liferide-2015-riders.b-additional-carousel .carousel {
	position:absolute;
	top:28%;
	padding:0 10%;
}
#liferide-2015-riders.b-additional-carousel .jcarousel-control.jcarousel-prev{
	left:5%;
}
#liferide-2015-riders.b-additional-carousel .jcarousel-control.jcarousel-prev:after{
	content:"";
	background:transparent url(../content-images/liferide2015/icon_carousel-prev.png?$staticlink$) top left no-repeat;
	height:31px;
	width:18px;
}
#liferide-2015-riders.b-additional-carousel .jcarousel-control.jcarousel-next{
	right:5%;
}
#liferide-2015-riders.b-additional-carousel .jcarousel-control.jcarousel-next:after{
	content:"";
	background:transparent url(../content-images/liferide2015/icon_carousel-next.png?$staticlink$) top left no-repeat;
	height:31px;
	width:18px;
}
#liferide-2015-riders.b-additional-carousel .jcarousel-control{
	background:transparent;
}
#liferide-2015-riders.b-additional-carousel .jcarousel-control:after{
	content:"";
}
#liferide-2015-riders.b-additional-carousel .jcarousel-clip ul li{
	padding:0 10px;
	text-align:center;
	width:33.3%;
}
#liferide-2015-riders.b-additional-carousel .carousel_navigation_list{
	display:none;
}
#liferide-2015-riders.b-additional-carousel .jcarousel-control:after{
	content:"";
}
/* Youtube embed */
.liferide-2015-youtube{
	background-image:url(../content-images/liferide2015/LR2015_youtube.jpg?$staticlink$);
	background-repeat:no-repeat;
	background-size:100%;
	padding-top:13%;
}
.liferide-2015-youtube .video-container {
	position:relative;
	padding-bottom:54.8%;
	padding-top:35px;
	height:0;
	overflow:hidden;
	left:6%;
	top:14%;
	width:88%;
}
.liferide-2015-youtube .video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:90%;
}

/* Instagram embed */
.liferide-2015-connect .ig-container{
	position:absolute;
	top:39%;
	left:5%;
	width:100%;
}
.liferide-2015-connect .ig-container iframe{
	width:90%;
}

/* route block */
.liferide-2015-route .routes{position:absolute;top:45%;left:6.3%;width:87%;}
.liferide-2015-route .routeBlock{border-top:1px solid #8c6239;padding:5px 0;}
.liferide-2015-route .routeBlock ul{display:none;list-style-type:disc;margin-left:16px;}
.liferide-2015-route .routeBlock ul li{font-family:Arial,Helvetica,sans-seirf;font-size:16px;margin:10px 0;}
.liferide-2015-route .routeLocation{
	background-image:url(../content-images/liferide2015/LR2015_icon_route-state_closed.png?$staticlink$);
	background-position: right top;
	background-repeat: no-repeat;
	cursor:pointer;
	font-size:20px;
	line-height:36px;
}
.liferide-2015-route .routeLocation.open{
	background-image:url(../content-images/liferide2015/LR2015_icon_route-state_open.png?$staticlink$);
}
.liferide-2015-route .routeLocation span{color:#5e96ac;margin-left:20px;text-transform:uppercase;}

/* tablet */
@media only screen and (min-width:768px) and (max-width:1023px) {
	#liferide-2015-riders.b-additional-carousel .carousel {
		top:33%;
	}
	#liferide-2015-riders.b-additional-carousel .jcarousel-clip ul li{
		width:33%;
	}
	.liferide-2015-route .routeBlock  ul li{font-size:12px;margin:2px 0;}
	.liferide-2015-route .routeBlock ul li img{margin-top:5px;width:25%;}
	.liferide-2015-route .routeLocation{font-size:18px;line-height:28px;}
	.liferide-2015-route .routeLocation{
		background-image:url(../content-images/liferide2015/mob_LR2015_icon_route-state_closed.png?$staticlink$);
		background-position: right top;
		background-repeat: no-repeat;
		cursor:pointer;
		font-size:18px;
		line-height:28px;
	}
	.liferide-2015-route .routeLocation.open{
		background-image:url(../content-images/liferide2015/mob_LR2015_icon_route-state_open.png?$staticlink$);
	}
	.liferide-2015-youtube .video-container {
		padding-bottom:52%;
	}
}

/* mobile */
@media only screen and (max-width: 767px) {
	/* route */
	.mob-LR2015-route,.mob-LR2015-riders{position:relative;}
	.mob-LR2015-route .routes{position:absolute;top:30%;left:4.5%;width:91%;}
	.mob-LR2015-route .routeBlock{border-top:1px solid #8c6239;padding:5px 0;}
	.mob-LR2015-route .routeBlock ul{display:none;list-style-type:disc;margin:10px 0 5px 16px;}
	.mob-LR2015-route .routeBlock ul li{font-size:11px;}
	.mob-LR2015-route .routeLocation{
		background-image:url(../content-images/liferide2015/mob_LR2015_icon_route-state_closed.png?$staticlink$);
		background-position: right top;
		background-repeat: no-repeat;
		cursor:pointer;
		font-size:16px;
		line-height:20px;
	}
	.mob-LR2015-route .routeLocation.open{
		background-image:url(../content-images/liferide2015/mob_LR2015_icon_route-state_open.png?$staticlink$);
	}
	.mob-LR2015-route .routeLocation span{color:#5e96ac;text-transform:uppercase;display:block;font-size:14px;}
	
	/* carousel */
	.liferide-2015-mobile.b-additional-carousel .carousel {
		padding:0 5%;
		position:absolute;
		left: 0;
		top:22%;
	}
	.liferide-2015-mobile.b-additional-carousel .jcarousel-control.jcarousel-prev{
		left:-6px;
	}
	.liferide-2015-mobile.b-additional-carousel .jcarousel-control.jcarousel-prev:after{
		content:"";
		background:transparent url(../content-images/liferide2015/icon_carousel-prev.png?$staticlink$) top left no-repeat;
		height:31px;
		width:18px;
	}
	.liferide-2015-mobile.b-additional-carousel .jcarousel-control.jcarousel-next{
		right:0;
	}
	.liferide-2015-mobile.b-additional-carousel .jcarousel-control.jcarousel-next:after{
		content:"";
		background:transparent url(../content-images/liferide2015/icon_carousel-next.png?$staticlink$) top left no-repeat;
		height:31px;
		width:18px;
	}
	.liferide-2015-mobile.b-additional-carousel .jcarousel-control{
		background:transparent;
	}
	.liferide-2015-mobile.b-additional-carousel .jcarousel-control:after{
		content:"";
	}
	.liferide-2015-mobile.b-additional-carousel .jcarousel-clip ul li{
		padding:0 25px;
		text-align:center;
		width:100%;
	}
	.liferide-2015-mobile.b-additional-carousel .carousel_navigation_list{
		display:none;
	}
	.liferide-2015-mobile.b-additional-carousel .jcarousel-control:after{
		content:"";
	}
}