.bss-slides {
  position: absolute;
  display: block; 
  line-height: 0;/*removes the gap if you put a border on the slideshow div*/
  padding:0;
  overflow:visible;
  height:auto;
  left:0;
/*   bottom:200px; */
	bottom:0;
  right:0;
  top:0;
}

figcaption {
  line-height: 1.5; /* restores line-height to the child element*/
}

.bss-slides:focus {
 outline: 0;
}

.bss-slides figure {
  position: absolute;
  top: 0;
  /*width: 100%;*/
  margin:0;
  padding:0;
  left:44px;
  right:44px;
  display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	bottom:0;
	overflow-y:hidden;
}

/* 
.bss-slides figure:first-child {
  position: relative;
}
 */

.bss-slides figure.bss-show img {
  opacity: 1;/*0*/
  -webkit-transition: all 2.2s;
  transition: all 2.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin:0;
}

.bss-slides figure.bss-hidden img {
  opacity: 1;
  -webkit-transition: all 2.2s;
  transition: all 2.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin:0;
}

/* 
.bss-slides figure img:after {
content:"x";
position:absolute;
top:0;
left:0;
bottom:0;
width:60px;
background-color:red;
background-image:linear-gradient(rgba(0,0,0,1) rgba(0,0,0,0));
z-index:98;
}
 */

.bss-slides .bss-show {
  z-index: 2;
}

.bss-slides .bss-show img {
/* 
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  margin:0 auto;
  width:100%;
  display:block;
 */
}

.bss-slides figcaption {
  position: absolute;
  z-index:100;
  bottom:1.5em;
  left:1.5em;
  width:auto;
  padding:1.5em;
  background: rgba(0,0,0,.8);
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
  opacity:0; 
  box-shadow:0 0 1em rgba(0,0,0,.05);
  overflow:hidden;
}


.bss-slides .bss-show figcaption {
  z-index: 3;
  opacity: 1;
  width:auto;
  max-width:calc(100% - 3em);
}

.bss-slides figcaption h1 {
color:#FFFFFF;
margin:0 0 .2em 0;
}

.bss-slides figcaption h3 {
color:#FFFFFF;
margin:0 0 .8em 0;
font-weight: 400
}

.bss-slides figcaption .hero-product__series {
color:#FFFFFF;
margin:0 0 .8em 0;
text-align:left;
display:block;
}

.bss-slides figcaption .hero-product__series svg {
margin-left: 0;
}

/* CTA White */
.bss-slides figure.arrow-white figcaption .hero-content__cta a.btn:link,
.bss-slides figure.arrow-white figcaption .hero-content__cta a.btn:visited {
background-color:#fff !important;
background:#fff !important;
color:#2c2c2d;
margin-right: 30px;
}

.bss-slides figure.arrow-white figcaption .hero-content__cta a.btn:link:after,
.bss-slides figure.arrow-white figcaption .hero-content__cta a.btn:visited:after {
border-left-color:#fff;
}

.bss-slides figure.arrow-white figcaption svg path {
fill:#fff;
}

/* CTA Yellow */
.bss-slides figure.arrow-yellow figcaption .hero-content__cta a.btn:link,
.bss-slides figure.arrow-yellow figcaption .hero-content__cta a.btn:visited {
background-color:#ffed00 !important;
background:#ffed00 !important;
color:#2c2c2d;
margin-right: 30px;
}


.bss-slides figure.arrow-yellow figcaption .hero-content__cta a.btn:link:after,
.bss-slides figure.arrow-yellow figcaption .hero-content__cta a.btn:visited:after {
border-left-color:#ffed00;
}

.bss-slides figure.arrow-yellow figcaption svg path {
fill:#fFED00;
}



/* CTA Blue */
.bss-slides figure.arrow-blue figcaption .hero-content__cta a.btn:link,
.bss-slides figure.arrow-blue figcaption .hero-content__cta a.btn:visited {
background-color:#008cee !important;
background:#008cee !important;
color:#fff;
margin-right: 30px;
}

.bss-slides figure.arrow-blue figcaption .hero-content__cta a.btn:link:after,
.bss-slides figure.arrow-blue figcaption .hero-content__cta a.btn:visited:after {
border-left-color:#008cee;
}

.bss-slides figure.arrow-blue figcaption svg path {
fill:#008cee;
}


.bss-slides figcaption p {
color:#FFFFFF;
font-size:1em;
line-height:1.4;
margin:0 0 .8em 0;
}



.bss-next,
.bss-prev {
  color: #fff;
  position: absolute;
  background: rgba(255,255,255,.6);
  top: 50%;
  z-index: 99;
  font-size: 2em;
  line-height:0;
  margin-top: -1.2em;
  opacity: .3;
  border-radius:51%;
  padding:0;
  height:2em;
  width:2em;
  text-align:center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition:all 1.2s ease-in;
	box-shadow:0 0 1em rgba(0,0,0,.2);

}

.bss-next:hover,
.bss-prev:hover {
/* 
  cursor: pointer;
  opacity: 1;
  box-shadow:0 0 .5em rgba(0,0,0,.3);
  background:#fff;
  transition:all 1s ease-out;
 */
}

.bss-next {
  right: 1em;
}

.bss-next:after {
	content:"";
	background:none;
	height:0;
	width:0;
	position:absolute;
	left:.8em;
	top:.5em;
	line-height:0;
	/*transform:rotate(45deg);*/
	border-top:.5em solid rgba(0,0,0,0);
	border-right:.5em solid rgba(0,0,0,0);
	border-bottom:.5em solid rgba(0,0,0,0);
	border-left:.5em solid rgba(0,0,0,.4);
	transition:all 1s ease-out;
}

