@charset 'UTF-8';

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;

    display: block;

    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 50%;
    /*-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/

    cursor: pointer;

    color: transparent;
    border: rgba(22, 22, 22, 1) 1px solid;
    outline: none;
    background: transparent;
    z-index: 2;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
    border: #01457E 1px solid;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
  background: transparent url('@img/slider-arr.svg') no-repeat 0 -8px;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .2;
}
.slick-prev:before,
.slick-next:before
{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 7px;
  background: transparent url('@img/slider-arr.svg') no-repeat 0 0;
}

.slick-prev
{
  top: 0px;
  right: 64px;
}
.slick-prev:before
{
  margin: -3.5px 0 0 -4px;
  transform: rotate(180deg);
}
.slick-next
{
  top: 0px;
  right: 10px;
}
.slick-next:before
{
  margin: -3.5px 0 0 -1px;
}
.default-slider-arrows {
  display: flex;
  gap: 16px;
  margin: -4px 0 0 0;
}
.slider-arrow-prev,
.slider-arrow-next {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
	background: #D52339 url("/site_img/arr-slider.svg") no-repeat center center;
}
.slider-arrow-next {
  transform: rotate(-180deg);
}
.slider-arrow-prev:hover,
.slider-arrow-prev:focus,
.slider-arrow-next:hover,
.slider-arrow-next:focus {
  background: #FF344D url("/site_img/arr-slider.svg") no-repeat center center;
}
.slider-arrow-prev.slick-disabled,
.slider-arrow-next.slick-disabled {
  background: #E8A1AA url("/site_img/arr-slider.svg") no-repeat center center;
}


/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 54px !important;
}

.slick-dots {
    position: absolute;
    bottom: -54px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;
    line-height: 0;

    text-align: center;
}
@media (max-width: 767px) {
  .slick-dotted.slick-slider {
    margin-bottom: 44px !important;
  }
  .slick-dots {
    bottom: -44px;
  }
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 18px;
    height: 18px;
    margin: 0 3px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
    height: 12px;
    padding: 3px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
  background: #D52339;
}
.slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    content: '';
    text-align: center;
    background: #D2D2D2;
    border-radius: 50%;
}
.slick-dots li.slick-active button:before {
  background: #D52339;
}

.slick-dots > li:first-child:last-child {
  display: none;
}

/**/