.carousel-control {
    position: absolute;
    top:40%;
    &.opalestate-left {
      left: 30px;
      @media screen and (max-width: 479px) {
        left: 0;
      }
    }
    &.opalestate-right {
      left: auto;
      right: 30px;
      @media screen and (max-width: 479px) {
        right: 0;
      }
    }

    // Hover/focus state
    &:hover,
    &:focus {
    }
}

// Loading map
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: $theme-color;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}


////

.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.noUi-target {
  position: relative;
  direction: ltr
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #ef114c;
  border-radius: 3px;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0
}
.noUi-handle {
  position: relative;
  z-index: 1
}
.noUi-stacking .noUi-handle {
  z-index: 10
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left .3s, top .3s;
  transition: left .3s, top .3s
}
.noUi-state-drag * {
  cursor: inherit!important
}
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.noUi-horizontal {
  height: 6px;
  border-radius: 3px;
  .noUi-base {
    .noUi-origin {
      .noUi-handle {
        @include rtl-margin-left(-18px);
      }
      &:first-child {
        .noUi-handle {
          @include rtl-margin-left(0px);
        }
      }
    }
  }
}
.noUi-horizontal .noUi-handle {
  height:18px;
  width:18px;
  left: 0px;
  top: -6px;
  &.noUi-handle-upper {
    @include rtl-margin-left(-18px);
  }
}
.noUi-vertical {
  width: 18px
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px
}
.noUi-background {
  background: #dadada;
  border-radius: 3px;
}
.noUi-connect {
  background: $theme-color;
  border-radius: 3px;
}
.noUi-origin {
}
.noUi-target {
}
.noUi-target.noUi-connect {
}
.noUi-dragable {
  cursor: w-resize
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize
}
.noUi-handle {
  border-radius: 50%;
  background: #FFF;
  cursor: default;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}
.noUi-handle:after, .noUi-handle:before {
}
.noUi-handle:after {
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
}
.noUi-vertical .noUi-handle:after {
}
[disabled] .noUi-connect, [disabled].noUi-connect {
  background: #B8B8B8
}
[disabled] .noUi-handle {
  cursor: not-allowed
}