$('.serv-page__examples-list').slick({
  infinite: true,
  slidesToShow: 5,
  slidesToScroll: 1,
  prevArrow: '<button class="prevArr sliderArr"></button>',
  nextArrow: '<button class="nextArr sliderArr"></button>',
  responsive: [
    {
      breakpoint: 900,
      settings: {
        slidesToShow: 4,
      }
    },
    {
      breakpoint: 680,
      settings: {
        slidesToShow: 3,
      }
    },
    {
      breakpoint: 550,
      settings: {
        slidesToShow: 1,
        variableWidth: true, 
      }
    }
  ]
});
$('.serv-page__rev-list').slick({
  infinite: true,
  slidesToShow: 2,
  slidesToScroll: 1,
  dots: true,
  prevArrow: '<button class="prevArr sliderArr"></button>',
  nextArrow: '<button class="nextArr sliderArr"></button>',
  responsive: [
    {
      breakpoint: 800,
      settings: {
        slidesToShow: 1,
      }
    },
  ]
});
$('.serv-page__faq-head').on('click', function(){
  $(this).toggleClass('active').next().slideToggle()
})

$(window).on('load resize', function() {
  if ($(window).width() <= 600) {
    $('.serv-page__reasons-list:not(.slick-initialized)').slick({
      dots: false,
      variableWidth: true,
      arrows: true,
      infinite: true,
      slidesToShow: 1,
      lazyLoad: 'ondemand',
      prevArrow: '<button class="prevArr sliderArr"></button>',
      nextArrow: '<button class="nextArr sliderArr"></button>'
    });
  } else {
    $(".serv-page__reasons-list.slick-initialized").slick("unslick");
  }
  if ($(window).width() <= 1024) {
    $('.n-region-list:not(.slick-initialized)').slick({
      dots: false,
      variableWidth: true,
      arrows: true,
      infinite: true,
      slidesToShow: 1,
      lazyLoad: 'ondemand',
      prevArrow: '<button class="prevArr sliderArr"></button>',
      nextArrow: '<button class="nextArr sliderArr"></button>'
    });
  } else {
    $(".n-region-list.slick-initialized").slick("unslick");
  }
  if ($(window).width() <= 600) {
    $('.n-achivements-list:not(.slick-initialized)').slick({
      dots: false,
      variableWidth: true,
      arrows: true,
      infinite: true,
      slidesToShow: 1,
      lazyLoad: 'ondemand',
      prevArrow: '<button class="prevArr sliderArr"></button>',
      nextArrow: '<button class="nextArr sliderArr"></button>'
    });
  } else {
    $(".n-achivements-list.slick-initialized").slick("unslick");
  }

  if ($(window).width() <= 550) {
    $('.news-popular').slick({
      dots: false,
      variableWidth: true,
      arrows: true,
      infinite: true,
      slidesToShow: 1,
      lazyLoad: 'ondemand',
      prevArrow: '<button class="prevArr sliderArr"></button>',
      nextArrow: '<button class="nextArr sliderArr"></button>'
    });
  } else {
    $(".news-popular.slick-initialized").slick("unslick");
  }
});

$('.header-new--mobile__burger').on('click', function(){
  $('.burg-menu').fadeIn()
})

$('.burg-menu-close').on('click', function(){
  $('.burg-menu').fadeOut()
})

$('[data-popup]').on('click', function(){
  const p = $(this).data('popup')
  $('#' + p).fadeIn()
})

$('.popup-wrap, .close').on('click', function(e){
  if (e.target == this){
    $(this).closest('.popup').fadeOut();
  }
})

$('.anc-btn').on('click', function(){
  if($(this).hasClass('active')){
    $('.art-anc-list a:not(:last-child').toggle()
    $(this).toggleClass('active')
  }
  else{
    $('.art-anc-list a:not(:last-child').css('display', 'block')
    $(this).toggleClass('active')
  }
})

$('.n-region-link').on('click', function(e){
  e.preventDefault()
  $('.n-region-content').hide()
  $('.n-region-link').removeClass('active')
  var tab = $(this).data('tab')
  $('.n-region-content[data-tab='+ tab +']').show()
  $(this).addClass('active')
})