.bss-slides{
  position: relative;
  display: block;
}
.bss-slides:focus{
 outline: 0;
}
.bss-slides figure{
  position: absolute;
  top: 0;
  width: 100%;
}
.bss-slides figure:first-child{
  position: relative;
}
.bss-slides figure img{
  -webkit-transition: opacity 1.6s;
 				  transition: opacity 1.6s;
  -webkit-backface-visibility: hidden;
  				backface-visibility: hidden;
	opacity: 0;
}
.bss-slides .bss-show{
  z-index: 2;
}
.bss-slides .bss-show img{
  position: relative;
  -webkit-backface-visibility: hidden;
  				backface-visibility: hidden;
  opacity: 1;
}
/*
changed the display captions and prev next navs
*/
.bss-slides figure img {
	width: 100%;
}

.bss-slides figcaption {
  position: absolute;
  right: 15%;
  bottom: 2em;
  display: block;
  /*width: 100%;*/
  font-family: "Didot ", serif;
  text-align: center;
  -webkit-transition: opacity 1.6s;
  				transition: opacity 1.6s;
  opacity: 0;
}
.bss-slides figcaption .caption-title{
	font-size: 2.5em;
	line-height: 1.2em;
	color: #544b4b ;
}
.bss-slides figcaption .caption-subtitle {
	font-size: 1em;
	line-height: 1.2em;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
	color: #ffe3a3   /*#e4cb92 */
}
@media (max-width: 767px) {
	.bss-slides figcaption .caption-title{
		color: #544b4b !important
	}
	.bss-slides figcaption {
		display: block;
		margin-bottom: .1em;
		text-align: center;
		width: 20%
	}
	.bss-slides figcaption .caption-title{
		line-height: 1.1em;
		font-size: 1.2em;
		height: .2em;
	}
	.bss-slides figcaption .caption-subtitle {
		display: none
	}
}
.bss-slides .bss-show figcaption{
  z-index: 3;
  opacity: 1;
}
.bss-slides figcaption a{
  color: #fff;
}

.bss-prev, .bss-next {
	position: absolute;
	top: 44%;
	width: 35px;
	height: 60px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: .5s;
	opacity: .3;
	z-index: 4;
}


.bss-prev {
    left: 20px;
  	padding-left: 10px;
  	background: url("../images/slides-arrows.png") 0px 0px no-repeat;
}

.bss-next  {
    right: 10px;
  	padding-right: 20px;
    background: url("../images/slides-arrows.png") -37px 0px no-repeat;
}

.bss-prev:hover, .bss-next:hover {
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .bss-prev, .bss-next {
        display: none
    }
}

.bss-fullscreen{
  display: block;
  width: 32px;
  height: 32px;
  background: rgba(0,0,0,.4) url(../img/arrows-alt_ffffff_64.png);
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: pointer;
  opacity: .3;
}
.bss-fullscreen:hover{
  opacity: .8;
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}