@charset "utf-8";
/* CSS Document */


#example2,
#example1 {
	width:100%;
	height:105px;
	position:relative;
	
}

#ribbon {
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
}


#slides9,
#slides10 {
	position:absolute;
	top:0px;
	left:33px;
	z-index:100;
}

#slides9 .next,#slides9 .prev,
#slides10 .next,#slides10 .prev{
	position:absolute;
	top:30px;
	left:-35px;
	width:35px;
	height:50px;
	display:block;
	z-index:101;
}

.pagination{ display:none;}

.slides_container {
	width: 400px;
    height: 65px;
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin-top: 25px;
    margin-left: 10px;
}

#slides9 .slides_container {
	width: 200px;
    height: 65px;
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin-top: 25px;
    margin-left: 10px;

}

#slides9 .next {
	left:200px;
}


#slides10 .next {
	left:390px;
}

.slide_img{
	margin-top:20px;
	margin-right:20px;
}
.more {
	position:absolute;
	top:-30px;
	right:0px;
}

@media only screen and (max-width:568px) {
	#slides9 .next {
	left:90%!important;
}
	#slides10 .next{
	left:90%!important;
	}
	
	#slides9 .slides_container,
	#slides10 .slides_container{
		width:450px!important;
	}
	
	
}

@media only screen and (max-width:480px) {
	
	#slides9 .slides_container,
	#slides10 .slides_container{
		width:350px!important;
	}
	#slides9 .slides_container{
		padding-left:72px;}
}

@media only screen and (max-width:375px) {
#slides1 .prev {
    left: 300px!important;
}
}