.shelf[data-shelf="gallery"] {
margin: 50px 0;
border: 10px solid rgb(91, 132, 232);
overflow: hidden;
}

.gallery-header {
position: relative;
float: left;
width: 770px;
top: 0;
left: -10px;
height: auto;
padding: 10px 0;
background: rgba(91, 132, 232, 1);
z-index: 20;
}

.gallery-header .gallery-control {
float: left;
width: 40px;
height: 40px;
background-color: #eff3fb;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}

.gallery-header .gallery-control[data-dir="p"] {
margin-right: 10px;
margin-left: 20px;
background-image: url('../images/gallery-caret-left.png');
}

.gallery-header .gallery-control[data-dir="n"] {
background-image: url('../images/gallery-caret-right.png');
}

.gallery-header .gallery-control:hover {
background-color: #fff;
}

.gallery-label {
float: left;
width: auto;
max-width: 600px;
max-height: 40px;
color: #fff;
margin-left: 30px;
font-size: 16px;
line-height: 18px;
}

.gallery-images {
position: relative;
float: left;
width: 100%;
overflow: hidden;
z-index: 1;
}

.gallery-image {
float: left;
width: 100%;
display: none;
}

.gallery-image img {
float: left;
width: 100%;
height: auto;
}

.gallery-image.active {
display: block;
visibility: hidden;
}

.gallery-items,
.gallery-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.gallery-items {
top: 60px;
}

.gallery-item {
display: none;
}

.gallery-item.active {
display: block;
}

.gallery-item img {
float: left;
width: 100%;
height: auto;
}