/*********************************
* Slideshow Styling
*********************************/
#slideshow {
   width: 100%;
   position:relative;
}

.img_mare{
   height: 460px;
}
#slideshow.fullscreen {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
.img-wrapper {
   min-width: 100%;
   min-height: 100%;

   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;

   margin: auto;
   overflow: hidden;

   z-index:8;

   background-size: cover;
   background-position: center center;
}
#slideshow .img-wrapper.active {
   z-index:10;
}

#slideshow .img-wrapper.last-active {
   z-index:9;
}

/*********************************
* Thumbnail Styling
*********************************/
.thumbs-container {
   width: 100%;
   height: 80px;
   position: absolute;
   left: 0;
   z-index: 11;
}
.thumbs-container.top {
   top: 0;
}
.thumbs-container.bottom {
   bottom: -80px;;
}
.marginTop140{
   margin-top: 140px;
}
.prev, .next {
   height: 48px;
   padding: 23px 0%;

   color: #999999;
   cursor: pointer;
}

.prev { float: left; }
.next { float: right; }
.prev:hover, .next:hover {
   color: #555555;
}

ul.thumbs {
   position: absolute;
   top: 0;
   left: 0%;
   right: 0%;
   height: 70px;
   padding: 0;
   margin: 0 2%;
   overflow: hidden;
   white-space: nowrap;
   text-align: center;
}

.thumb {
   display: inline-block;
   width: 129px;
   height: 56px;
   margin: 5px 2.5px;
   border:2px solid #fff;
   overflow: hidden;
   background-size: cover;
   background-position: center center;
   cursor: pointer;
}

.thumb.active {
   border: 2px solid #EC008C;
}
.thumb:hover{
   border: 2px solid #EC008C;
}