// .slick-dots
//   list-style-type: none
//   display: flex
//   justify-content: center
//   align-items: center
//   // position: relative
//   // z-index: 2
//   margin: 1rem 0 5px
//   li
//     border-radius: 50%
//     width: 6px
//     height: 6px
//     background: red
//     margin-right: 10px
//     transition: .3s
//     button
//       visibility: hidden
//   .slick-active
//     width: 16px
//     height: 6px
//     border-radius: 8px
//     // background: $secondColor

.blocker
  z-index: 3

.fancybox__counter span 
  color: $white

.jquery-modal.blocker
  z-index: 4
  background-color: rgba(0, 0, 0, .8)

// .fancybox__slide, .carousel__viewport
//   background-color: rgba(0, 0, 0, .9)
.fancybox__counter
  color: $yellow
  span
    color: $yellow
.carousel__button svg g
  stroke: $yellow
.carousel__button svg path
  stroke: $yellow
.carousel__button svg circle
  stroke: $yellow
.fancybox__thumb::after
  border-color: $yellow!important