.galleryContainer {
   position: relative;
   overflow: hidden;
   width: 300px;
   height: 200px;
}

.galleryPrevious {
   z-index: 5;
   position: absolute;
   top: 30%;
   left: 10px;
   width: 50px;
   height: 90px;
   cursor: pointer;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABWCAYAAABvht6EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNkQ0QUJCNkYzMzYxMUU0OTZENEE4N0FBM0VCODVENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNkQ0QUJCN0YzMzYxMUU0OTZENEE4N0FBM0VCODVENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxMDFEMzExRjMwQTExRTQ5NkQ0QTg3QUEzRUI4NUQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxMDFEMzEyRjMwQTExRTQ5NkQ0QTg3QUEzRUI4NUQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8jlcRQAACZZJREFUeNrsnHt0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)
}

.galleryNext {
   z-index: 5;
   position: absolute;
   top: 30%;
   right: 10px;
   width: 50px;
   height: 90px;
   cursor: pointer;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABWCAYAAABvht6EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMTAxRDMwRkYzMEExMUU0OTZENEE4N0FBM0VCODVENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMTAxRDMxMEYzMEExMUU0OTZENEE4N0FBM0VCODVENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxMDFEMzBERjMwQTExRTQ5NkQ0QTg3QUEzRUI4NUQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxMDFEMzBFRjMwQTExRTQ5NkQ0QTg3QUEzRUI4NUQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KZfyAgAACYNJREFUeNrsnAtw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)
}

.galleryTitle {
   position: absolute;
   top: 0;
   width: -webkit-fill-available;
   background-color: black;
   opacity: 0.5;
   text-align: center;
   color: white;
   font-size: 1em;
   padding: 10px;
   z-index: 10000;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.gallerySlider {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   height: 100%;
   width: 100%;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.slider-left.ng-enter {
   -webkit-animation: .5s switch-left-enter;
   animation: .5s switch-left-enter
}

.slider-left.ng-leave {
   -webkit-animation: .5s switch-left-leave;
   animation: .5s switch-left-leave
}

.slider-right.ng-enter {
   -webkit-animation: .5s switch-right-enter;
   animation: .5s switch-right-enter
}

.slider-right.ng-leave {
   -webkit-animation: .5s switch-right-leave;
   animation: .5s switch-right-leave
}

@keyframes switch-left-enter {
   from {
      left: 100%
   }

   to {
      left: 0
   }
}

@-webkit-keyframes switch-left-enter {
   from {
      left: 100%
   }

   to {
      left: 0
   }
}

@keyframes switch-left-leave {
   from {
      left: 0
   }

   to {
      left: -100%
   }
}

@-webkit-keyframes switch-left-leave {
   from {
      left: 0
   }

   to {
      left: -100%
   }
}

@keyframes switch-right-enter {
   from {
      left: -100%
   }

   to {
      left: 0
   }
}

@-webkit-keyframes switch-right-enter {
   from {
      left: -100%
   }

   to {
      left: 0
   }
}

@keyframes switch-right-leave {
   from {
      left: 0
   }

   to {
      left: 100%
   }
}

@-webkit-keyframes switch-right-leave {
   from {
      left: 0
   }

   to {
      left: 100%
   }
}