/* CSS Document */
#mobile_image {
	width:88%;
	margin:10px 0;
}
#mob-slider {
	background: transparent;
	text-align: center;
	margin: 0px auto;
	max-width: 100%;
	width: auto;
	padding: 0;
	max-height:350px;
}
#mob-slides { position:relative; }
#mob-slider input { display: none; }

#mob-slide1:checked ~ #mob-slides .mob-inner { margin-left:0; }
#mob-slide2:checked ~ #mob-slides .mob-inner { margin-left:-100%; }
#mob-slide3:checked ~ #mob-slides .mob-inner { margin-left:-200%; }
#mob-slide4:checked ~ #mob-slides .mob-inner { margin-left:-300%; }
#mob-slide5:checked ~ #mob-slides .mob-inner { margin-left:-400%; }
#mob-slide6:checked ~ #mob-slides .mob-inner { margin-left:-500%; }
#mob-slide7:checked ~ #mob-slides .mob-inner { margin-left:-600%; }
#mob-slide8:checked ~ #mob-slides .mob-inner { margin-left:-700%; }
#mob-slide9:checked ~ #mob-slides .mob-inner { margin-left:-800%; }
#mob-slide10:checked ~ #mob-slides .mob-inner { margin-left:-900%; }

#mob-overflow {
	width: 100%;
	overflow: hidden;
}
#mob-slides .mob-inner {
	width: 1000%;
	line-height: 0;
}
#mob-slides div ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#mob-slides div ul li {
	width: 10%;
	float: left;
	height:350px;
	position:relative;
}
#mob-slides div ul li img {
	height:auto;
	max-width:100%;
	max-height:350px;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}
#mob-slides #mob-controls label { 
	display: none;
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	cursor: pointer;
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
#mob-slides #mob-controls label:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(2),
#mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(3),
#mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(4),
#mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(5),
#mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(6),
#mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(7),
#mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(8),
#mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(9),
#mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(10),
#mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(1) {
	border-left: 20px solid #e5e5e5;
	display: block;
	float: right;
	right:-20px;
}

#mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(10),
#mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(1),
#mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(2),
#mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(3),
#mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(4),
#mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(5),
#mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(6),
#mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(7),
#mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(8),
#mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(9) {
	border-right: 20px solid #e5e5e5;
	display: block;
	float: left;
	left:-20px;
}

#mob-slides ul li[rel=""], #mob-slides label[rel=""],
#mob-slides ul li[rel="{{image1}}"], #mob-slides label[rel="{{image1}}"],
#mob-slides ul li[rel="{{image2}}"], #mob-slides label[rel="{{image2}}"],
#mob-slides ul li[rel="{{image3}}"], #mob-slides label[rel="{{image3}}"],
#mob-slides ul li[rel="{{image4}}"], #mob-slides label[rel="{{image4}}"],
#mob-slides ul li[rel="{{image5}}"], #mob-slides label[rel="{{image5}}"],
#mob-slides ul li[rel="{{image6}}"], #mob-slides label[rel="{{image6}}"],
#mob-slides ul li[rel="{{image7}}"], #mob-slides label[rel="{{image7}}"],
#mob-slides ul li[rel="{{image8}}"], #mob-slides label[rel="{{image8}}"],
#mob-slides ul li[rel="{{image9}}"], #mob-slides label[rel="{{image9}}"],
#mob-slides ul li[rel="{{image10}}"], #mob-slides label[rel="{{image10}}"] {
	display:none !important;
}
/* Animation */
#mob-slides .mob-inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#mob-slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#mob-controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}