/* 1.0.2
  - adds support for warehoused background images in the slides.
  - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay
  - add compatability with the Restrict Content Stack
*/
.stacks_in_2 > div {
  background-color: transparent;
  transition: transform 600ms ease, opacity 600ms ease;
  will-change: transform, opacity;
  transform-origin: top center;
  display: grid;
  border-radius: 8px;
}
.stacks_in_2 .com_onelittledesigner_stacks_Index_Card_stack {
  background-color: rgba(255, 255, 255, 1.00);
  border: 1px solid rgba(255, 255, 255, 0.20);
  padding: 32px 32px;
  border-radius: 8px;
}
#stacks_in_2 .stacks_in_2 .com_onelittledesigner_stacks_Index_Card_stack {
  overflow: hidden;
}
.stacks_in_2 > div.index-glass-blur {
  backdrop-filter: blur(5px);
}
.stacks_in_2 > div.index-glass-blur:before {/*safari*/
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-backdrop-filter: blur(5px);
}
@-moz-document url-prefix() {/*firfox*/
  .stacks_in_2 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * {
      filter: blur(5px);
  }
  .stacks_in_2 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *,
  .stacks_in_2 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * {
      filter: blur(0px);
  }
  .stacks_in_2 > div.index-glass-blur {
      background-color: rgba(255,255,255,0.1);
  }
}
#stacks_out_2 .index-nav {
  display: grid;
  grid-template-columns: 40px auto 40px;
  justify-content: center;
  user-select: none;
  z-index: 10;
  position: relative;
}
#stacks_out_2 .index-nav > .index-next,
#stacks_out_2 .index-nav > .index-prev {
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 4px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.00);
  transition: background-color 300ms ease;
  box-sizing: border-box;
  margin: 16px 0 0 0;
  /*  */
}
#stacks_out_2 .index-nav > a:hover {
  background-color: rgba(0, 0, 0, 0.00);
}
#stacks_out_2 .index-nav > .index-next svg {
  transform: translateX(2px);
}
#stacks_out_2 .index-nav > .index-prev svg {
  transform: translateX(-2px);
}
#stacks_out_2 .index-nav svg {
  stroke: rgba(0, 0, 0, 0.35);
  transition: stroke 300ms ease;
  pointer-events: none;
}
#stacks_out_2 .index-nav > a:hover > svg {
  stroke: rgba(0, 0, 0, 0.65)
}
#stacks_out_2 .index-nav > .index-bullets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: 16px 0 0 0;
  /*  */
}
#stacks_out_2 .index-nav > .index-bullets .index-bullet {
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0px 4px;
}
#stacks_out_2 .index-nav > .index-bullets .index-bullet-active {
  background: rgba(85, 85, 255, 1.00);
  border: 1px solid rgba(85, 85, 255, 1.00);
  pointer-events: none;
}


#stacks_out_2,
#stacks_in_2,
.stacks_in_2 > .stacks_out {
  overflow: visible;
}
#stacks_out_2 {
  max-width: 640px;
  width: 100%;
}
.stacks_in_2 {
  margin-top: 8%;
}
.stacks_in_2 > .stacks_out {
  max-width: 640px;
  width: 100%;
  /*  */
  height: 100%;
  /*  */
}
/*  */
.stacks_in_2 > .stacks_out,
.stacks_in_2 > .stacks_out * {
  -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*  */
.stacks_in_2 {
  width: calc(100% * 5);
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) );
  transform-style: preserve-3d;
  /*  */
}
.stacks_in_2 > .stacks_out {
  transform: translate(0,-11.104000%,0) scale(.7) ;
  transition: transform 600ms ease, opacity 600ms linear;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 4.000000px 16px  rgba(0, 0, 0, 0.20);
}
.stacks_in_2 > .stacks_out.index-glass-blur > .stacks_in > * {
  opacity: .25;
}
.stacks_in_2 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * {
  opacity: 1;
  transition: opacity 600ms linear;
}
.stacks_in_2 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * {
  opacity: 1;
}
.stacks_in_2 > .stacks_out:nth-child(1) {
  margin-left: 0;
  /* transform: translate3d(0,50%,1px) scale(1); */
  transform: translate3d(0,50%,1px) scale(1.1);
  transition: transform 600ms ease, opacity 600ms ease;
  opacity: 0;
  visibility: visible;
}
.stacks_in_2 > .stacks_out:nth-child(2) {
  margin-left: -100%;
  transform: translate3d(0,0,0) scale(1) ;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  /*  */
  cursor: pointer;
  /*  */
}
.stacks_in_2 > .stacks_out:nth-child(3) {
  margin-left: -200%;
  transform: translate3d(0,-5.552000%,-1px) scale(.9);
  opacity: 1;
  visibility: visible;
}
.stacks_in_2 > .stacks_out:nth-child(4) {
  margin-left: -300%;
  transform: translate3d(0,-11.104000%,-2px) scale(.8);
  opacity: 1;
  pointer-events: none;
  visibility: visible;
}
.stacks_in_2 > .stacks_out:nth-child(5) {
  margin-left: -400%;
  transform: translate3d(0,-11.104000%,-3px) scale(.7);
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}
.stacks_in_2 > .stacks_out:nth-child(6) {
  margin-left: -500%;
  transform: translate3d(0,-11.104000%,-4px) scale(.7);
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}
.stacks_in_2 > .stacks_out:nth-child(7) {
  margin-left: -600%;
  transform: translate3d(0,-11.104000%,-5px) scale(.7);
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}
.stacks_in_2 > .stacks_out:nth-child(8) {
  margin-left: -700%;
  transform: translate3d(0,-11.104000%,-6px) scale(.7);
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}
.stacks_in_2 > .stacks_out:nth-child(9) {
  margin-left: -800%;
  transform: translate3d(0,-11.104000%,-7px) scale(.7);
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}
.stacks_in_2 > .stacks_out:nth-child(10) {
  margin-left: -900%;
  transform: translate3d(0,-11.104000%,-8px) scale(.7);
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}

