.bss-slides figure, .bss-slides figcaption {
	margin: 0;
	padding: 0;
}
.bss-slides figcaption p {
	margin: 0;
	padding: 0;
}
.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{
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bss-slides .bss-show{
  z-index: 4;
}
.bss-slides .bss-show img{
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative; 
}

.bss-slides figcaption{
  position: absolute;
  /*font-family: sans-serif;*/
  font-size: .8em;
  bottom: .75em;
  left: .35em;
  padding: .25em;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .25);
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.bss-slides .bss-show figcaption{
  z-index: 5;
  opacity: 1;
}
.bss-slides figcaption a{
  color: #fff;    
}

.bss-prev, .bss-next
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: rgba(255, 255, 255, 0.4);
    overflow: hidden;
	z-index: 6;
	color: transparent;
}
.bss-prev:before, .bss-next:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	text-transform: none !important;
	font-size: 15px;
}
.bss-prev { 
	width: 30px;
	height: 80px;
	top: 50%;
	left: 0;
	margin-top: -40px;
	clip-path: polygon(0 0, 30px 40px, 0 80px);
}
.bss-prev:before {
	content: '\f060';
	color: rgba(41, 59, 77, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 80px;
	width: 30px;
	line-height: 80px;
	text-align: left;
	padding-left: 5px;
}
.bss-next {
	width: 30px;
	height: 80px;
	top: 50%;
	right: 0;
	margin-top: -40px;
	clip-path: polygon(30px 0, 0 40px, 30px 80px);
}
.bss-next:before {
	content: '\f061';
	color: rgba(41, 59, 77, 0.8);
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 80px;
	width: 30px;
	line-height: 80px;
	text-align: right;
	padding-right: 5px;
}
.bss-prev:hover { background: rgba(255,255,255,0.9); }
.bss-next:hover { background: rgba(255,255,255,0.9); }
.bss-prev:active { background: #00658F; }
.bss-next:active { background: #00658F; }


/*
.bss-next, .bss-prev{
  color: #fff;
  position: absolute;
  background: #000;
  top: 50%;
  z-index: 6;
  font-size: 2em;
  margin-top: -1.2em;
  opacity: .8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bss-next:hover, .bss-prev:hover{
  cursor: pointer;
  opacity: 1;
}
.bss-next{
  right: 0;
  padding: 10px 5px 15px 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bss-prev{
  left: 0;
  padding: 10px 10px 15px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
*/
.ccsscontain figure {
	height: 100%;
	text-align: center;
}
.ccsscontain figcaption {
	left: 10% !important;
	width: 80%;
	text-align: center;
	background: rgba(0,0,0, .5) !important;
}
.ccsscontain .bss-next, .ccsscontain .bss-prev{
  color: #333 !important;
  background: #FFF !important;
  background: rgba(255,255,255, .6) !important;
  border-radius: 50% !important;
}
.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;
  z-index: 200;
} 
.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;
}