/* Homepage Slider */

.my-slider {
  display: none;
}
.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
  position: relative;
}
.unslider-wrap {
  position: relative;
}
.unslider-wrap.unslider-carousel > li {
  float: left;
}
.unslider-vertical > ul {
  height: 100%;
}
.unslider-vertical li {
  float: none;
  width: 100%;
}
.unslider ul, .unslider ol, .unslider li {
  list-style: none;
  /* Reset any weird spacing */
  margin: 0;
  padding: 0;
  border: none;
}
.unslider-arrow {
  position: absolute;
  left: 20px;
  z-index: 2;
  cursor: pointer;
  top: 45%;
  z-index: 999;
  width: 71px;
  height: 71px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.3);
  opacity: 0;
  transition: .4s;
  color: rgba(255,255,255,0);
}
.unslider-arrow:after{
  content: url('/wp-content/themes/activeconversion/images/left.png');
  position: absolute;
  left: 27px;
  top: 23px;
}
.unslider-arrow.next:after {
  content: url('/wp-content/themes/activeconversion/images/right.png');
  position: absolute;
  left: 30px;
  top: 23px;
}
.unslider-arrow.next {
  left: auto;
  right: 20px;
}
.unslider:hover .unslider-arrow {
  opacity: 1;
}
.unslider ul li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.unslider-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 10;
}
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 4px;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
  background: #fff;
  position: relative;
  top: -2px;
}
.unslider-nav ol li.unslider-active {
  background: transparent;
  cursor: default;
  border: 2px solid #fff;
  width: 11px;
  height: 11px;
  top: 0;
}

/* Slider Loader */
#loader {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 45%;
  z-index: 999;
}
#loader span{
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  border: 2px solid #ffd503;
  margin: 35px 2px;
}
#loader span:nth-child(1){
  animation: bounce 1s ease-in-out infinite;
}
#loader span:nth-child(2){
  animation: bounce 1s ease-in-out 0.33s infinite;
  background: #ffd503;
  width: 8px;
  height: 8px;
}
#loader span:nth-child(3){
  animation: bounce 1s ease-in-out 0.66s infinite;
  background: #ffd503;
  width: 8px;
  height: 8px;
}
@keyframes bounce{
  0%, 75%, 100%{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  25%{
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/* END Slider Loader */
/* END Homepage Slider */