.team-slider {
overflow: hidden!important;
} .component {
margin: 0 auto;
position: relative;
margin-bottom: 40px;
max-width: 100%;
}
.component-small {
width: 650px;
height: 290px;
}
.component-fullwidth {
width: 100%;
height: 600px;
margin-bottom: 0;
background: #333;
}
.component-transparent {
width: 900px;
height: 500px;
}
.component > ul {
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
list-style: none;
padding: 0;
margin: 0 auto;
}
.component-small > ul {
width: 450px;
}
.component-fullwidth > ul {
overflow: hidden;
}
.component-transparent > ul {
width: 200px;
}
.component li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
z-index: 99;
}
.component-fullwidth li {
overflow: hidden;
}
.component .current {
opacity: 1;
pointer-events: auto;
z-index: 100;
}
.component li img {
display: block;
//max-width: 100%;
}
.component-fullwidth li img {
min-width: 100%;
max-width: none;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.component nav a {
border: 1px solid;
color: #FC4B50;
font-size: 27px;
height: 40px;
line-height: 35px;
opacity: 0.5;
outline: medium none;
position: absolute;
text-align: center;
top: 50%;
width: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.component nav a:hover {
opacity: 1;
}
.component-small nav a.prev,
.component-transparent nav a.prev {
left: 0px;
}
.component-small nav a.next,
.component-transparent nav a.next {
right: 0px;
}
.component-fullwidth nav a {
top: 100%;
margin-top: 25px;
left: 50%;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.component-fullwidth nav a.prev {
margin-left: -80px;
}
.component-fullwidth nav a.next {
margin-left: 20px;
}
.component nav a::before {
}
.component nav a:hover::before {
opacity: 1;
}
a.prev::before {
}
a.next::before {
}
@media screen and (max-width: 35.5em) {
.component-small nav a {
top: 100%;
margin-top: 10px;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.component-small nav a.prev {
left: 50%;
margin-left: -80px;
}
.component-small nav a.next {
margin-left: 20px;
right: auto;
left: 50%;
}
}