/*  */
#stacks_out_2 {
  max-width: 648px;
}
.stacks_in_2 {
  margin-top: 0px;
  margin-left: 8%;
}
.stacks_in_2 > .stacks_out {
  transform: translate3d(calc(8% / -.92),0,0px) scale(.7) ;
  transform-origin: center left;
  width: 92%;
}
.stacks_in_2 > .stacks_out:nth-child(1) { /* Out */
  /* transform: translate3d(50%,0,1px) scale(1) ; */
  transform: translate3d(calc(8% / .92 * 1.5),0,1px) scale(1.1) ;
}
.stacks_in_2 > .stacks_out:nth-child(3) { /* 1st */
  transform: translate3d(calc(8% / .92 * -.5),0,-1px) scale(.9) ;
}
.stacks_in_2 > .stacks_out:nth-child(4) { /* 2nd */
  transform: translate3d(calc(8% / -.92),0,-2px) scale(.8) ;
}
.stacks_in_2 > .stacks_out:nth-child(5) { /* 3rd */
  transform: translate3d(calc(8% / -.92),0,-3px) scale(.7) ;
}
/*  */
/*  */
/*  */
@media all and (max-width: 700px) {
  #stacks_out_2 .index-nav {
    grid-template-columns: 60px auto 60px;
  }
  #stacks_out_2 .index-nav > .index-next,
  #stacks_out_2 .index-nav > .index-prev {
    width: 60px;
    height: 60px;
    border-radius: 30px;
  }
  #stacks_out_2 .index-nav > .index-bullets {
    height: 60px;
  }
  #stacks_out_2 .index-nav > .index-bullets .index-bullet {
    width: 16px;
    height: 16px;
    margin: 0px 6px;
  }
}



#stacks_in_2 {
	background-color: rgba(255, 255, 255, 1.00);
}
/*  */

#stacks_in_3 {
	border: solid rgba(153, 153, 153, 1.00);
	border-width:  3px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	border-radius:  6px;
}

#stacks_in_24 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}
#stacks_in_38 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_38 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_38 .fluid-image.unlimited img{width:100% !important}#stacks_in_38 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_38 .fluid-image.align-left img{float:left}#stacks_in_38 .fluid-image.align-right img{float:right}

#stacks_out_38 {
	width: 30%;
}

#stacks_in_6 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
}
/*  */

#stacks_in_8 {
	border: solid rgba(153, 153, 153, 1.00);
	border-width:  3px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	border-radius:  6px;
}

#stacks_in_26 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}

#stacks_in_10 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}
/*  */

#stacks_in_12 {
	border: solid rgba(153, 153, 153, 1.00);
	border-width:  3px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	border-radius:  6px;
}

#stacks_in_28 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}

#stacks_out_28 {
	margin-left:0;
}

#stacks_in_14 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}
/*  */

#stacks_in_18 {
	border: solid rgba(153, 153, 153, 1.00);
	border-width:  3px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	border-radius:  6px;
}

#stacks_in_30 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}

#stacks_in_20 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}
/*  */

#stacks_in_32 {
	border: solid rgba(153, 153, 153, 1.00);
	border-width:  3px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	border-radius:  6px;
}

#stacks_in_36 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}

#stacks_in_34 {
	background-color: rgba(250, 68, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  10px;
}