var wow = new WOW(
    {
        boxClass: 'wow',      // animated element css class (default is wow)
        animateClass: 'animated', // animation css class (default is animated)
        offset: 0,          // distance to the element when triggering the animation (default is 0)
        mobile: false,       // trigger animations on mobile devices (default is true)
    }
);
wow.init();
var $status = $('.introduction__pagingInfo');
var $slickElement = $('.introduction__slick');

$slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
    var i = (currentSlide ? currentSlide : 0) + 1;
    $status.html('<div class="number__big">'+ ((i < 10) ? '0' + i : i) +'</div><div class="number__small"> /' + ((slick.slideCount < 10) ? '0' + slick.slideCount : slick.slideCount) + '</div>');

});

$('.introduction__slick').slick({
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: true,
    draggable: true,
    fade: true,
    arrows: false,
    cssEase: 'linear'
});
$('.introduction__pagingInfo').prependTo( $('.introduction') );
$('.introduction__slick .slick-dots').prependTo( $('.introduction') );

var $status2 = $('.opinions__pagingInfo');
var $slickElement2 = $('.opinions__slick');

$slickElement2.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
    var i = (currentSlide ? currentSlide : 0) + 1;
    $status2.html('<div class="number__big">'+ ((i < 10) ? '0' + i : i) +'</div><div class="number__small"> /' + ((slick.slideCount < 10) ? '0' + slick.slideCount : slick.slideCount) + '</div>');
});
$('.opinions__slick').slick({
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: true,
    draggable: false,
    fade: true,
    arrows: true,
    cssEase: 'linear',
     responsive: [{
            breakpoint: 1080,
            settings: {
                dots: false,
            }
        }]
});
$('.opinions__pagingInfo').prependTo( $('.opinions__slick') );

function showText() {
    $('#form__textMore').hide();
    $('.form__textMore--text').fadeIn();
};
$( "#form__textMore" ).on( "click", showText );

$('#form__modal').magnificPopup({
    items: {
        src: '#modal__regulamin', // CSS selector of an element on page that should be used as a popup
        type: 'inline'
    }
});

$(".close-popup").click(function(){
    $(".hms-this, .hms-newsletter").fadeOut(200);
});