.large-image:hover .controls,
.controls:hover {
opacity: 1;
}
.wrapper-gallery{
width: 100%;
padding: 0;
margin: 0;
float: right;
}
.controls {
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-30px);
transition: all .15s ease-in-out;
width: 100%;
}
.controls .prev-button,
.controls .next-button {
background-color: rgba(255,255,255,1); cursor: pointer;
height: 30px;
outline: none;
position: absolute;
transition: all .15s ease-in-out;
width: 30px;
}
.controls .prev-button:hover,
.controls .next-button:hover {
background-color: rgba(255,255,255,1);
}
.controls .prev-button {
padding: 15px 15px 15px 10px;
left: 0;
}
.controls .next-button {
padding: 15px 10px 15px 15px;
right: 0;
}
.controls .prev-button.inactive,
.controls .next-button.inactive {
background-color: rgba(220,220,220,1); ;
}
.controls .prev-button.inactive:hover,
.controls .next-button.inactive:hover { }
.controls svg {
fill: #163838;
}
.thumbnails {
cursor: grab;
cursor: -o-grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.thumbnails > div.active {
border: 3px solid #fff;
}