.bss-next:hover:after {
	border-left:.5em solid #000;
}

.bss-prev {
	left: 1em;
}

.bss-prev:after {
	content:"";
	background:none;
	height:0;
	width:0;
	position:absolute;
	left:.2em;
	top:.5em;
	line-height:0;
	/*transform:rotate(45deg);*/
	border-top:.5em solid rgba(0,0,0,0);
	border-right:.5em solid rgba(0,0,0,.4);
	border-bottom:.5em solid rgba(0,0,0,0);
	border-left:.5em solid rgba(0,0,0,0);
	transition:all 1s ease-out;
}

.bss-prev:hover:after {
border-right:.5em solid #000;
}

.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;
}

#fade {
position:fixed;
z-index:90;
bottom:-20px;
height:19px;
width:100%;
box-shadow:0 0 150px 50px rgba(0,0,0,.8);
}

.bss-nav-dots {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index:2;
}

.bss-nav-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 5px;
    cursor: pointer;
}

.bss-nav-dot.active {
    background-color: white;
}

.bss-slides figure figcaption .hero-content__cta span.more {
display:inline-block;
max-width:100%;
overflow:hidden;
  white-space: nowrap; 
  text-overflow: ellipsis;
text-align:left;
}

.totalslides-1 .bss-prev,
.totalslides-1 .bss-next,
.totalslides-1 .bss-nav-dots {
    display: none;
}

@media screen and (max-width:1024px) {

.bss-slides figcaption .hero-product__series {
text-align:left;
}

.bss-slides figure figcaption svg {
height:.6em;
}


}

@media screen and (max-width:800px) {

.bss-slides figure figcaption .hero-content__cta a.btn:link,
.bss-slides figure figcaption .hero-content__cta a.btn:visited {
    display: inline-block !important;
    max-width: none;
    width: auto;
    }
    
}

@media screen and (max-width:760px) {

.bss-slides figure {
  left:0;
  right:0;
  margin-bottom:0;
  overflow:hidden;
}
    
.bss-prev {
    left: 0;
}
    
.bss-next {
  right: 0;
}

.bss-slides figure figcaption h1 {
 margin:0;
}


.bss-slides figure figcaption svg {
height:.8em;
}

.bss-slides figure figcaption .hero-content__cta {
text-align:left;
display:inline-block;
}

.bss-slides figure figcaption .hero-content__cta a.btn:link,
.bss-slides figure figcaption .hero-content__cta a.btn:visited {
font-size:1em;
/* padding:.25em; */
padding:0.4em 0 0.1em 0.5em;
width:100%;
text-align:left;
display:inline-block;
margin-top:20px;
margin-right:auto;
margin-bottom:20px;
margin-left:auto;
}

.bss-slides figure.white figcaption .hero-content__cta a.btn:link,
.bss-slides figure.white figcaption .hero-content__cta a.btn:visited {
font-size:1em;
/* padding:.25em; */
padding:0.4em 0 0.1em 0.5em;
width:100%;
text-align:left;
display:inline-block;
margin-top:20px;
margin-right:auto;
margin-bottom:20px;
margin-left:auto;
}
    
.bss-slides figure.yellow figcaption .hero-content__cta a.btn:link,
.bss-slides figure.yellow figcaption .hero-content__cta a.btn:visited {
font-size:1em;
/* padding:.25em; */
padding:0.4em 0 0.1em 0.5em;
width:100%;
text-align:left;
display:inline-block;
margin-top:20px;
margin-right:auto;
margin-bottom:20px;
margin-left:auto;
}
    
.bss-slides figure.blue figcaption .hero-content__cta a.btn:link,
.bss-slides figure.blue figcaption .hero-content__cta a.btn:visited {
font-size:1em;
/* padding:.25em; */
padding:0.4em 0 0.1em 0.5em;
width:100%;
text-align:left;
display:inline-block;
margin-top:20px;
margin-right:auto;
margin-bottom:20px;
margin-left:auto;
}
    

}


@media screen and (max-width:670px) {

.bss-next,
.bss-prev {
  position: absolute;
  top: 50%;
  z-index: 99;
  font-size: 1;
  line-height:0;
  margin-top: -.6em;
  opacity: 1;
  height:1em;
  width:1em;
}

.bss-prev:after {
content:"";
left:.1em;
top:.25em;
border-top:.25em solid rgba(0,0,0,0);
border-right:.25em solid rgba(0,0,0,.4);
border-bottom:.25em solid rgba(0,0,0,0);
border-left:.25em solid rgba(0,0,0,0);
}

.bss-next:after {
content:"";
left:.4em;
top:.25em;
border-top:.25em solid rgba(0,0,0,0);
border-right:.25em solid rgba(0,0,0,0);
border-bottom:.25em solid rgba(0,0,0,0);
border-left:.25em solid rgba(0,0,0,.4);
}

    
.hero-content__cta {
    width: 100%;
    text-align: center !important;
    padding-right: 0;
}

.bss-slides figure figcaption .hero-content__cta a.btn:link,
.bss-slides figure figcaption .hero-content__cta a.btn:visited {
        display: inline-block !important;
    max-width: 100% !important;
    width: auto;
    text-align: center;
	padding: 17px 21px;
	font-size: .7rem;
    }
	
.bss-slides figure figcaption .hero-content__cta a.btn:link:after,
.bss-slides figure figcaption .hero-content__cta a.btn:visited:after {
	right: -25px;
	border-width: 25px 0 26px 25px;
	}
	
}