@charset "UTF-8";

/* Elastislide */

.elastislide_wrapper {
position: relative;
padding: 0 55px;
background: #f7f7f7;
}

.elastislide {
overflow: hidden;
background: #f7f7f7;
}

.elastislide ul {
display: none;
}

.elastislide ul li {
display: block;
float: left;
margin: -15px 0 0 0;
padding: 10px 8px;
height: 100%;
}

.elastislide ul li:hover {
background: #f0f0f0; /* #f0f0f0 */
}

.empty_element {
visibility: hidden;
}

.elastislide ul li .listbox {
margin: auto auto;
padding: 4px;
width: 180px; /* 188px - 2 x padding */
height: 58px; /* 66px - 2 x padding */
border: 1px solid #cccccc;
background: #ffffff; /* #fefefe */
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08), 0 0 2px 0 rgba(0, 0, 0, 0.07);
text-align: center;
font-size: 1.1em;
line-height: 58px;
}

.elastislide ul li .listbox:hover {
/* background: #EFEFEF; */
}

.elastislide ul li a {
display: block;
border: none;
color: #8f8f8f;
}

.elastislide ul li a:hover {
color: #666666;
text-decoration: none;
}

.elastislide ul li a:active {
border: none;
text-decoration: none;
}

.elastislide ul li a img {
display: block;
max-width: 100%;
max-height: 100%;
border: none;
}

.elastislide_nav {
background: #000;
}

.elastislide_nav span {
position: absolute;
top: 50%;
left: 20px;
margin-top: -20px;
width: 30px;
height: 60px;
/* background: transparent url(/images/nav-green.png) no-repeat top left;
text-indent: -9000px; */
cursor: pointer;
}

.elastislide_nav span.elastislide_nav_next {
right: 15px;
left: auto;
background-position: top right;
}

.elastislide_nav span.elastislide_nav_prev {
right: auto;
left: 15px;
background-position: top left;
}

.elastislide_reference_img {
-webkit-filter: grayscale(1);
filter: url(../images/filters.svg#grayscale);
filter: gray;
}

.elastislide_reference_img:hover {
-webkit-filter: grayscale(0);
filter: none;
}


/* Original Navigation Arrows */

.elastislide_wrapper nav span {
position: absolute;
width: 23px;
height: 23px;
border-radius: 50%;
background: #ddd url(/images/nav.png) no-repeat 4px 3px;
text-indent: -9000px;
opacity: 0.8;
cursor: pointer;
}

.elastislide_wrapper nav span:hover {
opacity: 1.0;
}

.elastislide_horizontal nav span {
top: 50%;
left: 10px;
margin-top: -11px;
}

.elastislide_horizontal nav span.elastislide_next {
right: 10px;
left: auto;
background-position: 4px -17px;
}