$(document).ready(function(){

	// Dtl slider
	$('.dtl-thumb-slider').slick({
	  slidesToShow: 1,
	  slidesToScroll: 1,
	  arrows: true,
	  infinite: false,
	  asNavFor: '.dtl-ex',
	  prevArrow: '<div class="slick-prev"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>',
	  nextArrow: '<div class="slick-next"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>'

	});
	$('.dtl-ex-slider').slick({
	  slidesToShow:4,
	  slidesToScroll: 1,
	  arrows: true,
	  asNavFor: '.dtl-thumb-slider',
	  vertical: true,
	  verticalSwiping: true,
	  focusOnSelect: true,
	  infinite: false,
	  responsive: [
	      {
	        breakpoint: 1240,
	        settings: { slidesToShow: 4,}
	      },
				{
	        breakpoint: 1104,
	        settings: { slidesToShow: 4,}
	      },
	      {
	        breakpoint: 992,
	        settings: { slidesToShow: 4,}
	      },
	      {
	        breakpoint: 768,
	        settings: { 
	          vertical: false,
	          verticalSwiping: false,
	          centerPadding: "10px"

	        }
	      }
	    ],
	  prevArrow: '<div class="slick-prev"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>',
	  nextArrow: '<div class="slick-next"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>'
	  //prevArrow: '<button class="slide-arrow prev-arrow"></button>',
	  //nextArrow: '<button class="slide-arrow next-arrow"></button>'
	});

	//dtl popup slider
	$('.dtl-thumb-slider-popup').slick({
	  slidesToShow: 1,
	  slidesToScroll: 1,
	  arrows: true,
	  infinite: false,
	  asNavFor: '.dtl-ex',
	  prevArrow: '<div class="slick-prev"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>',
	  nextArrow: '<div class="slick-next"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>'

	});
	$('.dtl-ex-slider-popup').slick({
	  slidesToShow:5,
	  slidesToScroll: 1,
	  arrows: true,
	  asNavFor: '.dtl-thumb-slider-popup',
	  vertical: true,
	  verticalSwiping: true,
	  focusOnSelect: true,
	  infinite: false,
	  responsive: [
	      {
	        breakpoint: 1240,
	        settings: { slidesToShow: 4,}
	      },
				{
	        breakpoint: 1104,
	        settings: { slidesToShow: 3,}
	      },
	      {
	        breakpoint: 992,
	        settings: { slidesToShow: 4,}
	      },
	      {
	        breakpoint: 768,
	        settings: { 
	          vertical: false,
	          verticalSwiping: false,
	        }
	      },
				{
	        breakpoint: 380,
	        settings: { 
						slidesToShow: 4,
						vertical: false,
	          verticalSwiping: false,
					}
	      },
	    ],
	  prevArrow: '<div class="slick-prev"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>',
	  nextArrow: '<div class="slick-next"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_owl_arrow"></use></svg></div>'
	  //prevArrow: '<button class="slide-arrow prev-arrow"></button>',
	  //nextArrow: '<button class="slide-arrow next-arrow"></button>'
	});
	


	// Accordion
 	$(document).ready(function(){
		$("#accordion h4").eq(0).addClass("active");
	    $("#accordion .accordion_content").eq(0).show();
	    $("#accordion h4").click(function(){
			$(this).next(".accordion_content").slideToggle("slow").siblings('.accordion_content').slideUp();
			$(this).toggleClass("active").siblings('h4').removeClass("active");
	    });
	  });


 	$('.right-thumbhlist').slick({
	  slidesToShow: 1,
	  slidesToScroll: 1,
	  arrows: false,
	  infinite: false,
	  asNavFor: '.dtl-ex',
	  prevArrow: '<div class="slick-prev"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>',
	  nextArrow: '<div class="slick-next"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>'

	});
	$('.dtl-rightlist-thumb').slick({
	  slidesToShow:3,
	  slidesToScroll: 1,
	  arrows: false,
	  asNavFor: '.right-thumbhlist',
	  vertical: true,
	  verticalSwiping: true,
	  focusOnSelect: true,
	  infinite: false,
	  responsive: [
	      {
	        breakpoint: 1240,
	        settings: { slidesToShow: 3,}
	      },
				{
	        breakpoint: 1104,
	        settings: { slidesToShow: 3,}
	      },
	      {
	        breakpoint: 992,
	        settings: { slidesToShow: 3,}
	      },
	      {
	        breakpoint: 768,
	        settings: { 
	          vertical: false,
	          verticalSwiping: false,
	          centerPadding: "10px"

	        }
	      }
	    ],
	  prevArrow: '<div class="slick-prev"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>',
	  nextArrow: '<div class="slick-next"><svg class="svg_rightarrow" width="26px" height="26px" aria-hidden="true" role="img" fill="none"><use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use></svg></div>'
	  //prevArrow: '<button class="slide-arrow prev-arrow"></button>',
	  //nextArrow: '<button class="slide-arrow next-arrow"></button>'
	});


});

