/* Elastislide Style */
.es-carousel-wrapper{
	padding:10px 27px;
	position:relative;
    top:490px;
    width:95%;
    margin: 0px auto -70px auto;
}

.es-carousel-wrapper.sp2{
    width:76% !important;
}

.es-carousel-wrapper.sp4{
    width:280px;
}

.es-carousel-wrapper.sp4 .es-nav{
    display:none;
}

.es-carousel-wrapper.atl300{
    width:360px;
}

.es-carousel-wrapper.atl300 .es-nav{
    display:none;
}

.es-carousel-wrapper.atl300{
    width:360px;
}

.es-carousel-wrapper.cg{
    width:60%;
}


.es-carousel{
	overflow:hidden;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#8e8279;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
	border-color:#ccc;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(../images/gallery/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}


.es-nav span:hover{
	opacity:1.0;
}
@media only screen and (max-width: 1290px){
    .es-carousel-wrapper.sp2{
    width:80% !important;
}
    .es-carousel-wrapper.cg{
    width:70% !important;
}
}
    
@media only screen and (max-width: 1070px){
    .es-carousel-wrapper.sp2{
    width:100% !important;
} .es-carousel-wrapper.cg{
    width:80% !important;
}
}

@media only screen and (max-width: 998px){
    .es-carousel-wrapper.sp2, .es-carousel-wrapper.cg{
    width:80% !important;
}
    .es-carousel-wrapper{
    top:450px;
}
    
}

@media only screen and (max-width : 600px) {
.es-carousel-wrapper{
    top:250px;
}
}
