#counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  padding-bottom: 70px;
  font-size: 10.25rem;
  color: #8e9bb4;
}

#settings {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
}
#settings .btn { width: 100%;}
#settings .row { margin-left: -5px; margin-right: -5px;}
#settings [class^="col"] { padding-left: 5px; padding-right: 5px;}

.back_tasbih {
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 2rem;
  color: #8e9bb4;
  text-decoration: none;
}

/* Slick */
.slide_pages { height: calc(100% - 60px);}
.slide_pages:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";  
  background: #353942;
  height: 60px;
}

.slp-item { outline: none;}

.slick-arrow {
  position: absolute;
  bottom: 20px;
  background: none;
  padding: 0;
  color: #a3adc0;
  border: none;
  outline: none;
  z-index: 10;
}
.slick-arrow:active,
.slick-arrow:hover { outline: none;}

.slick-prev:before,
.slick-next:after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  font-size: 1rem;  
}

.slick-prev { left: 15px; font-size: 0;}
.slick-prev:before { content: "\f060"; margin-right: 7px;}
.slick-prev:after {
  content: "Sebelumnya";
  font-size: 1rem;
}
.slick-next { right: 15px; font-size: 0;}
.slick-next:after { content: "\f061"; margin-left: 7px;}
.slick-next:before {
  content: "Selanjutnya";
  font-size: 1rem;
}

.slick-disabled { opacity: 0;}

/* Tasbih */
#tasbih {
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(255, 255, 255, 0) 80%);
  width: 100%;
  height: 100%;
  padding: 10% 0 0;
}
#tasbih .tasbih-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgb(52,153,255);
  background: linear-gradient(90deg, rgba(52,153,255,1) 0%, rgba(58,57,133,1) 100%);
  padding: 1.126em 15px;
  font-size: 1.333rem;
  font-weight: 600;
  color: #fff;
}
#tasbih #counter { padding-bottom: 0;}
.fancyTasbih.fancybox-is-open .fancybox-bg { opacity: 0;}
.fancyTasbih .fancybox-slide--html { padding: 0;}
.fancyTasbih .fancybox-close-small { margin-top: 7px; color: #fff!important; opacity: 1;}

.goto_tasbih {
  opacity: 1;
  -webkit-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
}
body.fancybox-active .goto_tasbih { opacity: 0;}