diff --git a/LaptopTCC/images/backup icons/1.png b/LaptopTCC/images/backup icons/1.png
new file mode 100644
index 0000000..2f19d13
Binary files /dev/null and b/LaptopTCC/images/backup icons/1.png differ
diff --git a/LaptopTCC/images/backup icons/10.png b/LaptopTCC/images/backup icons/10.png
new file mode 100644
index 0000000..d3705d6
Binary files /dev/null and b/LaptopTCC/images/backup icons/10.png differ
diff --git a/LaptopTCC/images/backup icons/11.png b/LaptopTCC/images/backup icons/11.png
new file mode 100644
index 0000000..3bddf54
Binary files /dev/null and b/LaptopTCC/images/backup icons/11.png differ
diff --git a/LaptopTCC/images/backup icons/12.png b/LaptopTCC/images/backup icons/12.png
new file mode 100644
index 0000000..25471fb
Binary files /dev/null and b/LaptopTCC/images/backup icons/12.png differ
diff --git a/LaptopTCC/images/backup icons/13.png b/LaptopTCC/images/backup icons/13.png
new file mode 100644
index 0000000..02b354a
Binary files /dev/null and b/LaptopTCC/images/backup icons/13.png differ
diff --git a/LaptopTCC/images/backup icons/14.png b/LaptopTCC/images/backup icons/14.png
new file mode 100644
index 0000000..8f19cef
Binary files /dev/null and b/LaptopTCC/images/backup icons/14.png differ
diff --git a/LaptopTCC/images/backup icons/15.png b/LaptopTCC/images/backup icons/15.png
new file mode 100644
index 0000000..649c9ad
Binary files /dev/null and b/LaptopTCC/images/backup icons/15.png differ
diff --git a/LaptopTCC/images/backup icons/16.png b/LaptopTCC/images/backup icons/16.png
new file mode 100644
index 0000000..825215d
Binary files /dev/null and b/LaptopTCC/images/backup icons/16.png differ
diff --git a/LaptopTCC/images/backup icons/17.png b/LaptopTCC/images/backup icons/17.png
new file mode 100644
index 0000000..cb39278
Binary files /dev/null and b/LaptopTCC/images/backup icons/17.png differ
diff --git a/LaptopTCC/images/backup icons/18.png b/LaptopTCC/images/backup icons/18.png
new file mode 100644
index 0000000..c67ac38
Binary files /dev/null and b/LaptopTCC/images/backup icons/18.png differ
diff --git a/LaptopTCC/images/backup icons/19.png b/LaptopTCC/images/backup icons/19.png
new file mode 100644
index 0000000..483872c
Binary files /dev/null and b/LaptopTCC/images/backup icons/19.png differ
diff --git a/LaptopTCC/images/backup icons/2.png b/LaptopTCC/images/backup icons/2.png
new file mode 100644
index 0000000..71d18b7
Binary files /dev/null and b/LaptopTCC/images/backup icons/2.png differ
diff --git a/LaptopTCC/images/backup icons/20.png b/LaptopTCC/images/backup icons/20.png
new file mode 100644
index 0000000..b92b77b
Binary files /dev/null and b/LaptopTCC/images/backup icons/20.png differ
diff --git a/LaptopTCC/images/backup icons/22.png b/LaptopTCC/images/backup icons/22.png
new file mode 100644
index 0000000..7b01451
Binary files /dev/null and b/LaptopTCC/images/backup icons/22.png differ
diff --git a/LaptopTCC/images/backup icons/23.png b/LaptopTCC/images/backup icons/23.png
new file mode 100644
index 0000000..f1201e5
Binary files /dev/null and b/LaptopTCC/images/backup icons/23.png differ
diff --git a/LaptopTCC/images/backup icons/24.png b/LaptopTCC/images/backup icons/24.png
new file mode 100644
index 0000000..ce1d804
Binary files /dev/null and b/LaptopTCC/images/backup icons/24.png differ
diff --git a/LaptopTCC/images/backup icons/25.png b/LaptopTCC/images/backup icons/25.png
new file mode 100644
index 0000000..d833756
Binary files /dev/null and b/LaptopTCC/images/backup icons/25.png differ
diff --git a/LaptopTCC/images/backup icons/26.png b/LaptopTCC/images/backup icons/26.png
new file mode 100644
index 0000000..0adbf3e
Binary files /dev/null and b/LaptopTCC/images/backup icons/26.png differ
diff --git a/LaptopTCC/images/backup icons/27.png b/LaptopTCC/images/backup icons/27.png
new file mode 100644
index 0000000..da82c60
Binary files /dev/null and b/LaptopTCC/images/backup icons/27.png differ
diff --git a/LaptopTCC/images/backup icons/28.png b/LaptopTCC/images/backup icons/28.png
new file mode 100644
index 0000000..01a70b2
Binary files /dev/null and b/LaptopTCC/images/backup icons/28.png differ
diff --git a/LaptopTCC/images/backup icons/29.png b/LaptopTCC/images/backup icons/29.png
new file mode 100644
index 0000000..41c70d6
Binary files /dev/null and b/LaptopTCC/images/backup icons/29.png differ
diff --git a/LaptopTCC/images/backup icons/3.png b/LaptopTCC/images/backup icons/3.png
new file mode 100644
index 0000000..5f61872
Binary files /dev/null and b/LaptopTCC/images/backup icons/3.png differ
diff --git a/LaptopTCC/images/backup icons/4.png b/LaptopTCC/images/backup icons/4.png
new file mode 100644
index 0000000..04f30d8
Binary files /dev/null and b/LaptopTCC/images/backup icons/4.png differ
diff --git a/LaptopTCC/images/backup icons/5.png b/LaptopTCC/images/backup icons/5.png
new file mode 100644
index 0000000..da30b17
Binary files /dev/null and b/LaptopTCC/images/backup icons/5.png differ
diff --git a/LaptopTCC/images/backup icons/6.png b/LaptopTCC/images/backup icons/6.png
new file mode 100644
index 0000000..a6f07bb
Binary files /dev/null and b/LaptopTCC/images/backup icons/6.png differ
diff --git a/LaptopTCC/images/backup icons/7.png b/LaptopTCC/images/backup icons/7.png
new file mode 100644
index 0000000..834c733
Binary files /dev/null and b/LaptopTCC/images/backup icons/7.png differ
diff --git a/LaptopTCC/images/backup icons/8.png b/LaptopTCC/images/backup icons/8.png
new file mode 100644
index 0000000..b9e4933
Binary files /dev/null and b/LaptopTCC/images/backup icons/8.png differ
diff --git a/LaptopTCC/images/backup icons/9.png b/LaptopTCC/images/backup icons/9.png
new file mode 100644
index 0000000..a35ebbd
Binary files /dev/null and b/LaptopTCC/images/backup icons/9.png differ
diff --git a/LaptopTCC/images/backup icons/image 4.png b/LaptopTCC/images/backup icons/image 4.png
new file mode 100644
index 0000000..7be97ea
Binary files /dev/null and b/LaptopTCC/images/backup icons/image 4.png differ
diff --git a/LaptopTCC/images/cart-home-min.png b/LaptopTCC/images/cart-home-min.png
new file mode 100644
index 0000000..635951d
Binary files /dev/null and b/LaptopTCC/images/cart-home-min.png differ
diff --git a/LaptopTCC/images/cart-ticket.png b/LaptopTCC/images/cart-ticket.png
new file mode 100644
index 0000000..7286015
Binary files /dev/null and b/LaptopTCC/images/cart-ticket.png differ
diff --git a/LaptopTCC/images/category/slider-1.png b/LaptopTCC/images/category/slider-1.png
new file mode 100644
index 0000000..4843399
Binary files /dev/null and b/LaptopTCC/images/category/slider-1.png differ
diff --git a/LaptopTCC/images/category/slider-2.png b/LaptopTCC/images/category/slider-2.png
new file mode 100644
index 0000000..cad77ec
Binary files /dev/null and b/LaptopTCC/images/category/slider-2.png differ
diff --git a/LaptopTCC/images/footer-newsletter-bg.png b/LaptopTCC/images/footer-newsletter-bg.png
new file mode 100644
index 0000000..e5707a2
Binary files /dev/null and b/LaptopTCC/images/footer-newsletter-bg.png differ
diff --git a/LaptopTCC/images/global-footer-bct.png b/LaptopTCC/images/global-footer-bct.png
new file mode 100644
index 0000000..c00dd51
Binary files /dev/null and b/LaptopTCC/images/global-footer-bct.png differ
diff --git a/LaptopTCC/images/global-icon-left.png b/LaptopTCC/images/global-icon-left.png
new file mode 100644
index 0000000..d85036c
Binary files /dev/null and b/LaptopTCC/images/global-icon-left.png differ
diff --git a/LaptopTCC/images/global-sprite.png b/LaptopTCC/images/global-sprite.png
new file mode 100644
index 0000000..78f26b8
Binary files /dev/null and b/LaptopTCC/images/global-sprite.png differ
diff --git a/LaptopTCC/images/home-collection-bg.png b/LaptopTCC/images/home-collection-bg.png
new file mode 100644
index 0000000..652c714
Binary files /dev/null and b/LaptopTCC/images/home-collection-bg.png differ
diff --git a/LaptopTCC/images/home-deal-bg.png b/LaptopTCC/images/home-deal-bg.png
new file mode 100644
index 0000000..7ca49be
Binary files /dev/null and b/LaptopTCC/images/home-deal-bg.png differ
diff --git a/LaptopTCC/images/home-static-bg.png b/LaptopTCC/images/home-static-bg.png
new file mode 100644
index 0000000..4961627
Binary files /dev/null and b/LaptopTCC/images/home-static-bg.png differ
diff --git a/LaptopTCC/images/homepage/Rectangle 199.png b/LaptopTCC/images/homepage/Rectangle 199.png
new file mode 100644
index 0000000..fc56860
Binary files /dev/null and b/LaptopTCC/images/homepage/Rectangle 199.png differ
diff --git a/LaptopTCC/images/homepage/banner-collection.png b/LaptopTCC/images/homepage/banner-collection.png
new file mode 100644
index 0000000..24c4083
Binary files /dev/null and b/LaptopTCC/images/homepage/banner-collection.png differ
diff --git a/LaptopTCC/images/homepage/home-about.png b/LaptopTCC/images/homepage/home-about.png
new file mode 100644
index 0000000..686e208
Binary files /dev/null and b/LaptopTCC/images/homepage/home-about.png differ
diff --git a/LaptopTCC/images/homepage/home-customer-1.png b/LaptopTCC/images/homepage/home-customer-1.png
new file mode 100644
index 0000000..73e3c19
Binary files /dev/null and b/LaptopTCC/images/homepage/home-customer-1.png differ
diff --git a/LaptopTCC/images/homepage/home-customer-2.png b/LaptopTCC/images/homepage/home-customer-2.png
new file mode 100644
index 0000000..8f443c4
Binary files /dev/null and b/LaptopTCC/images/homepage/home-customer-2.png differ
diff --git a/LaptopTCC/images/homepage/home-customer-3.png b/LaptopTCC/images/homepage/home-customer-3.png
new file mode 100644
index 0000000..39f5448
Binary files /dev/null and b/LaptopTCC/images/homepage/home-customer-3.png differ
diff --git a/LaptopTCC/images/homepage/home-customer-4.png b/LaptopTCC/images/homepage/home-customer-4.png
new file mode 100644
index 0000000..7854b2d
Binary files /dev/null and b/LaptopTCC/images/homepage/home-customer-4.png differ
diff --git a/LaptopTCC/images/homepage/home-customer-banner.png b/LaptopTCC/images/homepage/home-customer-banner.png
new file mode 100644
index 0000000..33e195d
Binary files /dev/null and b/LaptopTCC/images/homepage/home-customer-banner.png differ
diff --git a/LaptopTCC/images/homepage/home-review-1.png b/LaptopTCC/images/homepage/home-review-1.png
new file mode 100644
index 0000000..0dd1ebd
Binary files /dev/null and b/LaptopTCC/images/homepage/home-review-1.png differ
diff --git a/LaptopTCC/images/homepage/home-review-2.png b/LaptopTCC/images/homepage/home-review-2.png
new file mode 100644
index 0000000..2f1333b
Binary files /dev/null and b/LaptopTCC/images/homepage/home-review-2.png differ
diff --git a/LaptopTCC/images/homepage/home-review-3.png b/LaptopTCC/images/homepage/home-review-3.png
new file mode 100644
index 0000000..0ed5a54
Binary files /dev/null and b/LaptopTCC/images/homepage/home-review-3.png differ
diff --git a/LaptopTCC/images/homepage/home-review-4.png b/LaptopTCC/images/homepage/home-review-4.png
new file mode 100644
index 0000000..feb537c
Binary files /dev/null and b/LaptopTCC/images/homepage/home-review-4.png differ
diff --git a/LaptopTCC/images/homepage/logo-favicon-2.png b/LaptopTCC/images/homepage/logo-favicon-2.png
new file mode 100644
index 0000000..634fdd0
Binary files /dev/null and b/LaptopTCC/images/homepage/logo-favicon-2.png differ
diff --git a/LaptopTCC/images/homepage/maxresdefault.jpg b/LaptopTCC/images/homepage/maxresdefault.jpg
new file mode 100644
index 0000000..223e3d1
Binary files /dev/null and b/LaptopTCC/images/homepage/maxresdefault.jpg differ
diff --git a/LaptopTCC/images/homepage/right-1.png b/LaptopTCC/images/homepage/right-1.png
new file mode 100644
index 0000000..a484ade
Binary files /dev/null and b/LaptopTCC/images/homepage/right-1.png differ
diff --git a/LaptopTCC/images/homepage/right-2.png b/LaptopTCC/images/homepage/right-2.png
new file mode 100644
index 0000000..b599ef5
Binary files /dev/null and b/LaptopTCC/images/homepage/right-2.png differ
diff --git a/LaptopTCC/images/homepage/right-3.png b/LaptopTCC/images/homepage/right-3.png
new file mode 100644
index 0000000..c2c1b1d
Binary files /dev/null and b/LaptopTCC/images/homepage/right-3.png differ
diff --git a/LaptopTCC/images/homepage/right-4.png b/LaptopTCC/images/homepage/right-4.png
new file mode 100644
index 0000000..e920090
Binary files /dev/null and b/LaptopTCC/images/homepage/right-4.png differ
diff --git a/LaptopTCC/images/homepage/right-5.png b/LaptopTCC/images/homepage/right-5.png
new file mode 100644
index 0000000..2480a78
Binary files /dev/null and b/LaptopTCC/images/homepage/right-5.png differ
diff --git a/LaptopTCC/images/homepage/slider.png b/LaptopTCC/images/homepage/slider.png
new file mode 100644
index 0000000..9a3f54e
Binary files /dev/null and b/LaptopTCC/images/homepage/slider.png differ
diff --git a/LaptopTCC/images/icon-clock.png b/LaptopTCC/images/icon-clock.png
new file mode 100644
index 0000000..d7a868a
Binary files /dev/null and b/LaptopTCC/images/icon-clock.png differ
diff --git a/LaptopTCC/images/icon-mess.png b/LaptopTCC/images/icon-mess.png
new file mode 100644
index 0000000..53f6611
Binary files /dev/null and b/LaptopTCC/images/icon-mess.png differ
diff --git a/LaptopTCC/images/icon-video.png b/LaptopTCC/images/icon-video.png
new file mode 100644
index 0000000..a491eab
Binary files /dev/null and b/LaptopTCC/images/icon-video.png differ
diff --git a/LaptopTCC/images/icon-zalo.png b/LaptopTCC/images/icon-zalo.png
new file mode 100644
index 0000000..22e4849
Binary files /dev/null and b/LaptopTCC/images/icon-zalo.png differ
diff --git a/LaptopTCC/images/icons/art-1.png b/LaptopTCC/images/icons/art-1.png
new file mode 100644
index 0000000..968d28f
Binary files /dev/null and b/LaptopTCC/images/icons/art-1.png differ
diff --git a/LaptopTCC/images/icons/art-2.png b/LaptopTCC/images/icons/art-2.png
new file mode 100644
index 0000000..2762e6a
Binary files /dev/null and b/LaptopTCC/images/icons/art-2.png differ
diff --git a/LaptopTCC/images/icons/art-3.png b/LaptopTCC/images/icons/art-3.png
new file mode 100644
index 0000000..41bc78b
Binary files /dev/null and b/LaptopTCC/images/icons/art-3.png differ
diff --git a/LaptopTCC/images/icons/icon-1.png b/LaptopTCC/images/icons/icon-1.png
new file mode 100644
index 0000000..0ac356d
Binary files /dev/null and b/LaptopTCC/images/icons/icon-1.png differ
diff --git a/LaptopTCC/images/icons/icon-2.png b/LaptopTCC/images/icons/icon-2.png
new file mode 100644
index 0000000..2e1f80a
Binary files /dev/null and b/LaptopTCC/images/icons/icon-2.png differ
diff --git a/LaptopTCC/images/icons/icon-3.png b/LaptopTCC/images/icons/icon-3.png
new file mode 100644
index 0000000..14ce9aa
Binary files /dev/null and b/LaptopTCC/images/icons/icon-3.png differ
diff --git a/LaptopTCC/images/icons/icon-4.png b/LaptopTCC/images/icons/icon-4.png
new file mode 100644
index 0000000..0377cbe
Binary files /dev/null and b/LaptopTCC/images/icons/icon-4.png differ
diff --git a/LaptopTCC/images/icons/icon-5.png b/LaptopTCC/images/icons/icon-5.png
new file mode 100644
index 0000000..1d4742e
Binary files /dev/null and b/LaptopTCC/images/icons/icon-5.png differ
diff --git a/LaptopTCC/images/icons/icon-6.png b/LaptopTCC/images/icons/icon-6.png
new file mode 100644
index 0000000..6379b98
Binary files /dev/null and b/LaptopTCC/images/icons/icon-6.png differ
diff --git a/LaptopTCC/images/icons/icon-7.png b/LaptopTCC/images/icons/icon-7.png
new file mode 100644
index 0000000..6ce2b20
Binary files /dev/null and b/LaptopTCC/images/icons/icon-7.png differ
diff --git a/LaptopTCC/images/logo-favicon.png b/LaptopTCC/images/logo-favicon.png
new file mode 100644
index 0000000..fd5934e
Binary files /dev/null and b/LaptopTCC/images/logo-favicon.png differ
diff --git a/LaptopTCC/images/logo-home-credit.png b/LaptopTCC/images/logo-home-credit.png
new file mode 100644
index 0000000..20805f4
Binary files /dev/null and b/LaptopTCC/images/logo-home-credit.png differ
diff --git a/LaptopTCC/images/logo-kredivo.png b/LaptopTCC/images/logo-kredivo.png
new file mode 100644
index 0000000..09ecb35
Binary files /dev/null and b/LaptopTCC/images/logo-kredivo.png differ
diff --git a/LaptopTCC/images/logo.png b/LaptopTCC/images/logo.png
new file mode 100644
index 0000000..dcb98fe
Binary files /dev/null and b/LaptopTCC/images/logo.png differ
diff --git a/LaptopTCC/images/mobile-home-deal-bg.png b/LaptopTCC/images/mobile-home-deal-bg.png
new file mode 100644
index 0000000..339dd05
Binary files /dev/null and b/LaptopTCC/images/mobile-home-deal-bg.png differ
diff --git a/LaptopTCC/images/no_image.jpg b/LaptopTCC/images/no_image.jpg
new file mode 100644
index 0000000..eeed0a7
Binary files /dev/null and b/LaptopTCC/images/no_image.jpg differ
diff --git a/LaptopTCC/images/p-icon-bestsale.png b/LaptopTCC/images/p-icon-bestsale.png
new file mode 100644
index 0000000..185519d
Binary files /dev/null and b/LaptopTCC/images/p-icon-bestsale.png differ
diff --git a/LaptopTCC/images/p-icon-cart.png b/LaptopTCC/images/p-icon-cart.png
new file mode 100644
index 0000000..2e1c954
Binary files /dev/null and b/LaptopTCC/images/p-icon-cart.png differ
diff --git a/LaptopTCC/images/p-icon-deal-discount.png b/LaptopTCC/images/p-icon-deal-discount.png
new file mode 100644
index 0000000..6ea8f89
Binary files /dev/null and b/LaptopTCC/images/p-icon-deal-discount.png differ
diff --git a/LaptopTCC/images/product-1.jpg b/LaptopTCC/images/product-1.jpg
new file mode 100644
index 0000000..9f8cbf8
Binary files /dev/null and b/LaptopTCC/images/product-1.jpg differ
diff --git a/LaptopTCC/images/product-2.jpg b/LaptopTCC/images/product-2.jpg
new file mode 100644
index 0000000..52a0025
Binary files /dev/null and b/LaptopTCC/images/product-2.jpg differ
diff --git a/LaptopTCC/images/product-3.jpg b/LaptopTCC/images/product-3.jpg
new file mode 100644
index 0000000..086e765
Binary files /dev/null and b/LaptopTCC/images/product-3.jpg differ
diff --git a/LaptopTCC/images/product-4.jpg b/LaptopTCC/images/product-4.jpg
new file mode 100644
index 0000000..a600205
Binary files /dev/null and b/LaptopTCC/images/product-4.jpg differ
diff --git a/LaptopTCC/images/product-5.jpg b/LaptopTCC/images/product-5.jpg
new file mode 100644
index 0000000..938e21f
Binary files /dev/null and b/LaptopTCC/images/product-5.jpg differ
diff --git a/LaptopTCC/images/product-6.jpg b/LaptopTCC/images/product-6.jpg
new file mode 100644
index 0000000..a4e0d8c
Binary files /dev/null and b/LaptopTCC/images/product-6.jpg differ
diff --git a/LaptopTCC/images/product-7.jpg b/LaptopTCC/images/product-7.jpg
new file mode 100644
index 0000000..6ed2b92
Binary files /dev/null and b/LaptopTCC/images/product-7.jpg differ
diff --git a/LaptopTCC/images/product-8.jpg b/LaptopTCC/images/product-8.jpg
new file mode 100644
index 0000000..c128975
Binary files /dev/null and b/LaptopTCC/images/product-8.jpg differ
diff --git a/LaptopTCC/images/product-detail-support.png b/LaptopTCC/images/product-detail-support.png
new file mode 100644
index 0000000..850a463
Binary files /dev/null and b/LaptopTCC/images/product-detail-support.png differ
diff --git a/LaptopTCC/images/send-cart-face.png b/LaptopTCC/images/send-cart-face.png
new file mode 100644
index 0000000..3559f1f
Binary files /dev/null and b/LaptopTCC/images/send-cart-face.png differ
diff --git a/LaptopTCC/images/star-1.png b/LaptopTCC/images/star-1.png
new file mode 100644
index 0000000..d4596fc
Binary files /dev/null and b/LaptopTCC/images/star-1.png differ
diff --git a/LaptopTCC/images/star.png b/LaptopTCC/images/star.png
new file mode 100644
index 0000000..e97140e
Binary files /dev/null and b/LaptopTCC/images/star.png differ
diff --git a/LaptopTCC/images/star_rating.png b/LaptopTCC/images/star_rating.png
new file mode 100644
index 0000000..c4cba66
Binary files /dev/null and b/LaptopTCC/images/star_rating.png differ
diff --git a/LaptopTCC/images/zalo.png b/LaptopTCC/images/zalo.png
new file mode 100644
index 0000000..a06672c
Binary files /dev/null and b/LaptopTCC/images/zalo.png differ
diff --git a/LaptopTCC/index-mobile.html b/LaptopTCC/index-mobile.html
new file mode 100644
index 0000000..eb9e6bb
--- /dev/null
+++ b/LaptopTCC/index-mobile.html
@@ -0,0 +1,1715 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title> Mobile Local </title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+        
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+
+    <link rel="stylesheet" media="screen" href="scss/lib.css" />
+    <link rel="stylesheet" media="screen" href="scss/mobile_css.css" />       
+
+</head>
+<body>
+
+<!-- Header -->
+<p class="text-12 text-white font-700 text-center bg-main m-0" style="line-height: 27px;font-style: italic;">Cảm ơn vì đã chọn chúng tôi!</p>
+
+<div class="global-header-container">
+    <a href="/" class="header-logo">
+        <img src="images/logo-favicon.png" alt="LaptopTCC" width="1" height="1"/>
+    </a>    
+    
+    <form method="get" action="/tim" name="search" class="header-search-group">
+        <input type="text" id="js-global-search" name="q" placeholder="Tìm kiếm sản phẩm ..." value="" autocomplete="off">
+        <button type="button" class="icon-search"></button>
+    </form>
+
+    <div class="autocomplete-suggestions" id="js-search-holder" style="display: none;"><!-- search data --></div>    
+
+    <div class="header-right-group">
+        <a href="/cart" class="icons icon-cart">
+            <span class="cart-count js-cart-count">0</span>
+        </a>    
+    
+        <a href="#js-global-menu" class="icons icon-menu"></a>
+    </div>
+</div>
+
+
+<!-- Homepage -->
+<div class="homepage">
+    <div class="home-slider-group">
+        <div class="owl-carousel owl-theme custom-dots" id="js-home-slider">
+            <a href="">
+                <img data-src="images/homepage/slider.png" alt="" width="" height="" class="owl-lazy"/>
+            </a>
+            <a href="">
+                <img data-src="https://via.placeholder.com/632x330" alt="" width="" height="" class="owl-lazy"/>
+            </a>
+        </div>
+    </div>
+
+    <div class="homepage-category-list">
+        <a href="">
+            <i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i>
+            <span class="cat-title">Danh mục cấp 1</span>
+        </a>
+
+        <a href=""><i class="cat-thumb lazy" data-bg="url(images/logo-favicon.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a>
+    </div>
+
+    <!-- Deal -->
+    <div class="global-deal-container">
+        <div class="group-title lazy" data-bg="url(/images/home-deal-bg.png)">
+            <i class="icon-clock lazy" data-bg="url(images/icon-clock.png)"></i>
+            
+            <p class="title">DEAL HOT</p>
+
+            <div class="deal-time-holder">
+                <span>Kết thúc sau</span>
+                
+                <div class="deal-countdown-holder js-deal-countdown">
+                    <b>00</b>
+                    <b>00</b>
+                    <b>00</b>
+                </div>
+            </div>
+        </div>
+
+        <div class="global-deal-type">
+            <a href="javascript:void(0)" class="current"> Đang diễn ra </a>
+            <a href="javascript:void(0)"> Sắp diễn ra </a>
+        </div>
+
+        <div class="product-holder js-product-deal">
+            <div class="owl-carousel owl-theme custom-nav">
+
+                <div class="p-item">
+                    <a href="" class="p-img">
+                        <img src="images/product-1.jpg" alt=""/>
+                    </a>
+
+                    <div class="p-text">
+                        <a href="" class="p-name">
+                            <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
+                        </a>
+
+                        <div class="p-price-holder">
+                            <span class="p-price">23.000.000<u>đ</u></span>
+                            <span class="p-discount">-25%</span>
+                            <span class="p-old-price">25.700.00 đ</span>
+                        </div>
+                    </div>
+
+                    <div class="p-deal-group">
+                        <p class="p-deal-line"> Đã bán 20 </p>
+                        
+                        <div class="p-deal-time">
+                            <span>Kết thúc sau</span>
+
+                            <div class="p-deal-countdown">
+                                <b>01</b>
+                                <b>50</b>
+                                <b>30</b>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
+            </div>
+        </div>
+
+        <a href="/deal" class="btn-deal">XEM THÊM +</a>
+
+    </div>
+
+    <div class="home-policy-container">
+        <div class="item">
+            <i class="icons icon-1"></i>
+
+            <p class="text">
+                <b> Trả góp 0% </b>
+                <span> Linh hoạt, nhanh chóng </span>
+            </p>
+        </div>
+
+        <div class="item">
+            <i class="icons icon-2"></i>
+
+            <p class="text">
+                <b> Giao hàng toàn quốc </b>
+                <span> Nhận hàng thanh toán tại nhà </span>
+            </p>
+        </div>
+
+        <div class="item">
+            <i class="icons icon-3"></i>
+
+            <p class="text">
+                <b> Đổi trả hàng </b>
+                <span> Trong 30 ngày </span>
+            </p>
+        </div>
+
+        <div class="item">
+            <i class="icons icon-4"></i>
+
+            <p class="text">
+                <b> Thanh toán linh hoạt </b>
+                <span> Tiền mặt, Visa/Master </span>
+            </p>
+        </div>
+
+        <div class="item">
+            <i class="icons icon-5"></i>
+
+            <p class="text">
+                <b> Hỗ trợ 24/7 </b>
+                <span> Hotline: 02436 288 532  </span>
+            </p>
+        </div>
+    </div>
+
+    <!-- collection -->
+    <div class="home-collection-container lazy" data-bg="url(images/home-collection-bg.png)">
+        <p class="group-title">
+            <b>Black</b> 
+            <b class="text-bg">friday</b> 
+            <span>giảm tới 80%</span>
+        </p>
+
+        <div class="product-collection js-product-collection">
+            <div class="owl-carousel owl-theme custom-nav">
+
+                <div class="p-item">
+                    <a href="" class="p-img">
+                        <img src="images/product-1.jpg" alt=""/>
+                    </a>
+                    
+                    <div class="p-type-holder">
+                        <p class="p-bestsale">Bán chạy</p>
+                    </div>
+
+                    <div class="p-text">
+                        <a href="" class="p-name">
+                            <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
+                        </a>
+
+                        <div class="p-price-holder">
+                            <span class="p-price">23.000.000<u>đ</u></span>
+                            <span class="p-discount">-25%</span>
+                            <span class="p-old-price">25.700.00 đ</span>
+                        </div>
+                    </div>
+
+                    <div class="p-btn-group">
+                        <p class="p-rate">5.0</p>
+
+                        <a href="javascript:void(0)" class="p-btn-add"></a>
+                    </div>
+                </div>
+
+                <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
+
+            </div>
+        </div>
+
+        <a href="" class="btn-view">Xem thêm khuyến mãi +</a>
+    </div>
+
+    <!-- Product -->
+    <div class="home-product-container">
+        <h2 class="group-title">LAPTOP LENOVO THINKPAD</h2>
+
+        <div class="category-child-holder">
+            <a href="">Laptop Asus Gaming</a>
+            <a href="">Laptop Dell Gaming</a>
+            <a href="">Laptop HP Gaming</a>            
+        </div>
+
+        <div class="product-holder js-product">
+            <div class="owl-carousel owl-theme custom-nav">
+
+                <div class="p-item">
+                    <a href="" class="p-img">
+                        <img src="images/product-1.jpg" alt=""/>
+                    </a>
+                    
+                    <div class="p-type-holder">
+                        <p class="p-bestsale">Bán chạy</p>
+                    </div>
+
+                    <div class="p-text">
+                        <a href="" class="p-name">
+                            <h3>Lorem ipsum dolor sit amet consectetur</h3>
+                        </a>
+
+                        <div class="p-price-holder">
+                            <span class="p-price">23.000.000<u>đ</u></span>
+                            <span class="p-discount">-25%</span>
+                            <span class="p-old-price">25.700.00 đ</span>
+                        </div>
+                    </div>
+
+                    <div class="p-btn-group">
+                        <p class="p-rate">5.0</p>
+
+                        <a href="javascript:void(0)" class="p-btn-add"></a>
+                    </div>
+                </div>
+
+                <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
+
+            </div>
+        </div>
+
+        <a href="" class="btn-view">Xem thêm +</a>
+    </div>
+
+
+    <!-- Video review -->
+    <div class="home-article-container home-video-container">
+        <div class="group-title">
+            <h2 class="title">Video review sản phẩm</h2>
+            <a href="">XEM TẤT CẢ +</a>
+        </div>
+
+        <div class="video-holder">
+            <a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item">
+                <img src="https://via.placeholder.com/900x600"/>
+                <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span>
+            </a>
+
+            <a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a>
+        </div>
+    </div>
+
+    <!-- Tin tức -->
+    <div class="home-article-container">
+        <div class="group-title">
+            <h2 class="title"> TIN TỨC - KHUYẾN MẠI  </h2>
+            <a href="">XEM TẤT CẢ +</a>
+        </div>
+
+        <div class="article-holder">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+    </div>
+
+
+    <!-- Nhận xét của khách hàng -->
+    <div class="home-customer-review-container lazy" data-bg="url(images/home-static-bg.png)">
+        <div class="group-title">
+            <p class="title">Nhận xét của khách hàng</p>
+            <p>Hãy cùng lắng nghe khách hàng đánh giá như thế nào khi sử dụng dịch vụ của chúng tôi</p>
+        </div>
+
+        <div class="item">
+            <p class="item-title"> QUYỀN LỢI KHÁCH HÀNG (BH) </p>
+
+            <div class="item-summary">
+                Toàn bộ sản phẩm tại Laptop TCC đều được hưởng quyền lợi từ 06-12 tháng (Những dòng sản phẩm đời thấp, áp dụng 3 tháng sẽ được ghi cụ thể trên sản phẩm) thời gian áp dụng được tính bắt đầu từ ngày mua hàng. 
+            </div>
+
+            <a href="" class="btn-view">Xem thêm +</a>
+
+            <img data-src="images/homepage/home-review-1.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
+        </div>
+
+        <div class="item">
+            <p class="item-title"> CẦU THỦ BÓNG ĐÁ HỒ TẤN TÀI </p>
+
+            <div class="item-summary">
+                Trải nghiệm đầu tiên khi đến cửa hàng của mình là không gian cửa hàng khá sạch đẹp và thoáng mát, được bố trí thêm cây xanh nên nhìn cũng có phần thoải mái cùng với đó thì nhân viên rất nhiệt tình 
+            </div>
+
+            <a href="" class="btn-view">Xem thêm +</a>
+
+            <img data-src="images/homepage/home-review-2.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
+        </div>
+
+        <div class="item">
+            <p class="item-title"> DIỄN VIÊN TRUNG RUỒI </p>
+
+            <div class="item-summary">
+                Trước đây Trung có kết hợp cùng TCC để ra những sản phẩm video giải trí cho người xem, Trung rất hài lòng với không gian cửa hàng và cách làm việc của nhân viên. Các sản phẩm laptop ở đây Trung đánh giá cao về chất lượng 
+            </div>
+
+            <a href="" class="btn-view">Xem thêm +</a>
+
+            <img data-src="images/homepage/home-review-3.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
+        </div>
+
+        <div class="item">
+            <p class="item-title"> HOẠT ĐỘNG TẠI CÁC TRƯỜNG ĐẠI HỌC </p>
+
+            <div class="item-summary">
+                Laptop TCC đã có mặt tại các trường Đại Học Bách Khoa, Kinh Tế Quốc Dân, Xây Dựng, Thương Mại, Ngoại Ngữ với các voucher cực kì giá trị. Cùng với đó là các hoạt động vệ sinh và cài đặt miễn phí cho các bạn sinh viên. 
+            </div>
+
+            <a href="" class="btn-view">Xem thêm +</a>
+
+            <img data-src="images/homepage/home-review-4.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
+        </div>
+    </div>
+
+    <!-- ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY! -->
+    <div class="home-introduce-container">
+        <div class="introduce-line-top">
+            <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="92" viewBox="0 0 1200 92" fill="none">
+                <path d="M606.005 64.4989L-1.12493e-05 64.4987L-1.60456e-05 91.9987L607.505 91.9989C633.903 90.7989 635.002 68.4989 635.002 51.9989C639.402 31.5989 654.001 28.4989 663.5 28.4989L1200 28.499L1200 -0.00101141L660.5 -0.00105024C634.502 6.49894 636.502 20.9989 635.002 41.9989C633.802 58.7989 613.504 64.4989 606.005 64.4989Z" fill="url(#paint0_linear_215_7323)"/>
+                <defs>
+                    <linearGradient id="paint0_linear_215_7323" x1="1200" y1="32.6171" x2="-27.8172" y2="32.6169" gradientUnits="userSpaceOnUse">
+                    <stop stop-color="#00A551"/>
+                    <stop offset="1" stop-color="#8EB958"/>
+                    </linearGradient>
+                </defs>
+            </svg>
+            <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="92" viewBox="0 0 1200 92" fill="none" style="margin-top: -58px;">
+                <path d="M606.005 64.4999L-1.12493e-05 64.4997L-1.60456e-05 91.9997L607.505 91.9999C633.903 90.7999 635.002 68.4999 635.002 51.9999C639.402 31.5999 654.001 28.4999 663.5 28.4999L1200 28.4999L1200 -3.48505e-05L660.5 -7.36725e-05C634.502 6.49992 636.502 20.9999 635.002 41.9999C633.802 58.7999 613.504 64.4999 606.005 64.4999Z" fill="url(#paint0_linear_215_7324)"/>
+                <defs>
+                    <linearGradient id="paint0_linear_215_7324" x1="1200" y1="32.6181" x2="-27.8172" y2="32.6179" gradientUnits="userSpaceOnUse">
+                    <stop stop-color="#00A551"/>
+                    <stop offset="1" stop-color="#8EB958"/>
+                    </linearGradient>
+                </defs>
+            </svg>
+        </div>
+
+        <div class="introduce-content-holder">
+            <div class="col-left">
+                <p class="title">ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY!</p>
+                
+                <p>Giữa vô vàn những Công Ty, cửa hàng bán laptop cũ, sẽ rất khó cho khách hàng có thể chọn lựa một nơi uy tín !</p>
+                <p>* Tâm lý người đi mua hàng luôn sợ bị lừa, bị mua phải hàng giả, hàng kém chất lượng, hoặc bảo hành kém.</p>
+                <p>* Hiểu được điều đó, Công Ty chúng tôi luôn cố gắng nỗ lực từng ngày để hoàn thiện!</p>
+                <p>* Hoàn thiện chất lượng sản phẩm bán ra.</p>
+                <p>* Hoàn thiện cung cách phục vụ.</p>
+                <p>* Hoàn thiện chế độ bảo hành sau bán hàng ( đồ điện tử không một hãng hay một nhà phân phối lớn nào có thể nói không bao giờ hỏng, nếu đã không hỏng thì các hãng đã không phải mở các trung tâm bảo hành ) </p>
+
+                <p class="quote">
+                    * Vậy nên khi bán đồ cũ, chúng tôi đều nói với khách hàng, chúng tôi bán cho bạn sản phẩm đã qua quá trình kiểm tra rất kỹ, nhưng nếu trong quá trình sử dụng có lỗi phát sinh, bạn hãy mang đến Công Ty để chúng tôi xử lý, vì chúng tôi hiểu không ai muốn mua máy mà suốt ngày mang đi bảo hành, nhưng nếu có lỗi thì chúng tôi luôn luôn giải quyết để các bạn hài lòng nhất.
+                </p>
+            </div>
+
+            <div class="col-right">
+                <img data-src="images/homepage/home-about.png" alt="ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY!" width="1" height="1" class="lazy"/>
+            </div>
+        </div>
+
+        <div class="introduce-line-bottom">
+            <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="155" viewBox="0 0 1200 155" fill="none">
+                <path d="M607.505 64.5L0 64.5L5.43661e-06 154.5L609.005 154.5C635.402 153.3 636.502 131 636.502 114.5C640.902 94.1 655.501 91 665 91L1200 91V0L662 0C636.002 6.5 638.002 21 636.502 42C635.302 58.8 615.004 64.5 607.505 64.5Z" fill="url(#paint0_linear_215_7321)"/>
+                <defs>
+                    <linearGradient id="paint0_linear_215_7321" x1="1200" y1="54.7772" x2="-27.8172" y2="54.7772" gradientUnits="userSpaceOnUse">
+                    <stop stop-color="#00A551"/>
+                    <stop offset="1" stop-color="#8EB958"/>
+                    </linearGradient>
+                </defs>
+            </svg>
+        </div>
+    </div>
+
+    <!-- Customer Gallery -->
+    <div class="home-customer-images-container">
+        <div class="col-left">
+            <img data-src="images/homepage/home-customer-banner.png" alt="image" width="1" height="1" class="lazy"/>
+        </div>
+
+        <div class="col-right">
+            <div class="owl-carousel owl-theme custom-nav" id="js-customer-images">
+                <img data-src="images/homepage/home-customer-1.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+                <img data-src="images/homepage/home-customer-2.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+                <img data-src="images/homepage/home-customer-3.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+                <img data-src="images/homepage/home-customer-4.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+                <img data-src="images/homepage/home-customer-1.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- breadcrumb -->
+<div class="global-breadcrumb">
+    <div class="container">
+        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
+            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
+                <a href="/" itemprop="item" class="nopad-l">
+                    <span itemprop="name">Trang chủ</span>
+                </a> 
+                <meta itemprop="position" content="1">
+            </li>
+            
+            
+            <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                <a href="" itemprop="item" class="nopad-l">
+                    <span itemprop="name"> Danh mục cấp 2 </span> 
+                </a>
+                <meta itemprop="position" content="2" />
+            </li>
+
+            <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                <a href="" itemprop="item" class="nopad-l">
+                    <span itemprop="name"> Danh mục cấp 3 </span> 
+                </a>
+                <meta itemprop="position" content="3" />
+            </li>
+        </ol>
+    </div>
+</div>
+
+<!-- Include PC: Deal -->
+<div class="deal-page container">
+    <div class="global-deal-container">
+        <div class="group-title lazy" data-bg="url(/images/mobile-home-deal-bg.png)">
+            <i class="icon-clock lazy" data-bg="url(images/icon-clock.png)"></i>
+            
+            <p class="title">DEAL HOT</p>
+
+            <div class="deal-time-holder">
+                <span>Kết thúc sau</span>
+                
+                <div class="deal-countdown-holder js-deal-countdown">
+                    <b>00</b>
+                    <b>00</b>
+                    <b>00</b>
+                </div>
+            </div>
+        </div>
+
+        <div class="global-deal-type">
+            <a href="javascript:void(0)" class="current"> Đang diễn ra </a>
+            <a href="javascript:void(0)"> Sắp diễn ra </a>
+        </div>
+
+        <div class="product-holder">
+            <div class="p-item">
+                <a href="" class="p-img">
+                    <img src="images/product-1.jpg" alt=""/>
+                </a>
+
+                <div class="p-text">
+                    <a href="" class="p-name">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
+                    </a>
+
+                    <div class="p-price-holder">
+                        <span class="p-price">23.000.000<u>đ</u></span>
+                        <span class="p-discount">-25%</span>
+                        <span class="p-old-price">25.700.00 đ</span>
+                    </div>
+                </div>
+
+                <div class="p-deal-group">
+                    <p class="p-deal-line"> Đã bán 20 </p>
+                    
+                    <div class="p-deal-time">
+                        <span>Kết thúc sau</span>
+
+                        <div class="p-deal-countdown">
+                            <b>01</b>
+                            <b>50</b>
+                            <b>30</b>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
+            <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
+        </div>
+
+        <!-- paging -->
+        <div class="paging" >
+            <a href=""><span class="icon-prev"></span></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a><a href="">3</a><a href="">4</a>
+            <a href=""><span class="icon-next"></span></a>
+        </div>
+    </div>
+</div>
+
+
+<!-- Product category -->
+<div class="product-page container">
+    <div class="product-banner-group">
+        <div class="owl-carousel owl-theme custom-dots" id="js-category-slider">
+            <a href=""><img data-src="images/category/slider-1.png" alt="" width="" height="" class="owl-lazy"/></a>
+            <a href=""><img data-src="images/category/slider-2.png" alt="" width="" height="" class="owl-lazy"/></a>
+            <a href=""><img data-src="images/category/slider-1.png" alt="" width="" height="" class="owl-lazy"/></a>
+        </div>
+    </div>
+
+    <div class="product-category-child">
+        <a href="" class="item">
+            <span class="image lazy" data-bg="url(images/icons/icon-1.png)"></span>
+            <h2 class="title">Danh mục con</h2>
+        </a>
+
+        <a href="" class="item"> 
+            <span class="image lazy no-thumb" data-bg="url(images/logo-favicon.png)"></span> 
+            <h2 class="title">Danh mục con</h2> 
+        </a> 
+        <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-3.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-4.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-5.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-6.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-7.png)"></span> <h2 class="title">Danh mục con</h2> </a>
+    </div>    
+    
+    <!-- Filter -->
+    <div class="product-sort-group">
+        <div class="box-left">
+            <a href="javascript:_showPopupFilter()" class="btn-filter"> Bộ lọc </a>
+
+            <select>
+                <option value="" class="js-select-path">Sắp xếp theo</option>
+                <option value=""> Option 1 </option>
+                <option value=""> Option 2 </option>
+            </select>
+        </div>
+
+        <div class="box-right">
+            <a href="javascript:void(0)" class="icons icon-grid current"></a>
+            <a href="javascript:void(0)" class="icons icon-list"></a>
+        </div>
+    </div>
+
+    <div class="product-filter-container" id="js-popup-filter-holder">
+        <div class="filter-content">
+            <div class="filter-item js-filter-item">
+                <p class="filter-title">Chọn khoảng giá:</p>
+
+                <div class="filter-list">
+                    <a href="" class="current">Dưới 1 Triệu(8)</a>
+                    <a href="">1 Triệu - 2 Triệu(209)</a>
+                    <a href="">2 Triệu - 3 Triệu(181)</a>
+                    <a href="">3 Triệu - 4 Triệu(81)</a>
+                    <a href="">4 Triệu - 5 Triệu(34)</a>
+                    <a href="">Trên 5 Triệu(34)</a>
+                </div>
+
+                <a href="javascript:void(0)" class="btn-filter js-btn-filter"></a>
+            </div>
+
+            <div class="filter-item js-filter-item">
+                <p class="filter-title">Thương hiệu:</p>
+
+                <div class="filter-list">
+                    <a href="" class="current"> Thương hiệu </a>
+                    <a href=""> Thương hiệu </a>
+                    <a href=""> Thương hiệu </a>
+                    <a href=""> Thương hiệu </a>
+                    <a href=""> Thương hiệu </a>
+                    <a href=""> Thương hiệu </a>
+                </div>
+
+                <a href="javascript:void(0)" class="btn-filter js-btn-filter"></a>
+            </div>
+
+            <div class="filter-item js-filter-item">
+                <p class="filter-title">Attribute Name:</p>
+
+                <div class="filter-list">
+                    <a href="" class="current"> Attribute </a>
+                    <a href=""> AttributeAttribute AttributeAttributeAttribute Attribute </a>
+                    <a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a>
+                </div>
+
+                <a href="javascript:void(0)" class="btn-filter js-btn-filter"></a>
+            </div>
+            
+            <div class="filter-item js-filter-item"><p class="filter-title">Attribute Name:</p><div class="filter-list"><a href="" class="current">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a></div><a href="javascript:void(0)" class="btn-filter js-btn-filter"></a></div>
+        </div>
+
+        <div class="filter-footer">
+            <a href="" class="js-pathName"> Xóa bộ lọc </a>
+            <a href="javascript:_closePopupFilter()"> Đóng </a>
+        </div>
+    </div>
+    <!-- // Filter -->
+
+    <div class="product-content-container">    
+        <div class="product-holder product-list-container">
+            <div class="p-item">
+                <a href="" class="p-img">
+                    <img src="images/product-1.jpg" alt=""/>
+                </a>
+                
+                <div class="p-type-holder">
+                    <p class="p-bestsale">Bán chạy</p>
+                </div>
+
+                <div class="p-text">
+                    <a href="" class="p-name">
+                        <h3>Lorem ipsum dolor sit amet consectetur</h3>
+                    </a>
+
+                    <div class="p-price-holder">
+                        <span class="p-price">23.000.000<u>đ</u></span>
+                        <span class="p-discount">-25%</span>
+                        <span class="p-old-price">25.700.00 đ</span>
+                    </div>
+                </div>
+
+                <div class="p-btn-group">
+                    <p class="p-rate">5.0</p>
+
+                    <a href="javascript:void(0)" class="p-btn-add"></a>
+                </div>
+            </div>
+
+            <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
+        </div>
+
+        <!-- paging -->
+        <div class="paging">
+            <a href=""><span class="icon-prev"></span></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a><a href="">3</a><a href="">4</a>
+            <a href=""><span class="icon-next"></span></a>
+        </div>
+
+        <!-- static html -->
+        <div class="static-html-container js-static-container">
+
+            <div class="static-content js-static-content">
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p>
+            </div>
+
+            <div class="btn-static-group">
+                <a href="javascript:void(0)" class="js-showmore-button"> XEM THÊM + </a>
+                <a href="javascript:void(0)" class="js-showless-button"> THU GỌN - </a>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- product-detail -->
+<div class="product-detail-page container">
+    <div class="pd-box-group">
+        <div class="pd-image-large">
+            <a href="images/product-1.jpg"  class="MagicZoom" id="Zoomer" data-options="cssClass: mz-show-arrows;">
+                <img src="images/product-1.jpg" title="" alt="" />
+            </a>
+
+            <a href="javascript:void(0)" onclick="MagicZoom.prev('Zoomer');" class="pd-image-btn"></a>
+            <a href="javascript:void(0)" onclick="MagicZoom.next('Zoomer');" class="pd-image-btn btn-next"></a>
+        </div>
+
+        <div class="pd-gallery-holder">
+            <div class="pd-custom-nav owl-carousel owl-theme" id="js-img-gallery">
+                <a href="images/product-1.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-1.jpg" >
+                    <img src="images/product-1.jpg"/>
+                </a>
+            
+                <a href="images/product-2.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-2.jpg" ><img src="images/product-2.jpg"/></a>
+                <a href="images/product-3.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-3.jpg" ><img src="images/product-3.jpg"/></a>
+                <a href="images/product-4.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-4.jpg" ><img src="images/product-4.jpg"/></a>
+                <a href="images/product-5.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-5.jpg" ><img src="images/product-5.jpg"/></a>
+                <a href="images/product-6.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-6.jpg" ><img src="images/product-6.jpg"/></a>
+            </div>
+        </div>
+
+        <h1 class="page-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor m dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</h1>
+
+        <!-- summary  -->
+        <div class="pd-summary-group">
+            <div class="pd-summary-list" id="js-pd-summary-list">
+                <div class="item">Ống kính kép thông minhích hợp đèn chớp cảnh báo khi cóỐng kính kép thông minhích hợp đèn chớp cảnh báo khi có </div>
+                <div class="item">Tích hợp đèn chớp cảnh báo khi có xâm nhập</div>
+                <div class="item">Tích hợp công nghệ AI, có khả năng phát hiện hình dáng người, phương tiện</div>
+                <div class="item">Full color - video có màu ban đêm</div>
+                <div class="item">Cảm biến 1/2.8" Progressive CMOS, Độ phân giải 1920x1080 @30fps</div>
+                <div class="item">Ống kính kép thông minh</div>
+                <div class="item">Tích hợp đèn chớp cảnh báo khi có xâm nhập</div>
+                <div class="item">Tích hợp công nghệ AI, có khả năng phát hiện hình dáng người, phương tiện</div>
+                <div class="item">Full color - video có màu ban đêm</div>
+                <div class="item">Cảm biến 1/2.8" Progressive CMOS, Độ phân giải 1920x1080 @30fps</div>
+            </div>
+
+            <a href="javascript:void(0)" class="pd-summary-btn" onclick="$(this).toggleClass('active');$('#js-pd-summary-list').toggleClass('active')"></a>
+        </div>
+
+        <!-- Deal -->
+        <div class="pd-deal-price-group">
+            <div class="pd-deal-price"> 
+                <span>Giá khuyến mại:</span>
+                <b>23.700.000 <u>đ</u></b>
+            </div>            
+
+            <div class="pd-deal-price w-100">
+                <span>Giá niêm yết:</span>
+                <del class="p-deal-old-price">25.700.000 đ</del>
+                <span class="p-deal-discount">-25%</span>
+            </div>
+
+            <div class="pd-deal-time">
+                <span>Kết thúc sau:</span>
+                
+                <div class="pd-deal-countdown">
+                    <b>13</b> <b>45</b> <b>56</b>
+                </div>
+            </div>
+
+            <div class="pd-deal-info">
+                <span class="pd-deal-line">
+                    <i class="pd-deal-icon"></i>
+                </span>
+
+                <i>Đã bán 20</i>
+            </div>
+        </div>
+        <!-- // Deal -->
+
+        <div class="pd-status-group"> 
+            <p> <b>Thương hiệu:</b> <a href="" target="_blank" class="red">HP</a> </p>
+            <p> <b>Bảo hành:</b> 12 tháng </p><br>
+            <p> <b>Mã SP:</b> 25DG03 </p>
+            <p>
+                <a href="javascript:void(0)" class="icon-star star-5"></a>  1 đánh giá
+            </p>
+            
+            <p><b>Lượt xem:</b> 30</p>
+        </div>
+
+        <!-- Price -->
+        <div class="pd-price-group">
+            <span class="pd-price">22.800.000<u>đ</u></span>
+            <p class="d-inline-block m-0">
+                <del class="pd-old-price">25.500.000 đ</del>
+                <span class="pd-discount">-50%</span>
+            </p>
+        </div>
+        <!-- // -->
+
+        <!-- cấu hình -->
+        <p>Cấu hình sản phẩm</p>
+
+        <!-- Nhóm cấu hình -->
+        <div class="pd-config_group-holder">
+            <b class="group-title">Tùy chọn cấu hình</b>
+
+            <div class="pd-config_group-list">
+                <a href="" class="current">
+                    <span class="title">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque, blanditiis unde. Harum voluptatum sint veniam aliquam minus</span>
+                    <b class="price"> 23.700.000 <u>đ</u> </b>
+                </a>
+
+                <a href="">
+                    <span class="title">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque, blanditiis unde. Harum voluptatum sint veniam aliquam minus</span>
+                    <b class="price"> 23.700.000 <u>đ</u> </b>
+                </a>
+            </div>
+        </div>
+
+        <div class="pd-offer-group">
+            <p class="group-title">QUÀ TẶNG/ KHUYẾN MẠI</p>
+
+            <div class="pd-offer-list">
+                <div class="item">Tặng giá treo trị giá : 790.000đ</div>
+                <div class="item">Công lắp ráp miễn phí</div>
+                <div class="item">Giảm giá 50% khi mua phụ kiện đi kèm</div>
+                <div class="item">Miễn phí giao hàng</div>
+                <div class="item">Tặng Kèm Thẻ Nhớ 32GB Chuyên Dụng Trị Giá 150.000đ+ Miễn Phí Công Lắp Đặt Trong Phạm Vi 20km+ </div>
+                <div class="item">Tặng Kèm Gói Bảo Hành Vàng Tại Nhà: 500.000đ</div>
+            </div>
+        </div>
+
+        <div class="pd-quantity-group">
+            <p>Số lượng:</p>
+
+            <div class="quanity-change-group">
+                <a href="javascript:void(0)" class="js-quantity-change" data-value="-1"> - </a>
+                <input type="number" class="js-buy-quantity js-quantity-change" value="1" data-stock="998" data-min="1" min="1">
+                <a href="javascript:void(0)" class="js-quantity-change" data-value="1"> + </a>
+            </div>
+        </div>
+
+        <div class="pd-btn-group">
+            <a href="javascript:void(0)" class="btn-buynow"> 
+                <b>MUA NGAY</b> 
+            </a>
+
+            <a href="javascript:void(0)" class="btn-add-cart">
+                <b>Thêm vào giỏ hàng</b>
+                <span> Giao tận nơi hoặc nhận tại cửa hàng </span>
+            </a>
+
+            <a href="javascript:void(0)" class="btn-pay-install">
+                <b>Trả góp qua thẻ</b>
+                <span> Visa, Master, JCB </span>
+            </a>
+
+            <a href="javascrtip:void(0)" class="btn-credit">
+                <b>Mua ngay trả sau</b>
+
+                <span>
+                    <img data-src="images/logo-kredivo.png" alt="kredivo" width="1" height="1" class="lazy"/>
+                    <img data-src="images/logo-home-credit.png" alt="kredivo" width="1" height="1" class="lazy"/>
+                </span>
+            </a>
+        </div>
+    </div>
+
+    <div class="pd-box-group">
+        <div class="pd-static-item">
+            <p class="group-title"> HÀNH TRÌNH 20 NĂM PHÁT TRIỂN </p>
+
+            <div class="item-video">
+                <a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="">
+                    <img data-src="images/homepage/home-about.png" alt="image" width="1" height="1" class="lazy"/>
+                </a>
+            </div>
+        </div>
+
+        <div class="pd-static-item">
+            <div class="item-summary">
+                <p class="title"> Chúng tôi luôn sẵn sàng để tư vấn cho bạn </p>
+                
+                <img data-src="images/product-detail-support.png" width="1" height="1" alt="support" class="lazy d-block m-auto w-auto"/>
+
+                <p>Để được hỗ trợ tốt nhất. Hãy gọi Tổng đài miễn cước</p>
+
+                <a href="tel:02436 288 532"> 02436 288 532 </a>
+
+                <p class="static-line"><span>HOẶC</p>
+                
+                <p> Chat hỗ trợ trực tuyến </p>
+
+                <a href="" class="pd-btn-support">Chat với chúng tôi</a>
+            </div>
+        </div>
+    </div>
+
+    <div class="pd-desc-group pd-box-group">
+        <div class="static-html-container js-static-container">
+            <p class="group-title"> <span>Mô tả</span> </p>
+
+            <!-- Mô tả -->
+            <div class="static-content js-static-content">
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+            </div>
+
+            <div class="btn-static-group">
+                <a href="javascript:void(0)" class="js-showmore-button">Xem thêm +</a>
+                <a href="javascript:void(0)" class="js-showless-button">Thu gọn -</a>
+            </div>
+        </div>
+
+        <div> Plugin chat Facebook </div>
+    </div>
+
+    <div class="pd-spec-group pd-box-group">
+        <p class="group-title"> <span>Thông số kỹ thuật</span> </p>
+
+        <div class="pd-spec-holder">
+            <table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p &amp; IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
+        </div>
+
+        <a href="#fancybox-spec" data-fancybox="" class="btn-show">Xem thêm thông số kỹ thuật</a>
+
+        <div class="pd-spec-holder" id="fancybox-spec" style="display: none;">
+            <table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p &amp; IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
+        </div>
+    </div>
+    
+    <!-- Sản phẩm cùng thương hiệu + cùng danh mục + Sản phẩm đã xem -->
+    <div class="pd-box-group pd-product-tab-container">
+        <div class="tab-title-group" id="js-tab-list">
+            <a href="javascript:void(0)" data-tab="js-same-brand-holder"> Cùng thương hiệu </a>
+            <a href="javascript:void(0)" data-tab="js-same-category-holder"> Sản phẩm tương tự </a>
+            <a href="javascript:void(0)" data-tab="js-history-holder"> Sản phẩm bạn vừa xem </a>
+        </div>
+        
+        <div class="box-product-holder js-product" id="js-same-brand-holder">
+            <div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
+        </div>
+
+        <div class="box-product-holder js-product" id="js-same-category-holder">
+            <div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
+        </div>
+
+        <div class="box-product-holder js-product" id="js-history-holder">
+            <div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
+        </div>
+    </div>
+    
+
+    <!-- Comment -->
+    <div class="pd-box-group pd-comment-container">
+        <p class="group-title"> <span>ĐÁNH GIÁ SẢN PHẨM</span> </p>
+
+        <div>Template Comment</div>
+    </div>
+</div>
+
+
+<!-- Include PC: Article -->
+<div class="article-page container">
+    <div class="article-category-list">
+        <a href="" class="current">
+            <span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
+            <h2 class="title">Tư vấn lựa chọn</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
+            <h2 class="title">Tin tức công ty</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
+            <h2 class="title">Tin tức khuyến mãi</h2>
+        </a>
+    </div>
+
+    <!-- top article -->
+    <div class="top-article-group">
+        <h2 class="group-title"> Tin tức nổi bật </h2>
+
+        <div class="top-article-holder">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/356x220" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+    </div>
+
+    <!-- article list -->
+    <div class="article-cate-container">
+        <div class="group-title">
+            <h2 class="title"> Danh mục cấp 1 </h2>
+            <a href=""> XEM THÊM + </a>
+        </div>
+
+        <div class="article-list">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+    </div>
+    
+    <div class="article-cate-container"><div class="group-title"><h2 class="title">Review sản phẩm</h2><a href="/review-san-pham">XEM THÊM +</a></div><div class="article-list"><a href="https://www.youtube.com/watch?v=ttBVwLrGDuE&amp;list=PLyOJr03Y6K01fZo3c4qsBiNQ851r6Hm7d&amp;index=6" class="video-item js-video-image" data-fancybox=""><img src="https://img.youtube.com/vi/ttBVwLrGDuE/maxresdefault.jpg" alt="DELL INSPIRON 7415 (2 IN 1): VỚI 20TR LIỆU CÓ XỨNG ĐÁNG KHÔNG !!" width="1" height="1"><h3 class="video-title line-clamp-2">DELL INSPIRON 7415 (2 IN 1): VỚI 20TR LIỆU CÓ XỨNG ĐÁNG KHÔNG !!</h3></a><a href="https://www.youtube.com/watch?v=k1jbpDLdPKE&amp;list=PLyOJr03Y6K01fZo3c4qsBiNQ851r6Hm7d&amp;index=5" class="video-item js-video-image" data-fancybox=""><img src="https://img.youtube.com/vi/k1jbpDLdPKE/maxresdefault.jpg" alt="DELL INSPIRON 5502: LAPTOP VĂN PHÒNG CHƠI ĐƯỢC GAME - THIẾT KẾ SANG TRỌNG ??" width="1" height="1"><h3 class="video-title line-clamp-2">DELL INSPIRON 5502: LAPTOP VĂN PHÒNG CHƠI ĐƯỢC GAME - THIẾT KẾ SANG TRỌNG ??</h3></a></div></div>
+</div>
+
+
+<!-- Include PC: article category -->
+<div class="article-page article-category-page container">
+    <div class="article-category-list">
+        <a href="" class="current">
+            <span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
+            <h2 class="title">Tư vấn lựa chọn</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
+            <h2 class="title">Tin tức công ty</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
+            <h2 class="title">Tin tức khuyến mãi</h2>
+        </a>
+    </div>
+
+    <!-- article list -->
+    <div class="article-cate-container">
+        <div class="category-page-title">
+            <span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
+            <h2 class="title"> Tư vấn lựa chọn </h2>
+        </div>
+
+        <!-- loop limit: 3 -->
+        <div class="top-article-group">
+            <div class="top-article-holder">
+                <div class="art-item">
+                    <a href="" class="art-img">
+                        <img src="https://via.placeholder.com/712x440" alt=""/>
+                    </a>
+    
+                    <div class="art-text">
+                        <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+    
+                        <a href="" class="art-title">
+                            <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                        </a>
+    
+                        <div class="art-summary">
+                            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                        </div>
+    
+                        <p class="art-time">
+                            <i class="icons icon-clock"></i>
+                            <span>08-11-2023, 9.32 am</span>
+                        </p>
+    
+                        <p class="art-time">
+                            <i class="icons icon-visit"></i>
+                            <span>224</span>
+                        </p>
+                    </div>
+                </div>
+    
+                <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/356x220" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+            </div>
+        </div>
+
+        <!-- loop offset: continue -->
+        <div class="article-list">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+
+        <!-- paging -->
+        <div class="paging">
+            <a href=""><span class="icon-prev"></span></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a><a href="">3</a><a href="">4</a>
+            <a href=""><span class="icon-next"></span></a>
+        </div>
+    </div>
+</div>
+
+<!-- Include PC: article detail -->
+<div class="article-page article-detail-page container">
+    <div class="article-category-list">
+        <a href="" class="current">
+            <span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
+            <h2 class="title">Tư vấn lựa chọn</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
+            <h2 class="title">Tin tức công ty</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
+            <h2 class="title">Tin tức khuyến mãi</h2>
+        </a>
+    </div>
+    
+    <div class="art-detail-container">
+        <div class="col-left">
+            <p class="page-title"> Kích hoạt bản quyền Windows và Office vĩnh viễn </p>
+
+            <div class="art-detail-time">
+                <p> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p>
+                <p> <i class="icons icon-visit"></i> <span>224</span> </p>
+            </div>
+
+            <div> Mục lục </div>
+
+            <div class="art-detail-content">
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque aperiam nulla explicabo ab excepturi numquam maiores ex impedit quos. Officia rem numquam saepe quisquam magnam nihil optio quis dignissimos accusantium!</p>
+            </div>
+        </div>
+
+        <div class="col-right">
+            <p class="group-title"> <span>Tìm kiếm bài viết</span> </p>
+
+            <div class="header-search-group position-relative">
+                <form method="get" action="/tim-bai" name="search">                
+                    <input type="text" name="q" placeholder="Tìm kiếm bài viết" value="">
+                    <button type="submit"> Tìm kiếm </button>
+                </form>
+            </div>
+
+            <div class="art-detail-top-article">
+                <!-- 5/5 -->
+                <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="article-related-container">
+        <h2 class="group-title"> Bài viết liên quan  </h2>
+
+        <div class="article-holder owl-carousel owl-theme custom-dots js-home-article">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+    </div>
+</div>
+
+
+<!-- Include PC: Footer -->
+<div class="global-newsletter-container">
+    <div class="container">
+        <div class="col-left">
+            <p class="group-title"> Đăng ký nhận email thông báo khuyến mại hoặc để được tư vấn miễn phí </p>
+
+            <div class="form-holder">
+                <input type="text" placeholder="Nhập email hoặc số điện thoại của bạn" id="js-email-newsletter">
+                <a href="javascript:subscribe_newsletter('#js-email-newsletter', '#js-newsletter-error');" class="btn-send-newsletter">Gửi</a>
+            </div>
+
+            <p id="js-newsletter-error" class="newsletter-error"></p>
+        </div>
+
+        <img data-src="images/footer-newsletter-bg.png" class="lazy" width="1" height="1" />
+    </div>
+</div>
+
+<div class="global-footer-container">
+    <div class="container footer-info-container">
+        <div class="row">
+            <div class="col global-address-list">
+                <diV class="address-item">
+                    <p class="group-title">Công ty TNHH Thương Mại TCC Hoàng Hưng</p>
+
+                    <p class="font-600"> Địa chỉ: </p>
+                    <a href="https://maps.app.goo.gl/BjFiEdE9TBEe1UCc9" target="_blank" rel="nofollow"> CS1: 101 Lê Thanh Nghị, Hai Bà Trưng, HN </a>
+                    <a href="https://maps.app.goo.gl/uzNEQwTT2nb4TjLi6" target="_blank" rel="nofollow"> CS2: 257 Trần Quốc Hoàn, Cầu Giấy, HN </a>
+                </diV>
+                
+                <diV class="address-item">
+                    <p class="group-title"> TRUNG TÂM BẢO HÀNH - TCC CARE: </p>
+                    <a href="https://maps.app.goo.gl/Q4yrbgHVxqdLYyLg6" target="_blank" rel="nofollow"> Tầng 2 cơ sở 1: 101 Lê Thanh Nghị </a>
+                    <a href="https://maps.app.goo.gl/SWeahFir6AVtzF4T7" target="_blank" rel="nofollow"> Tầng 2 cơ sở 2: 257 Trần Quốc Hoàn </a>
+                    <a href="tel:02436 288 532"> <b>Điện thoại:</b> 02436 288 532 </a>
+                    <a href="mailTo:laptop4world@gmail.com"> <b>Email:</b> laptop4world@gmail.com </a>
+                    <p> <b>Giờ mở cửa:</b> Từ 8h00 - 22h00 tất cả các ngày trong tuần </p>
+                </diV>
+            </div>
+
+            <div class="col item">
+                <p class="group-title"> Hỗ trợ khách hàng </p>
+                
+                <div class="item-list">
+                    <a href="tel:0766 44 8888"> Quản lý Cơ sở 1: Mr. Trường: <b> 0766 44 8888 </b> </a>
+                    <a href="tel:0763 99 6666"> Quản lý Cơ sở 2: Mr. Hùng: <b> 0763 99 6666 </b> </a>
+                    <a href="tel:083 396 2222"> Trung Tâm BH: Mr. Hùng: <b> 083 396 2222 </b> </a>
+                    <a href="tel:07 62 63 7777"> Hỗ trợ Online : Ms. Diệu: <b> 07 62 63 7777 </b> </a>
+                    <a href="tel:0788 94 3333"> Bảo hành 1: Mr. Chiến: <b> 0788 94 3333 </b> </a>
+                    <a href="tel:08 325 44444"> Bảo hành 2: Mr. Lộc: <b> 08 325 44444 </b> </a>
+                </div>
+            </div>
+
+            <div class="col item">
+                <p class="group-title"> Thông tin khác </p>
+                
+                <div class="item-list">
+                    <a href="/gioi-thieu"> Giới Thiệu </a>
+                    <a href="/tin-tuc"> Tin Tức </a>
+                    <a href=""> Khuyến Mại </a>
+                    <a href=""> Chính Sách Bảo Hành </a>
+                    <a href=""> Chính Sách Hoàn Trả Và Hoàn Tiền </a>
+                    <a href=""> Chế Độ Vận Chuyển Và Thanh Toán </a>
+                    <a href=""> Hướng Dẫn Mua Hàng Trả Góp </a>
+                    <a href=""> Chính Sách Bảo Mật </a>
+                    <a href=""> Bảng Giá Nâng Cấp Linh Kiện </a>
+                </div>
+            </div>
+
+            <div class="col item-social-media">
+                <p class="group-title"> Kết nối với chúng tôi </p>
+
+                <div class="footer-social-media">
+                    <a href="https://www.facebook.com/laptoptcc.vn" class="icons icon-facebook" target="_blank" rel="nofollow"></a>
+                    <a href="https://www.youtube.com/c/LAPTOPTCC" class="icons icon-youtube" target="_blank" rel="nofollow"></a>
+                    <a href="https://zalo.me/0762637777" class="icons icon-zalo" target="_blank" rel="nofollow"></a>
+                </div>
+
+                <p class="group-title"> Phương thức thanh toán </p>
+
+                <div class="footer-social-media">
+                    <p>
+                        <i class="icons icon-qr"></i>
+                        <span> QR Code </span>
+                    </p>
+
+                    <p>
+                        <i class="icons icon-cash"></i>
+                        <span> Tiền mặt </span>
+                    </p>
+
+                    <p>
+                        <i class="icons icon-clock"></i>
+                        <span> Trả góp </span>
+                    </p>
+
+                    <p>
+                        <i class="icons icon-wallet"></i>
+                        <span> Internet Banking </span>
+                    </p>
+                </div>
+
+                <a href="http://online.gov.vn/CustomWebsiteDisplay.aspx?DocId=44480" class="item-bct">
+                    <img data-src="images/global-footer-bct.png" alt="bct" width="1" height="1" class="lazy"/>
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <div class="global-footer-end">
+        <div class="container">
+            <b>Công ty TNHH Thương Mại TCC Hoàng Hưng</b>
+            <p>MST số : 0106839691. Ngày đăng ký kinh doanh lần đầu : 06/05/2015. Sở KHĐT TP. Hà Nội cấp.</p>
+            <p>&copy; All Rights Reserved</p>
+        </div>
+    </div>
+</div>
+
+
+<div class="global-fixed-social">
+    <a href="https://m.me/laptoptcc.vn" target="_blank" class="icon-mess lazy" data-bg="url(images/icon-mess.png)"></a>
+  
+    <a href="javascript:$('body,html').animate({scrollTop:0},800);" class="global-go-top" id="js-global-goTop" title="Lên đầu trang"></a>
+</div>
+
+
+<div class="success-form" style="display: none">
+    <div class="content-container">
+        <div class="success-checkmark">
+            <div class="check-icon">
+                <span class="icon-line line-tip"></span>
+                <span class="icon-line line-long"></span>
+                <div class="icon-circle"></div>
+                <div class="icon-fix"></div>
+            </div>
+        </div>
+
+        <div class="text-center content-text text-24"> Thêm sản phẩm vào giỏ hàng thành công !</div>
+    </div>
+</div>
+<!-- // ==Footer -->
+
+
+<nav id="js-global-menu" class="mb-menu">
+    <ul>
+        <li>
+            <a href="/dieu-hoa" class="cat-1">
+                <span class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></span>
+                <span class="cat-title">Điều hòa</span>
+            </a>
+            
+            <ul>
+                <li><a href="/dieu-hoa-treo-tuong">Điều hòa treo tường</a></li>
+                
+                <li> <a href="/dieu-hoa-tu-dung">Điều hòa tủ đứng</a> </li><li> <a href="/dieu-hoa-trung-tam">Điều hòa trung tâm</a> </li>
+            </ul>
+            
+        </li>
+        
+        <!-- // product category -->
+        <li> <a href="/thiet-bi-nha-bep" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-2.png)"></span> <span class="cat-title">THIẾT BỊ NHÀ BẾP</span> </a> <ul> <li> <a href="/bep-dien-tu-hong-ngoai">Bếp điện từ - hồng ngoại</a> </li><li> <a href="/may-hut-mui">Máy hút mùi</a> </li><li> <a href="/may-rua-bat">Máy rửa bát</a> </li><li> <a href="/bep-gas-am">Bếp gas âm</a> </li></ul> </li><li> <a href="/dien-gia-dung" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-3.png)"></span> <span class="cat-title">Điện gia dụng</span> </a> <ul> <li> <a href="/am-sieu-toc">Ấm siêu tốc</a> </li><li> <a href="/may-lam-mat">Máy làm mát</a> </li><li> <a href="/ban-la">Bàn là</a> </li><li> <a href="/bep-dien">Bếp điện</a> </li><li> <a href="/binh-thuy-dien">Bình thủy điện</a> </li><li> <a href="/cay-nuoc-nong-lanh">Cây nước nóng lạnh</a> </li><li> <a href="/lo-nuong">Lò nướng</a> </li><li> <a href="/may-loc-nuoc">Máy lọc nước</a> </li><li> <a href="/may-say-toc">Máy sấy tóc</a> </li><li> <a href="/may-xay-ep">Máy xay ép</a> </li><li> <a href="/noi-ap-suat-dien-da-nang">Nồi áp suất điện đa năng</a> </li><li> <a href="/noi-com-dien">Nồi cơm điện</a> </li><li> <a href="/bep-nuong-dien-lau-nuong">Bếp nướng điện, lẩu nướng</a> </li><li> <a href="/noi-chien-khong-dau">Nồi chiên không dầu</a> </li><li> <a href="/may-loc-khong-khi">Máy lọc không khí</a> </li><li> <a href="/noi-hap-dien-da-nang">Nồi hấp điện đa năng</a> </li><li> <a href="/may-khu-khuan">Máy khử khuẩn</a> </li></ul> </li><li> <a href="/do-gia-dung" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-4.png)"></span> <span class="cat-title">Đồ gia dụng</span> </a> <ul> <li> <a href="/bo-noi-inox">Bộ nồi inox</a> </li><li> <a href="/chao-chong-dinh">Chảo chống dính</a> </li><li> <a href="/noi-ap-suat">Nồi áp suất</a> </li></ul> </li><li> <a href="/khau-trang-vai" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-5.png)"></span> <span class="cat-title">Khẩu trang vải</span> </a> </li>
+        
+        <li>
+            <a href="/tin-tuc"> Tin tức </a>
+            <ul>
+                
+                <li> <a href="/tin-khuyen-mai">Tin khuyến mại</a> </li>
+                
+                <li> <a href="/tin-tuc-cong-nghe">Tin tức công nghệ</a> </li><li> <a href="/review-san-pham">Review sản phẩm</a> </li><li> <a href="/youtube-chanel">Youtube Chanel</a> </li><li> <a href="/tuyen-dung">Tuyển dụng</a> </li><li> <a href="/khach-hang-trien-khai">Khách hàng triển khai</a> </li>
+            </ul>
+        </li>
+
+        <li>
+            <a href="javascrip:void(0)">Thông tin liên lạc</a>
+
+            <ul>
+                <li><a href="tel:094.1144.666">Hotline: <b class="red">094.1144.666</b></a></li>
+                <li><a href="tel:0964.713.715">Logistics: <b class="red">0964.713.715</b></a></li>
+                <li><a href="tel:098.606.6610">Góp ý: <b class="red">098.606.6610</b></a></li>
+                <li><a href="mailTo:songlongmedia@gmail.com">Email: songlongmedia@gmail.com</a></li>
+            </ul>
+        </li>
+        <li> <a href="/he-thong-cua-hang"> Hệ thống cửa hàng </a> </li>
+        <li> <a href="/dang-ky"> Đăng ký </a> </li>
+        <li> <a href="/dang-nhap"> Đăng nhập </a> </li>
+        <li> <a href="/lien-he"> Liên hệ </a> </li>
+        <li> <a href="/gioi-thieu"> Giới thiệu </a> </li>
+
+    </ul>
+</nav>
+
+
+<!-- Script -->
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
+<script src="js/lib.js"></script>
+<script src="js/mmenu.js"></script>
+
+
+<!-- global -->
+<script>
+    var lazyLoadInstance = new LazyLoad({
+        elements_selector: ".lazy"
+    });
+
+    $(document).ready(function(){
+        $('#js-global-menu').mmenu();
+
+        Fancybox.bind("[data-fancybox]", {});
+        
+        _globalScrollFunction();
+
+        $('.footer-info-container .item .group-title').click(function(){
+            $(this).toggleClass('active');
+            $(this).parents('.item').find('.item-list').slideToggle()
+        });
+
+        setTimeout(function(){
+            $('.global-fixed-social').addClass('animate__backInRight');
+        },800);
+    });
+
+    
+    $(window).scroll(function() {
+        _globalScrollFunction();
+    });
+
+    function _globalScrollFunction(){        
+        if($(this).scrollTop() > 200) {
+            $('#js-global-goTop').css('display','block');
+        } else {
+            $('#js-global-goTop').fadeOut();
+        }
+    }
+
+    function run_carousel(holder, item){
+        $(holder + ' .owl-carousel').owlCarousel({
+            margin: 10,
+            lazyLoad: true,
+            loop: true,
+            autoplay: true,
+            autoplayTimeout: 4000,
+            autoplaySpeed: 1500,
+            autoplayHoverPause: true,
+            dots: false,
+            nav: true,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            items: 1,
+            responsive:{
+                320:{
+                    items: 1.5,
+                },
+                375:{
+                    items: (item) ? item : 2,
+                }
+            }
+        });
+    }
+</script>
+
+
+<!-- homepage -->
+<script>
+    $(document).ready(function(){
+        
+        run_carousel('.js-product-deal', 2.3);
+        
+        run_carousel('.js-product-collection', 2.3);
+
+        run_carousel('.js-product');
+
+
+        $('#js-home-slider').owlCarousel({
+            margin: 10,
+            lazyLoad: true,
+            loop: true,
+            autoplay: true,
+            autoplayTimeout: 4000,
+            autoplaySpeed: 1500,
+            autoplayHoverPause: true,
+            dots: true,
+            nav: false,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            items: 1            
+        });    
+
+        $('#js-customer-images').owlCarousel({
+            margin: 10,
+            lazyLoad: true,
+            loop: true,
+            autoplay: true,
+            autoplayTimeout: 4000,
+            autoplaySpeed: 2000,
+            autoplayHoverPause: true,
+            dots: true,
+            nav: false,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            items: 1,
+            responsive:{
+                320:{
+                    items: 2,
+                }
+            }
+        });        
+            
+    });
+    
+
+</script> 
+
+<!-- product-category -->
+<script>
+    $(document).ready(function(){  
+        filterFunction();
+
+        checkContentHeight(400);
+
+        $('#js-category-slider').owlCarousel({
+            items: 1,
+            loop: true,
+            margin: 10,
+            autoplay: true,
+            autoplayTimeout: 3000,
+            autoplaySpeed: 1000,
+            autoplayHoverPause:true,
+            dots: true,
+            nav: false,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            lazyLoad: true,
+            animateOut: 'fadeOut',
+            smartSpeed: 150
+        });  
+
+    })
+
+    function filterFunction(){
+        $('.js-btn-filter').click(function(){
+            $(this).toggleClass('active');
+            $(this).parents('.js-filter-item').toggleClass('active');
+        })
+    }
+
+    function _showPopupFilter() {
+        $('body').addClass('overflow-hidden');
+        $('#js-popup-filter-holder').addClass('active');
+    }
+
+    function _closePopupFilter() {
+        $('body').removeClass('overflow-hidden');
+        $('#js-popup-filter-holder').removeClass('active');
+        $('.filter-item').removeClass('current');
+    }
+</script>
+
+
+<!-- product-detail -->
+<script src="js/magiczoom.js"></script>
+<script>
+    $(document).ready(function(){
+        checkContentHeight(500);
+
+        _pageClickFunction();
+
+        $('#js-img-gallery').owlCarousel({
+            margin: 12,
+            lazyLoad: true,
+            loop: false,
+            autoplay: false,
+            autoplayTimeout: 4000,
+            autoplaySpeed: 1500,
+            autoplayHoverPause: true,
+            dots: false,
+            nav: true,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            items: 3,
+            responsive:{
+                320:{
+                    items: 4,
+                }
+            }
+        });
+
+        $('[data-fancybox="gallery"]').fancybox({
+            thumbs : {
+                type: "classic",
+                loop: false,
+                autoStart : false
+            }
+        });
+    });
+
+    function _pageClickFunction(){
+        
+        // Tab
+        $('#js-tab-list a').click(function(){
+            $('#js-tab-list a').removeClass('active');
+            $(this).addClass('active');
+
+            var id = $(this).attr('data-tab');
+            $('.box-product-holder').hide();
+            $('#' + id).show();
+        });
+
+        $('#js-tab-list a:first-child').click();
+
+    }
+
+
+</script>
+
+<script>
+    // tin tức
+    $('.js-home-article').owlCarousel({
+        margin: 10,
+        lazyLoad: true,
+        loop: true,
+        autoplay: false,
+        autoplayTimeout: 3500,
+        autoplaySpeed: 1000,
+        autoplayHoverPause: true,
+        dots: true,
+        nav: false,
+        items: 2
+    });
+</script>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/LaptopTCC/index.html b/LaptopTCC/index.html
new file mode 100644
index 0000000..0d3b43b
--- /dev/null
+++ b/LaptopTCC/index.html
@@ -0,0 +1,1841 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title> Local Pc </title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">    
+    
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+                
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" />
+    <link rel="stylesheet" media="screen" href="scss/lib.css" />
+    <link rel="stylesheet" media="screen" href="scss/pc_style.css" />       
+
+</head>
+<body>
+<!-- Header -->
+<div class="global-header-top">
+    <div class="container position-relative d-flex align-items-center justify-content-between">
+        <p class="col-left">Cảm ơn vì đã chọn chúng tôi!</p>
+
+        <div class="col-right">
+            <div class="item-group">
+                <a href="javascript:void(0);" class="item">
+                    <i class="icons icon-map"></i> <span> Hệ thống Showroom </span>
+                </a>
+
+                <div class="global-address-list">
+                    <diV class="address-item">
+                        <p class="group-title">Công ty TNHH Thương Mại TCC Hoàng Hưng</p>
+
+                        <p class="font-600"> Địa chỉ: </p>
+                        <a href="https://maps.app.goo.gl/BjFiEdE9TBEe1UCc9" target="_blank" rel="nofollow"> CS1: 101 Lê Thanh Nghị, Hai Bà Trưng, HN </a>
+                        <a href="https://maps.app.goo.gl/uzNEQwTT2nb4TjLi6" target="_blank" rel="nofollow"> CS2: 257 Trần Quốc Hoàn, Cầu Giấy, HN </a>
+                    </diV>
+                    
+                    <diV class="address-item">
+                        <p class="group-title"> TRUNG TÂM BẢO HÀNH - TCC CARE: </p>
+                        <a href="https://maps.app.goo.gl/Q4yrbgHVxqdLYyLg6" target="_blank" rel="nofollow"> Tầng 2 cơ sở 1: 101 Lê Thanh Nghị </a>
+                        <a href="https://maps.app.goo.gl/SWeahFir6AVtzF4T7" target="_blank" rel="nofollow"> Tầng 2 cơ sở 2: 257 Trần Quốc Hoàn </a>
+                        <a href="tel:02436 288 532"> <b>Điện thoại:</b> 02436 288 532 </a>
+                        <a href="mailTo:laptop4world@gmail.com"> <b>Email:</b> laptop4world@gmail.com </a>
+                        <p> <b>Giờ mở cửa:</b> Từ 8h00 - 22h00 tất cả các ngày trong tuần </p>
+                    </diV>
+                </div>
+            </div>
+
+            <a href="/gioi-thieu" class="item">
+                <i class="icons icon-bag"></i> <span> Giới thiệu </span>
+            </a>
+
+            <a href="/tin-tuc" class="item">
+                <i class="icons icon-news"></i> <span> Tin tức </span>
+            </a>
+
+            <a href="" class="item">
+                <i class="icons icon-bolt"></i> <span> Khuyến mại </span>
+            </a>
+        </div>
+    </div>
+</div>
+
+<div class="global-header-container" data-class="global-header-homepage">
+    <div class="container position-relative">
+        <div class="col-left">
+            <a href="/" class="header-logo">
+                <img src="images/logo.png" alt="Laptop TCC" width="1" height="1"/>
+            </a>
+
+            <div class="global-menu-container">
+                <p class="group-title"> Danh mục sản phẩm </p>
+
+                <div class="menu-list">
+                    <div class="cat-item">
+                        <a href="" class="cat-1 has-child">
+                            <i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i>
+                            <span class="cat-title">Danh mục cấp 1Danh mục cấp 1Danh mục cấp 1Danh mục cấp 1</span>
+                        </a>
+                        
+                        <div class="sub-menu">
+                            <div class="sub-item">
+                                <a href="" class="cat-2">Danh mục cấp 2</a>
+                    
+                                <a href="">Danh mục cấp 3Danh mục cấp 3Danh mục cấp 3</a>
+                                <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a>
+                            </div>
+                            
+                            <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div>
+                        </div>
+                    </div>
+                    
+                    <div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-1.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a></div><div class="cat-item"> <a href="" class="cat-1 has-child"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-2.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1 has-child"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-3.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-4.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-5.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-6.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-7.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="header-search-group position-relative">
+            <form method="get" action="/tim" name="search">                
+                <input type="text" id="js-global-search" name="q" placeholder="Bạn cần tìm gì?" value="" autocomplete="off">
+                <button type="button"> Tìm kiếm </button>
+            </form>
+
+            <div class="autocomplete-suggestions" id="js-search-holder" style="display: none;"><!-- search data --></div>                
+        </div>
+
+        <div class="col-right">
+            <div class="col-right-item">
+                <p class="item-title">
+                    <i class="icons icon-phone"></i>
+                    <span> Tư vấn mua hàng </span>
+                </p>
+
+                <div class="sub-item-group">
+                    <a href="tel:0766 448 888"> CS1: <b> 0766 448 888 </b> </a>
+                    <a href="tel:0763 996 666"> CS2: <b> 0763 996 666 </b> </a>
+                    <a href="tel:0762 637 777"> CSKH: <b> 0762 637 777 </b> </a>
+                </div>
+            </div>
+
+            <a href="/taikhoan" class="item-title">
+                <i class="icons icon-order"></i>
+                <span> Tra cứu đơn hàng </span>
+            </a>
+
+            <a href="/cart" class="item-title item-cart">
+                <i class="icons icon-cart">
+                    <span class="js-cart-count cart-count">0</span>
+                </i>
+                <span> Giỏ hàng </span>
+            </a>
+        </div>
+    </div>
+</div>
+<div class="global-header-block" style="display: none;height: 102px;"></div>
+<!-- // Header -->
+
+
+<!-- Homepage -->
+<div class="homepage container">
+    <div class="home-banner-group hover-img">
+        <div class="home-slider-group">
+            <div class="owl-carousel owl-theme custom-dots" id="js-home-slider">
+                <a href="">
+                    <img data-src="images/homepage/slider.png" alt="" width="" height="" class="owl-lazy"/>
+                </a>
+                <a href="">
+                    <img data-src="https://via.placeholder.com/632x330" alt="" width="" height="" class="owl-lazy"/>
+                </a>
+            </div>
+        </div>
+
+        <div class="home-banner-right">
+            <a href="">
+                <img data-src="images/homepage/right-1.png" alt="" width="" height="" class="lazy"/>
+            </a>
+            <a href="">
+                <img data-src="images/homepage/right-2.png" alt="" width="" height="" class="lazy"/>
+            </a>
+        </div>
+
+        <div class="home-banner-bottom">
+            <a href="">
+                <img data-src="images/homepage/right-3.png" alt="" width="" height="" class="lazy"/>
+            </a>
+            <a href="">
+                <img data-src="images/homepage/right-4.png" alt="" width="" height="" class="lazy"/>
+            </a>
+            <a href="">
+                <img data-src="images/homepage/right-5.png" alt="" width="" height="" class="lazy"/>
+            </a>
+        </div>
+    </div>
+
+    <!-- Deal -->
+    <div class="global-deal-container">
+        <div class="group-title lazy" data-bg="url(/images/home-deal-bg.png)">
+            <i class="icon-clock lazy" data-bg="url(images/icon-clock.png)"></i>
+            
+            <p class="title">DEAL HOT</p>
+
+            <div class="deal-time-holder">
+                <span>Kết thúc sau</span>
+                
+                <div class="deal-countdown-holder js-deal-countdown">
+                    <b>00</b>
+                    <b>00</b>
+                    <b>00</b>
+                </div>
+            </div>
+        </div>
+
+        <div class="global-deal-type">
+            <a href="javascript:void(0)" class="current"> Đang diễn ra </a>
+            <a href="javascript:void(0)"> Sắp diễn ra </a>
+        </div>
+
+        <div class="product-holder js-product-deal">
+            <div class="owl-carousel owl-theme custom-nav">
+
+                <div class="p-item">
+                    <a href="" class="p-img">
+                        <img src="images/product-1.jpg" alt=""/>
+                    </a>
+
+                    <div class="p-text">
+                        <a href="" class="p-name">
+                            <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
+                        </a>
+
+                        <div class="p-price-holder">
+                            <span class="p-price">23.000.000<u>đ</u></span>
+                            <span class="p-discount">-25%</span>
+                            <span class="p-old-price">25.700.00 đ</span>
+                        </div>
+                    </div>
+
+                    <div class="p-deal-group">
+                        <p class="p-deal-line"> Đã bán 20 </p>
+                        
+                        <div class="p-deal-time">
+                            <span>Kết thúc sau</span>
+
+                            <div class="p-deal-countdown">
+                                <b>01</b>
+                                <b>50</b>
+                                <b>30</b>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
+            </div>
+        </div>
+
+        <a href="/deal" class="btn-deal">XEM THÊM +</a>
+
+    </div>
+
+    <div class="home-policy-container">
+        <div class="item">
+            <i class="icons icon-1"></i>
+
+            <p class="text">
+                <b> Trả góp 0% </b>
+                <span> Linh hoạt, nhanh chóng </span>
+            </p>
+        </div>
+
+        <div class="item">
+            <i class="icons icon-2"></i>
+
+            <p class="text">
+                <b> Giao hàng toàn quốc </b>
+                <span> Nhận hàng thanh toán tại nhà </span>
+            </p>
+        </div>
+
+        <div class="item">
+            <i class="icons icon-3"></i>
+
+            <p class="text">
+                <b> Đổi trả hàng </b>
+                <span> Trong 30 ngày </span>
+            </p>
+        </div>
+
+        <div class="item">
+            <i class="icons icon-4"></i>
+
+            <p class="text">
+                <b> Thanh toán linh hoạt </b>
+                <span> Tiền mặt, Visa/Master </span>
+            </p>
+        </div>
+
+        <div class="item">
+            <i class="icons icon-5"></i>
+
+            <p class="text">
+                <b> Hỗ trợ 24/7 </b>
+                <span> Hotline: 02436 288 532  </span>
+            </p>
+        </div>
+    </div>
+
+    <!-- collection -->
+    <div class="home-collection-container lazy" data-bg="url(images/home-collection-bg.png)">
+        <div class="group-title">
+            <p class="group-left">
+                <b>Black</b> 
+                <b class="text-bg">friday</b> 
+                <span>giảm tới 80%</span>
+            </p>
+
+            <a href="" class="btn-view">Xem thêm khuyến mãi +</a>
+        </div>
+
+        <div class="home-collection-info">
+            <div class="banner-holder">
+                <img data-src="images/homepage/banner-collection.png" alt="black friday" width="1" height="1" class="lazy"/>
+            </div>
+
+            <div class="product-collection js-product-collection">
+                <div class="owl-carousel owl-theme custom-nav">
+
+                    <div class="p-item">
+                        <a href="" class="p-img">
+                            <img src="images/product-1.jpg" alt=""/>
+                        </a>
+                        
+                        <div class="p-type-holder">
+                            <p class="p-bestsale">Bán chạy</p>
+                        </div>
+
+                        <div class="p-text">
+                            <a href="" class="p-name">
+                                <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
+                            </a>
+    
+                            <div class="p-price-holder">
+                                <span class="p-price">23.000.000<u>đ</u></span>
+                                <span class="p-discount">-25%</span>
+                                <span class="p-old-price">25.700.00 đ</span>
+                            </div>
+                        </div>
+
+                        <div class="p-btn-group">
+                            <p class="p-rate">5.0</p>
+
+                            <a href="javascript:void(0)" class="p-btn-add"></a>
+                        </div>
+                    </div>
+
+                    <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Product -->
+    <div class="home-product-container">
+        <div class="product-category-holder">
+            <h2 class="group-title">LAPTOP LENOVO THINKPAD</h2>
+
+            <div class="category-child-holder">
+                <a href="">Laptop Asus Gaming</a>
+                <a href="">Laptop Dell Gaming</a>
+                <a href="">Laptop HP Gaming</a>
+
+                <a href="" class="color-main">Xem thêm +</a>
+            </div>
+        </div>
+
+        <div class="product-holder js-product">
+            <div class="owl-carousel owl-theme custom-nav">
+
+                <div class="p-item">
+                    <a href="" class="p-img">
+                        <img src="images/product-1.jpg" alt=""/>
+                    </a>
+                    
+                    <div class="p-type-holder">
+                        <p class="p-bestsale">Bán chạy</p>
+                    </div>
+
+                    <div class="p-text">
+                        <a href="" class="p-name">
+                            <h3>Lorem ipsum dolor sit amet consectetur</h3>
+                        </a>
+
+                        <div class="p-price-holder">
+                            <span class="p-price">23.000.000<u>đ</u></span>
+                            <span class="p-discount">-25%</span>
+                            <span class="p-old-price">25.700.00 đ</span>
+                        </div>
+                    </div>
+
+                    <div class="p-btn-group">
+                        <p class="p-rate">5.0</p>
+
+                        <a href="javascript:void(0)" class="p-btn-add"></a>
+                    </div>
+                </div>
+
+                <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
+
+            </div>
+        </div>
+    </div>
+
+
+    <!-- Video review -->
+    <div class="home-article-container home-video-container">
+        <div class="group-title">
+            <h2 class="title">Video review sản phẩm</h2>
+            <a href="">XEM TẤT CẢ +</a>
+        </div>
+
+        <div class="video-holder">
+            <a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item">
+                <img src="https://via.placeholder.com/900x600"/>
+                <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span>
+            </a>
+
+            <a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a>
+        </div>
+    </div>
+
+    <!-- Tin tức -->
+    <div class="home-article-container">
+        <div class="group-title">
+            <h2 class="title"> TIN TỨC - KHUYẾN MẠI  </h2>
+            <a href="">XEM TẤT CẢ +</a>
+        </div>
+
+        <div class="article-holder owl-carousel owl-theme custom-dots js-home-article">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+    </div>
+
+
+    <!-- Nhận xét của khách hàng -->
+    <div class="home-customer-review-container lazy" data-bg="url(images/home-static-bg.png)">
+        <div class="group-title">
+            <p class="title">Nhận xét của khách hàng</p>
+            <p>Hãy cùng lắng nghe khách hàng đánh giá như thế nào khi sử dụng dịch vụ của chúng tôi</p>
+        </div>
+
+        <div class="item">
+            <p class="item-title"> QUYỀN LỢI KHÁCH HÀNG (BH) </p>
+
+            <div class="item-summary">
+                Toàn bộ sản phẩm tại Laptop TCC đều được hưởng quyền lợi từ 06-12 tháng (Những dòng sản phẩm đời thấp, áp dụng 3 tháng sẽ được ghi cụ thể trên sản phẩm) thời gian áp dụng được tính bắt đầu từ ngày mua hàng. 
+            </div>
+
+            <a href="" class="btn-view">Xem thêm +</a>
+
+            <img data-src="images/homepage/home-review-1.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
+        </div>
+
+        <div class="item">
+            <p class="item-title"> CẦU THỦ BÓNG ĐÁ HỒ TẤN TÀI </p>
+
+            <div class="item-summary">
+                Trải nghiệm đầu tiên khi đến cửa hàng của mình là không gian cửa hàng khá sạch đẹp và thoáng mát, được bố trí thêm cây xanh nên nhìn cũng có phần thoải mái cùng với đó thì nhân viên rất nhiệt tình 
+            </div>
+
+            <a href="" class="btn-view">Xem thêm +</a>
+
+            <img data-src="images/homepage/home-review-2.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
+        </div>
+
+        <div class="item">
+            <p class="item-title"> DIỄN VIÊN TRUNG RUỒI </p>
+
+            <div class="item-summary">
+                Trước đây Trung có kết hợp cùng TCC để ra những sản phẩm video giải trí cho người xem, Trung rất hài lòng với không gian cửa hàng và cách làm việc của nhân viên. Các sản phẩm laptop ở đây Trung đánh giá cao về chất lượng 
+            </div>
+
+            <a href="" class="btn-view">Xem thêm +</a>
+
+            <img data-src="images/homepage/home-review-3.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
+        </div>
+
+        <div class="item">
+            <p class="item-title"> HOẠT ĐỘNG TẠI CÁC TRƯỜNG ĐẠI HỌC </p>
+
+            <div class="item-summary">
+                Laptop TCC đã có mặt tại các trường Đại Học Bách Khoa, Kinh Tế Quốc Dân, Xây Dựng, Thương Mại, Ngoại Ngữ với các voucher cực kì giá trị. Cùng với đó là các hoạt động vệ sinh và cài đặt miễn phí cho các bạn sinh viên. 
+            </div>
+
+            <a href="" class="btn-view">Xem thêm +</a>
+
+            <img data-src="images/homepage/home-review-4.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
+        </div>
+    </div>
+
+    <!-- ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY! -->
+    <div class="home-introduce-container">
+        <div class="introduce-line-top">
+            <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="92" viewBox="0 0 1200 92" fill="none">
+                <path d="M606.005 64.4989L-1.12493e-05 64.4987L-1.60456e-05 91.9987L607.505 91.9989C633.903 90.7989 635.002 68.4989 635.002 51.9989C639.402 31.5989 654.001 28.4989 663.5 28.4989L1200 28.499L1200 -0.00101141L660.5 -0.00105024C634.502 6.49894 636.502 20.9989 635.002 41.9989C633.802 58.7989 613.504 64.4989 606.005 64.4989Z" fill="url(#paint0_linear_215_7323)"/>
+                <defs>
+                    <linearGradient id="paint0_linear_215_7323" x1="1200" y1="32.6171" x2="-27.8172" y2="32.6169" gradientUnits="userSpaceOnUse">
+                    <stop stop-color="#00A551"/>
+                    <stop offset="1" stop-color="#8EB958"/>
+                    </linearGradient>
+                </defs>
+            </svg>
+            <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="92" viewBox="0 0 1200 92" fill="none" style="margin-top: -58px;">
+                <path d="M606.005 64.4999L-1.12493e-05 64.4997L-1.60456e-05 91.9997L607.505 91.9999C633.903 90.7999 635.002 68.4999 635.002 51.9999C639.402 31.5999 654.001 28.4999 663.5 28.4999L1200 28.4999L1200 -3.48505e-05L660.5 -7.36725e-05C634.502 6.49992 636.502 20.9999 635.002 41.9999C633.802 58.7999 613.504 64.4999 606.005 64.4999Z" fill="url(#paint0_linear_215_7324)"/>
+                <defs>
+                    <linearGradient id="paint0_linear_215_7324" x1="1200" y1="32.6181" x2="-27.8172" y2="32.6179" gradientUnits="userSpaceOnUse">
+                    <stop stop-color="#00A551"/>
+                    <stop offset="1" stop-color="#8EB958"/>
+                    </linearGradient>
+                </defs>
+            </svg>
+        </div>
+
+        <div class="introduce-content-holder">
+            <div class="col-left">
+                <p class="title">ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY!</p>
+                
+                <p>Giữa vô vàn những Công Ty, cửa hàng bán laptop cũ, sẽ rất khó cho khách hàng có thể chọn lựa một nơi uy tín !</p>
+                <p>* Tâm lý người đi mua hàng luôn sợ bị lừa, bị mua phải hàng giả, hàng kém chất lượng, hoặc bảo hành kém.</p>
+                <p>* Hiểu được điều đó, Công Ty chúng tôi luôn cố gắng nỗ lực từng ngày để hoàn thiện!</p>
+                <p>* Hoàn thiện chất lượng sản phẩm bán ra.</p>
+                <p>* Hoàn thiện cung cách phục vụ.</p>
+                <p>* Hoàn thiện chế độ bảo hành sau bán hàng ( đồ điện tử không một hãng hay một nhà phân phối lớn nào có thể nói không bao giờ hỏng, nếu đã không hỏng thì các hãng đã không phải mở các trung tâm bảo hành ) </p>
+
+                <p class="quote">
+                    * Vậy nên khi bán đồ cũ, chúng tôi đều nói với khách hàng, chúng tôi bán cho bạn sản phẩm đã qua quá trình kiểm tra rất kỹ, nhưng nếu trong quá trình sử dụng có lỗi phát sinh, bạn hãy mang đến Công Ty để chúng tôi xử lý, vì chúng tôi hiểu không ai muốn mua máy mà suốt ngày mang đi bảo hành, nhưng nếu có lỗi thì chúng tôi luôn luôn giải quyết để các bạn hài lòng nhất.
+                </p>
+            </div>
+
+            <div class="col-right">
+                <img data-src="images/homepage/home-about.png" alt="ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY!" width="1" height="1" class="lazy"/>
+            </div>
+        </div>
+
+        <div class="introduce-line-bottom">
+            <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="155" viewBox="0 0 1200 155" fill="none">
+                <path d="M607.505 64.5L0 64.5L5.43661e-06 154.5L609.005 154.5C635.402 153.3 636.502 131 636.502 114.5C640.902 94.1 655.501 91 665 91L1200 91V0L662 0C636.002 6.5 638.002 21 636.502 42C635.302 58.8 615.004 64.5 607.505 64.5Z" fill="url(#paint0_linear_215_7321)"/>
+                <defs>
+                    <linearGradient id="paint0_linear_215_7321" x1="1200" y1="54.7772" x2="-27.8172" y2="54.7772" gradientUnits="userSpaceOnUse">
+                    <stop stop-color="#00A551"/>
+                    <stop offset="1" stop-color="#8EB958"/>
+                    </linearGradient>
+                </defs>
+            </svg>
+        </div>
+    </div>
+
+    <!-- Customer Gallery -->
+    <div class="home-customer-images-container">
+        <div class="col-left">
+            <img data-src="images/homepage/home-customer-banner.png" alt="image" width="1" height="1" class="lazy"/>
+        </div>
+
+        <div class="col-right">
+            <div class="owl-carousel owl-theme custom-nav" id="js-customer-images">
+                <img data-src="images/homepage/home-customer-1.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+                <img data-src="images/homepage/home-customer-2.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+                <img data-src="images/homepage/home-customer-3.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+                <img data-src="images/homepage/home-customer-4.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+                <img data-src="images/homepage/home-customer-1.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- breadcrumb -->
+<div class="global-breadcrumb">
+    <div class="container">
+        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
+            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
+                <a href="/" itemprop="item" class="nopad-l">
+                    <span itemprop="name">Trang chủ</span>
+                </a> 
+                <meta itemprop="position" content="1">
+            </li>
+            
+            
+            <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                <a href="" itemprop="item" class="nopad-l">
+                    <span itemprop="name"> Danh mục cấp 2 </span> 
+                </a>
+                <meta itemprop="position" content="2" />
+            </li>
+
+            <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                <a href="" itemprop="item" class="nopad-l">
+                    <span itemprop="name"> Danh mục cấp 3 </span> 
+                </a>
+                <meta itemprop="position" content="3" />
+            </li>
+        </ol>
+    </div>
+</div>
+
+<!-- Deal -->
+<div class="deal-page container">
+    <div class="global-deal-container">
+        <div class="group-title lazy" data-bg="url(/images/home-deal-bg.png)">
+            <i class="icon-clock lazy" data-bg="url(images/icon-clock.png)"></i>
+            
+            <p class="title">DEAL HOT</p>
+
+            <div class="deal-time-holder">
+                <span>Kết thúc sau</span>
+                
+                <div class="deal-countdown-holder js-deal-countdown">
+                    <b>00</b>
+                    <b>00</b>
+                    <b>00</b>
+                </div>
+            </div>
+        </div>
+
+        <div class="global-deal-type">
+            <a href="javascript:void(0)" class="current"> Đang diễn ra </a>
+            <a href="javascript:void(0)"> Sắp diễn ra </a>
+        </div>
+
+        <div class="product-holder">
+            <div class="p-item">
+                <a href="" class="p-img">
+                    <img src="images/product-1.jpg" alt=""/>
+                </a>
+
+                <div class="p-text">
+                    <a href="" class="p-name">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
+                    </a>
+
+                    <div class="p-price-holder">
+                        <span class="p-price">23.000.000<u>đ</u></span>
+                        <span class="p-discount">-25%</span>
+                        <span class="p-old-price">25.700.00 đ</span>
+                    </div>
+                </div>
+
+                <div class="p-deal-group">
+                    <p class="p-deal-line"> Đã bán 20 </p>
+                    
+                    <div class="p-deal-time">
+                        <span>Kết thúc sau</span>
+
+                        <div class="p-deal-countdown">
+                            <b>01</b>
+                            <b>50</b>
+                            <b>30</b>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
+            <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
+        </div>
+
+        <!-- paging -->
+        <div class="paging" >
+            <a href=""><span class="icon-prev"></span></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a><a href="">3</a><a href="">4</a>
+            <a href=""><span class="icon-next"></span></a>
+        </div>
+    </div>
+</div>
+
+
+<!-- Product category -->
+<div class="product-page container">
+    <div class="product-banner-group">
+        <div class="owl-carousel owl-theme custom-nav" id="js-category-slider">
+            <a href=""><img data-src="images/category/slider-1.png" alt="" width="" height="" class="owl-lazy"/></a>
+            <a href=""><img data-src="images/category/slider-2.png" alt="" width="" height="" class="owl-lazy"/></a>
+            <a href=""><img data-src="images/category/slider-1.png" alt="" width="" height="" class="owl-lazy"/></a>
+        </div>
+    </div>
+
+    <div class="product-category-child">
+        <a href="" class="item">
+            <span class="image lazy" data-bg="url(images/icons/icon-1.png)"></span>
+            <h2 class="title">Danh mục con</h2>
+        </a>
+
+        <a href="" class="item"> 
+            <span class="image lazy no-thumb" data-bg="url(images/logo-favicon.png)"></span> 
+            <h2 class="title">Danh mục con</h2> 
+        </a> 
+        <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-3.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-4.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-5.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-6.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-7.png)"></span> <h2 class="title">Danh mục con</h2> </a>
+    </div>
+
+    <div class="product-filter-container">
+        <div class="filter-item">
+            <p class="filter-title">Chọn khoảng giá:</p>
+
+            <div class="filter-list">
+                <a href="" class="current">Dưới 1 Triệu(8)</a>
+                <a href="">1 Triệu - 2 Triệu(209)</a>
+                <a href="">2 Triệu - 3 Triệu(181)</a>
+                <a href="">3 Triệu - 4 Triệu(81)</a>
+                <a href="">4 Triệu - 5 Triệu(34)</a>
+                <a href="">Trên 5 Triệu(34)</a>
+            </div>
+        </div>
+
+        <div class="filter-item">
+            <p class="filter-title">Chọn theo tiêu chí:</p>
+
+            <div class="filter-list">
+                <select>
+                    <option value="" class="js-select-path"> Thương hiệu </option>
+                    <option value=""> Option 1 </option>
+                    <option value=""> Option 2 </option>
+                </select>
+
+                <select>
+                    <option value="" class="js-select-path"> Attribute Name </option>
+                    <option value=""> Option 1 </option>
+                    <option value=""> Option 2 </option>
+                </select>
+                
+                <select><option value="" class="js-select-path"> Attribute Name </option><option value=""> Option 1 </option><option value=""> Option 2 </option></select>
+            </div>
+        </div>
+    </div>
+
+    <div class="product-content-container">
+        <div class="product-sort-group">            
+            <div class="box-left">
+                <p class="group-title">Sắp xếp </p>
+                
+                <a href="" class="current"> Mới nhất </a>
+                <a href=""> Giá tăng dần </a>
+                <a href=""> Giá giảm dần </a>
+                <a href=""> Lượt xem </a>
+                <a href=""> Đánh giá </a>
+                <a href=""> Tên A-Z </a>
+            </div>
+
+            <div class="box-right">
+                <a href="javascript:void(0)" class="icons icon-grid current"></a>
+                <a href="javascript:void(0)" class="icons icon-list"></a>
+            </div>
+        </div>
+
+        <div class="product-holder product-list-container">
+            <div class="p-item">
+                <a href="" class="p-img">
+                    <img src="images/product-1.jpg" alt=""/>
+                </a>
+                
+                <div class="p-type-holder">
+                    <p class="p-bestsale">Bán chạy</p>
+                </div>
+
+                <div class="p-text">
+                    <a href="" class="p-name">
+                        <h3>Lorem ipsum dolor sit amet consectetur</h3>
+                    </a>
+
+                    <div class="p-price-holder">
+                        <span class="p-price">23.000.000<u>đ</u></span>
+                        <span class="p-discount">-25%</span>
+                        <span class="p-old-price">25.700.00 đ</span>
+                    </div>
+                </div>
+
+                <div class="p-btn-group">
+                    <p class="p-rate">5.0</p>
+
+                    <a href="javascript:void(0)" class="p-btn-add"></a>
+                </div>
+            </div>
+
+            <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
+        </div>
+
+        <!-- paging -->
+        <div class="paging">
+            <a href=""><span class="icon-prev"></span></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a><a href="">3</a><a href="">4</a>
+            <a href=""><span class="icon-next"></span></a>
+        </div>
+
+        <!-- static html -->
+        <div class="static-html-container js-static-container">
+
+            <div class="static-content js-static-content">
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p>
+            </div>
+
+            <div class="btn-static-group">
+                <a href="javascript:void(0)" class="js-showmore-button"> XEM THÊM + </a>
+                <a href="javascript:void(0)" class="js-showless-button"> THU GỌN - </a>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- product-detail -->
+<div class="product-detail-page container">
+    <div class="pd-box-group pd-info-container">
+        <div class="pd-info-col-left">
+            <h1 class="page-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor m dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</h1>
+
+            <div class="pd-image-container">
+                <div class="pd-image-large">
+                    <a href="images/product-1.jpg"  class="MagicZoom" id="Zoomer" data-options="cssClass: mz-show-arrows;">
+                        <img src="images/product-1.jpg" title="" alt="" />
+                    </a>
+    
+                    <a href="javascript:void(0)" onclick="MagicZoom.prev('Zoomer');" class="pd-image-btn"></a>
+                    <a href="javascript:void(0)" onclick="MagicZoom.next('Zoomer');" class="pd-image-btn btn-next"></a>
+                </div>
+    
+                <div class="pd-gallery-holder">
+                    <div class="pd-custom-nav owl-carousel owl-theme" id="js-img-gallery">
+                        <a href="images/product-1.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-1.jpg" >
+                            <img src="images/product-1.jpg"/>
+                        </a>
+                    
+                        <a href="images/product-2.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-2.jpg" ><img src="images/product-2.jpg"/></a>
+                        <a href="images/product-3.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-3.jpg" ><img src="images/product-3.jpg"/></a>
+                        <a href="images/product-4.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-4.jpg" ><img src="images/product-4.jpg"/></a>
+                        <a href="images/product-5.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-5.jpg" ><img src="images/product-5.jpg"/></a>
+                        <a href="images/product-6.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-6.jpg" ><img src="images/product-6.jpg"/></a>
+                    </div>
+                </div>
+
+                <div class="pd-summary-group">
+                    <div class="pd-summary-list" id="js-pd-summary-list">
+                        <div class="item">Ống kính kép thông minhích hợp đèn chớp cảnh báo khi cóỐng kính kép thông minhích hợp đèn chớp cảnh báo khi có </div>
+                        <div class="item">Tích hợp đèn chớp cảnh báo khi có xâm nhập</div>
+                        <div class="item">Tích hợp công nghệ AI, có khả năng phát hiện hình dáng người, phương tiện</div>
+                        <div class="item">Full color - video có màu ban đêm</div>
+                        <div class="item">Cảm biến 1/2.8" Progressive CMOS, Độ phân giải 1920x1080 @30fps</div>
+                        <div class="item">Ống kính kép thông minh</div>
+                        <div class="item">Tích hợp đèn chớp cảnh báo khi có xâm nhập</div>
+                        <div class="item">Tích hợp công nghệ AI, có khả năng phát hiện hình dáng người, phương tiện</div>
+                        <div class="item">Full color - video có màu ban đêm</div>
+                        <div class="item">Cảm biến 1/2.8" Progressive CMOS, Độ phân giải 1920x1080 @30fps</div>
+                    </div>
+    
+                    <a href="javascript:void(0)" class="pd-summary-btn" onclick="$(this).toggleClass('active');$('#js-pd-summary-list').toggleClass('active')"></a>
+                </div>
+            </div>
+
+            <div class="pd-info-group">
+                <!-- Deal -->
+                <div class="pd-deal-price-group">
+                    <div class="pd-deal-price"> 
+                        <span>Giá khuyến mại:</span>
+                        <b>23.700.000 <u>đ</u></b>
+                    </div>
+
+                    <div class="pd-deal-time">
+                        <span>Kết thúc sau:</span>
+                        
+                        <div class="pd-deal-countdown">
+                            <b>13</b> <b>45</b> <b>56</b>
+                        </div>
+                    </div>
+
+                    <div class="pd-deal-price w-100">
+                        <span>Giá niêm yết:</span>
+                        <del class="p-deal-old-price">25.700.000 đ</del>
+                        <span class="p-deal-discount">-25%</span>
+                    </div>
+
+                    <div class="pd-deal-info">
+                        <span class="pd-deal-line">
+                            <i class="pd-deal-icon"></i>
+                        </span>
+
+                        <i>Đã bán 20</i>
+                    </div>
+                </div>
+                <!-- // Deal -->
+
+                <div class="pd-status-group"> 
+                    <p> <b>Thương hiệu:</b> <a href="" target="_blank" class="red">HP</a> </p>
+                    <p> <b>Bảo hành:</b> 12 tháng </p><br>
+                    <p> <b>Mã SP:</b> 25DG03 </p>
+                    <p>
+                        <a href="javascript:void(0)" class="icon-star star-5"></a>  1 đánh giá
+                    </p>
+                    
+                    <p><b>Lượt xem:</b> 30</p>
+                </div>
+
+                <!-- Price -->
+                <div class="pd-price-group">
+                    <span class="pd-price">22.800.000<u>đ</u></span>
+                    <del class="pd-old-price">25.500.000 đ</del>
+                    <span class="pd-discount">-50%</span>
+                </div>
+                <!-- // -->
+
+                <!-- cấu hình -->
+                <p>Cấu hình sản phẩm</p>
+
+                <!-- Nhóm cấu hình -->
+                <div class="pd-config_group-holder">
+                    <b class="group-title">Tùy chọn cấu hình</b>
+
+                    <div class="pd-config_group-list">
+                        <a href="" class="current">
+                            <span class="title">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque, blanditiis unde. Harum voluptatum sint veniam aliquam minus</span>
+                            <b class="price"> 23.700.000 <u>đ</u> </b>
+                        </a>
+
+                        <a href="">
+                            <span class="title">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque, blanditiis unde. Harum voluptatum sint veniam aliquam minus</span>
+                            <b class="price"> 23.700.000 <u>đ</u> </b>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="pd-offer-group">
+                    <p class="group-title">QUÀ TẶNG/ KHUYẾN MẠI</p>
+    
+                    <div class="pd-offer-list">
+                        <div class="item">Tặng giá treo trị giá : 790.000đ</div>
+                        <div class="item">Công lắp ráp miễn phí</div>
+                        <div class="item">Giảm giá 50% khi mua phụ kiện đi kèm</div>
+                        <div class="item">Miễn phí giao hàng</div>
+                        <div class="item">Tặng Kèm Thẻ Nhớ 32GB Chuyên Dụng Trị Giá 150.000đ+ Miễn Phí Công Lắp Đặt Trong Phạm Vi 20km+ </div>
+                        <div class="item">Tặng Kèm Gói Bảo Hành Vàng Tại Nhà: 500.000đ</div>
+                    </div>
+                </div>
+
+                <div class="pd-quantity-group">
+                    <p>Số lượng:</p>
+    
+                    <div class="quanity-change-group">
+                        <a href="javascript:void(0)" class="js-quantity-change" data-value="-1"> - </a>
+                        <input type="number" class="js-buy-quantity js-quantity-change" value="1" data-stock="998" data-min="1" min="1">
+                        <a href="javascript:void(0)" class="js-quantity-change" data-value="1"> + </a>
+                    </div>
+                </div>
+
+                <div class="pd-btn-group">
+                    <a href="javascript:void(0)" class="btn-buynow"> 
+                        <b>MUA NGAY</b> 
+                    </a>
+    
+                    <a href="javascript:void(0)" class="btn-add-cart">
+                        <b>Thêm vào giỏ hàng</b>
+                        <span> Giao tận nơi hoặc nhận tại cửa hàng </span>
+                    </a>
+
+                    <a href="javascript:void(0)" class="btn-pay-install">
+                        <b>Trả góp qua thẻ</b>
+                        <span> Visa, Master, JCB </span>
+                    </a>
+
+                    <a href="javascrtip:void(0)" class="btn-credit">
+                        <b>Mua ngay trả sau</b>
+
+                        <span>
+                            <img data-src="images/logo-kredivo.png" alt="kredivo" width="1" height="1" class="lazy"/>
+                            <img data-src="images/logo-home-credit.png" alt="kredivo" width="1" height="1" class="lazy"/>
+                        </span>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <div class="pd-info-col-right">
+            <div class="pd-static-item">
+                <p class="group-title"> HÀNH TRÌNH 20 NĂM PHÁT TRIỂN </p>
+
+                <div class="item-video">
+                    <a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="">
+                        <img data-src="images/homepage/home-about.png" alt="image" width="1" height="1" class="lazy"/>
+                    </a>
+                </div>
+            </div>
+
+            <div class="pd-static-item">
+                <div class="item-summary">
+                    <p class="title"> Chúng tôi luôn sẵn sàng để tư vấn cho bạn </p>
+                    
+                    <img data-src="images/product-detail-support.png" width="1" height="1" alt="support" class="lazy d-block m-auto w-auto"/>
+
+                    <p>Để được hỗ trợ tốt nhất. Hãy gọi Tổng đài miễn cước</p>
+
+                    <a href="tel:02436 288 532"> 02436 288 532 </a>
+
+                    <p class="static-line"><span>HOẶC</p>
+                    
+                    <p> Chat hỗ trợ trực tuyến </p>
+
+                    <a href="" class="pd-btn-support">Chat với chúng tôi</a>
+                </div>
+            </div>
+        </div>
+    </div> 
+
+    <div class="clearfix">
+        <div class="pd-desc-group pd-box-group">
+            <div class="static-html-container js-static-container">
+                <p class="group-title"> <span>Mô tả</span> </p>
+
+                <!-- Mô tả -->
+                <div class="static-content js-static-content">
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                </div>
+
+                <div class="btn-static-group">
+                    <a href="javascript:void(0)" class="js-showmore-button">Xem thêm +</a>
+                    <a href="javascript:void(0)" class="js-showless-button">Thu gọn -</a>
+                </div>
+            </div>
+
+            <div> Plugin chat Facebook </div>
+        </div>
+
+        <div class="pd-spec-group pd-box-group">
+            <p class="group-title"> <span>Thông số kỹ thuật</span> </p>
+
+            <div class="pd-spec-holder">
+                <table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p &amp; IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
+            </div>
+
+            <a href="#fancybox-spec" data-fancybox="" class="btn-show">Xem thêm thông số kỹ thuật</a>
+
+            <div class="pd-spec-holder" id="fancybox-spec" style="display: none;">
+                <table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p &amp; IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
+            </div>
+        </div>
+    </div>
+    
+    <!-- Sản phẩm cùng thương hiệu + cùng danh mục + Sản phẩm đã xem -->
+    <div class="pd-box-group pd-product-tab-container">
+        <div class="tab-title-group" id="js-tab-list">            
+            <a href="javascript:void(0)" data-tab="js-same-brand-holder"> Cùng thương hiệu </a>
+            <a href="javascript:void(0)" data-tab="js-same-category-holder"> Sản phẩm tương tự </a>
+            <a href="javascript:void(0)" data-tab="js-history-holder"> Sản phẩm bạn vừa xem </a>
+        </div>
+        
+        <div class="box-product-holder js-product" id="js-same-brand-holder">
+            <div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
+        </div>
+
+        <div class="box-product-holder js-product" id="js-same-category-holder">
+            <div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
+        </div>
+
+        <div class="box-product-holder js-product" id="js-history-holder">
+            <div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
+        </div>
+    </div>
+    
+
+    <!-- Comment -->
+    <div class="pd-box-group pd-comment-container">
+        <p class="group-title"> <span>ĐÁNH GIÁ SẢN PHẨM</span> </p>
+
+        <div>Template Comment</div>
+    </div>
+</div>
+
+
+<!-- Article -->
+<div class="article-page container">
+    <div class="article-category-list">
+        <a href="" class="current">
+            <span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
+            <h2 class="title">Tư vấn lựa chọn</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
+            <h2 class="title">Tin tức công ty</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
+            <h2 class="title">Tin tức khuyến mãi</h2>
+        </a>
+    </div>
+
+    <!-- top article -->
+    <div class="top-article-group">
+        <h2 class="group-title"> Tin tức nổi bật </h2>
+
+        <div class="top-article-holder">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/356x220" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+    </div>
+
+    <!-- article list -->
+    <div class="article-cate-container">
+        <div class="group-title">
+            <h2 class="title"> Danh mục cấp 1 </h2>
+            <a href=""> XEM THÊM + </a>
+        </div>
+
+        <div class="article-list">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+    </div>
+    
+    <div class="article-cate-container"> <div class="group-title"> <h2 class="title"> Danh mục cấp 1 </h2> <a href=""> XEM THÊM + </a> </div><div class="article-list"> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p><a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div></div></div>
+</div>
+
+
+<!-- article category -->
+<div class="article-page article-category-page container">
+    <div class="article-category-list">
+        <a href="" class="current">
+            <span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
+            <h2 class="title">Tư vấn lựa chọn</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
+            <h2 class="title">Tin tức công ty</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
+            <h2 class="title">Tin tức khuyến mãi</h2>
+        </a>
+    </div>
+
+    <!-- article list -->
+    <div class="article-cate-container">
+        <div class="category-page-title">
+            <span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
+            <h2 class="title"> Tư vấn lựa chọn </h2>
+        </div>
+
+        <!-- loop limit: 3 -->
+        <div class="top-article-group">
+            <div class="top-article-holder">
+                <div class="art-item">
+                    <a href="" class="art-img">
+                        <img src="https://via.placeholder.com/712x440" alt=""/>
+                    </a>
+    
+                    <div class="art-text">
+                        <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+    
+                        <a href="" class="art-title">
+                            <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                        </a>
+    
+                        <div class="art-summary">
+                            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                        </div>
+    
+                        <p class="art-time">
+                            <i class="icons icon-clock"></i>
+                            <span>08-11-2023, 9.32 am</span>
+                        </p>
+    
+                        <p class="art-time">
+                            <i class="icons icon-visit"></i>
+                            <span>224</span>
+                        </p>
+                    </div>
+                </div>
+    
+                <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/356x220" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+            </div>
+        </div>
+
+        <!-- loop offset: continue -->
+        <div class="article-list">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+
+        <!-- paging -->
+        <div class="paging">
+            <a href=""><span class="icon-prev"></span></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a><a href="">3</a><a href="">4</a>
+            <a href=""><span class="icon-next"></span></a>
+        </div>
+    </div>
+</div>
+
+<!-- article detail -->
+<div class="article-page article-detail-page container">
+    <div class="article-category-list">
+        <a href="" class="current">
+            <span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
+            <h2 class="title">Tư vấn lựa chọn</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
+            <h2 class="title">Tin tức công ty</h2>
+        </a>
+
+        <a href="">
+            <span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
+            <h2 class="title">Tin tức khuyến mãi</h2>
+        </a>
+    </div>
+    
+    <div class="art-detail-container">
+        <div class="col-left">
+            <p class="page-title"> Kích hoạt bản quyền Windows và Office vĩnh viễn </p>
+
+            <div class="art-detail-time">
+                <p> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p>
+                <p> <i class="icons icon-visit"></i> <span>224</span> </p>
+            </div>
+
+            <div> Mục lục </div>
+
+            <div class="art-detail-content">
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque aperiam nulla explicabo ab excepturi numquam maiores ex impedit quos. Officia rem numquam saepe quisquam magnam nihil optio quis dignissimos accusantium!</p>
+            </div>
+        </div>
+
+        <div class="col-right">
+            <p class="group-title"> <span>Tìm kiếm bài viết</span> </p>
+
+            <div class="header-search-group position-relative">
+                <form method="get" action="/tim-bai" name="search">                
+                    <input type="text" name="q" placeholder="Tìm kiếm bài viết" value="">
+                    <button type="submit"> Tìm kiếm </button>
+                </form>
+            </div>
+
+            <div class="art-detail-top-article">
+                <!-- 5/5 -->
+                <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="article-related-container">
+        <h2 class="group-title"> Bài viết liên quan  </h2>
+
+        <div class="article-holder owl-carousel owl-theme custom-dots js-home-article">
+            <div class="art-item">
+                <a href="" class="art-img">
+                    <img src="https://via.placeholder.com/712x440" alt=""/>
+                </a>
+
+                <div class="art-text">
+                    <a href="" class="art-category">Khuyến mãi - tháng 11</a>
+
+                    <a href="" class="art-title">
+                        <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
+                    </a>
+
+                    <div class="art-summary">
+                        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
+                    </div>
+
+                    <p class="art-time">
+                        <i class="icons icon-clock"></i>
+                        <span>08-11-2023, 9.32 am</span>
+                    </p>
+
+                    <p class="art-time">
+                        <i class="icons icon-visit"></i>
+                        <span>224</span>
+                    </p>
+                </div>
+            </div>
+
+            <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
+        </div>
+    </div>
+</div>
+
+
+<!-- Footer -->
+<div class="global-newsletter-container">
+    <div class="container">
+        <div class="col-left">
+            <p class="group-title"> Đăng ký nhận email thông báo khuyến mại hoặc để được tư vấn miễn phí </p>
+
+            <div class="form-holder">
+                <input type="text" placeholder="Nhập email hoặc số điện thoại của bạn" id="js-email-newsletter">
+                <a href="javascript:subscribe_newsletter('#js-email-newsletter', '#js-newsletter-error');" class="btn-send-newsletter">Gửi</a>
+            </div>
+
+            <p id="js-newsletter-error" class="newsletter-error"></p>
+        </div>
+
+        <img data-src="images/footer-newsletter-bg.png" class="lazy" width="1" height="1" />
+    </div>
+</div>
+
+<div class="global-footer-container">
+    <div class="container footer-info-container">
+        <div class="row">
+            <div class="col global-address-list">
+                <diV class="address-item">
+                    <p class="group-title">Công ty TNHH Thương Mại TCC Hoàng Hưng</p>
+
+                    <p class="font-600"> Địa chỉ: </p>
+                    <a href="https://maps.app.goo.gl/BjFiEdE9TBEe1UCc9" target="_blank" rel="nofollow"> CS1: 101 Lê Thanh Nghị, Hai Bà Trưng, HN </a>
+                    <a href="https://maps.app.goo.gl/uzNEQwTT2nb4TjLi6" target="_blank" rel="nofollow"> CS2: 257 Trần Quốc Hoàn, Cầu Giấy, HN </a>
+                </diV>
+                
+                <diV class="address-item">
+                    <p class="group-title"> TRUNG TÂM BẢO HÀNH - TCC CARE: </p>
+                    <a href="https://maps.app.goo.gl/Q4yrbgHVxqdLYyLg6" target="_blank" rel="nofollow"> Tầng 2 cơ sở 1: 101 Lê Thanh Nghị </a>
+                    <a href="https://maps.app.goo.gl/SWeahFir6AVtzF4T7" target="_blank" rel="nofollow"> Tầng 2 cơ sở 2: 257 Trần Quốc Hoàn </a>
+                    <a href="tel:02436 288 532"> <b>Điện thoại:</b> 02436 288 532 </a>
+                    <a href="mailTo:laptop4world@gmail.com"> <b>Email:</b> laptop4world@gmail.com </a>
+                    <p> <b>Giờ mở cửa:</b> Từ 8h00 - 22h00 tất cả các ngày trong tuần </p>
+                </diV>
+            </div>
+
+            <div class="col item">
+                <p class="group-title"> Hỗ trợ khách hàng </p>
+                
+                <div class="item-list">
+                    <a href="tel:0766 44 8888"> Quản lý Cơ sở 1: Mr. Trường: <b> 0766 44 8888 </b> </a>
+                    <a href="tel:0763 99 6666"> Quản lý Cơ sở 2: Mr. Hùng: <b> 0763 99 6666 </b> </a>
+                    <a href="tel:083 396 2222"> Trung Tâm BH: Mr. Hùng: <b> 083 396 2222 </b> </a>
+                    <a href="tel:07 62 63 7777"> Hỗ trợ Online : Ms. Diệu: <b> 07 62 63 7777 </b> </a>
+                    <a href="tel:0788 94 3333"> Bảo hành 1: Mr. Chiến: <b> 0788 94 3333 </b> </a>
+                    <a href="tel:08 325 44444"> Bảo hành 2: Mr. Lộc: <b> 08 325 44444 </b> </a>
+                </div>
+            </div>
+
+            <div class="col item">
+                <p class="group-title"> Thông tin khác </p>
+                
+                <div class="item-list">
+                    <a href="/gioi-thieu"> Giới Thiệu </a>
+                    <a href="/tin-tuc"> Tin Tức </a>
+                    <a href=""> Khuyến Mại </a>
+                    <a href=""> Chính Sách Bảo Hành </a>
+                    <a href=""> Chính Sách Hoàn Trả Và Hoàn Tiền </a>
+                    <a href=""> Chế Độ Vận Chuyển Và Thanh Toán </a>
+                    <a href=""> Hướng Dẫn Mua Hàng Trả Góp </a>
+                    <a href=""> Chính Sách Bảo Mật </a>
+                    <a href=""> Bảng Giá Nâng Cấp Linh Kiện </a>
+                </div>
+            </div>
+
+            <div class="col item-social-media">
+                <p class="group-title"> Kết nối với chúng tôi </p>
+
+                <div class="footer-social-media">
+                    <a href="https://www.facebook.com/laptoptcc.vn" class="icons icon-facebook" target="_blank" rel="nofollow"></a>
+                    <a href="https://www.youtube.com/c/LAPTOPTCC" class="icons icon-youtube" target="_blank" rel="nofollow"></a>
+                    <a href="https://zalo.me/0762637777" class="icons icon-zalo" target="_blank" rel="nofollow"></a>
+                </div>
+
+                <p class="group-title"> Phương thức thanh toán </p>
+
+                <div class="footer-social-media">
+                    <p>
+                        <i class="icons icon-qr"></i>
+                        <span> QR Code </span>
+                    </p>
+
+                    <p>
+                        <i class="icons icon-cash"></i>
+                        <span> Tiền mặt </span>
+                    </p>
+
+                    <p>
+                        <i class="icons icon-clock"></i>
+                        <span> Trả góp </span>
+                    </p>
+
+                    <p>
+                        <i class="icons icon-wallet"></i>
+                        <span> Internet Banking </span>
+                    </p>
+                </div>
+
+                <a href="http://online.gov.vn/CustomWebsiteDisplay.aspx?DocId=44480" class="item-bct">
+                    <img data-src="images/global-footer-bct.png" alt="bct" width="1" height="1" class="lazy"/>
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <div class="global-footer-end">
+        <div class="container">
+            <b>Công ty TNHH Thương Mại TCC Hoàng Hưng</b>
+            <p>MST số : 0106839691. Ngày đăng ký kinh doanh lần đầu : 06/05/2015. Sở KHĐT TP. Hà Nội cấp.</p>
+            <p>&copy; All Rights Reserved</p>
+        </div>
+    </div>
+</div>
+
+
+<div class="global-fixed-social">
+    <a href="https://m.me/laptoptcc.vn" target="_blank" class="icon-mess lazy" data-bg="url(images/icon-mess.png)"></a>
+  
+    <a href="javascript:$('body,html').animate({scrollTop:0},800);" class="global-go-top" id="js-global-goTop" title="Lên đầu trang"></a>
+</div>
+
+
+<div class="success-form" style="display: none">
+    <div class="content-container">
+        <div class="success-checkmark">
+            <div class="check-icon">
+                <span class="icon-line line-tip"></span>
+                <span class="icon-line line-long"></span>
+                <div class="icon-circle"></div>
+                <div class="icon-fix"></div>
+            </div>
+        </div>
+
+        <div class="text-center content-text text-24"> Thêm sản phẩm vào giỏ hàng thành công !</div>
+    </div>
+</div>
+<!-- // ==Footer -->
+
+
+<!-- Script -->
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
+<script src="js/lib.js"></script>
+
+
+<!-- global -->
+<script>
+    var lazyLoadInstance = new LazyLoad({
+        elements_selector: ".lazy"
+    });
+
+    $(document).ready(function(){
+        // AOS.init();
+        Fancybox.bind("[data-fancybox]", {});
+        
+        run_carousel('.js-product');
+
+        _globalFunction();   
+        
+        _globalScrollFunction();
+    });
+
+    
+    $(window).scroll(function() {
+        _globalScrollFunction();
+    });
+
+    function _globalScrollFunction() {
+        if($(this).scrollTop() > 500) {
+            $('.global-header-container').addClass("global-header-fixed");
+            $('.global-header-block').show();
+            $('#js-global-goTop').css('display','block');
+        } else {
+            $('.global-header-container').removeClass("global-header-fixed");
+            $('.global-header-block').hide();
+            $('#js-global-goTop').fadeOut();
+        }
+    }
+
+    function _globalFunction() {        
+        $('.global-menu-container').each(function(){
+            var cat_length = $(this).find('.cat-item').length;
+
+            $(this).find('.cat-item').css('height','calc(100% / '+ cat_length +')')
+        });     
+        
+        setTimeout(function(){
+            $('.global-fixed-social').addClass('animate__backInRight');
+        },800);
+    }
+
+    function run_carousel(holder, item){
+        $(holder + ' .owl-carousel').owlCarousel({
+            margin: 16,
+            lazyLoad: true,
+            loop: true,
+            autoplay: false,
+            autoplayTimeout: 4000,
+            autoplaySpeed: 1500,
+            autoplayHoverPause: true,
+            dots: false,
+            nav: true,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            items: (item) ? item : 5
+        });
+    }
+
+</script>
+
+
+<!-- homepage -->
+<script>
+    $(document).ready(function(){
+        
+        run_carousel('.js-product-deal', 4);
+        
+        run_carousel('.js-product-collection', 3);
+
+        countDownToNextDay('.js-deal-countdown');
+
+        $('#js-home-slider').owlCarousel({
+            margin: 10,
+            lazyLoad: true,
+            loop: true,
+            autoplay: true,
+            autoplayTimeout: 3500,
+            autoplaySpeed: 1000,
+            autoplayHoverPause: true,
+            dots: true,
+            nav: false,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            items: 1
+        });
+
+        // tin tức
+        $('.js-home-article').owlCarousel({
+            margin: 16,
+            lazyLoad: true,
+            loop: true,
+            autoplay: true,
+            autoplayTimeout: 3500,
+            autoplaySpeed: 1000,
+            autoplayHoverPause: true,
+            dots: true,
+            nav: false,
+            items: 3
+        });
+
+        $('#js-customer-images').owlCarousel({
+            margin: 8,
+            lazyLoad: true,
+            loop: true,
+            autoplay: false,
+            autoplayTimeout: 4000,
+            autoplaySpeed: 2000,
+            autoplayHoverPause: true,
+            dots: false,
+            nav: true,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            items: 4
+        });        
+            
+    });
+    
+
+</script> 
+
+<!-- product-category -->
+<script>
+    $(document).ready(function(){
+        checkContentHeight(500);
+
+        $('#js-category-slider').owlCarousel({
+            items: 2,
+            loop: true,
+            margin: 16,
+            autoplay: true,
+            autoplayTimeout: 3000,
+            autoplaySpeed: 1000,
+            autoplayHoverPause:true,
+            dots: false,
+            nav: true,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            lazyLoad: true,
+            animateOut: 'fadeOut',
+            smartSpeed: 150
+        });  
+    })
+</script>
+
+
+<!-- product-detail -->
+<script src="js/magiczoom.js"></script>
+<script>
+    $(document).ready(function(){
+        checkContentHeight(400);
+        // _runProductImageSlider();
+
+        _imagesClick();
+
+        _pageClickFunction();
+
+
+        $('#js-img-gallery').owlCarousel({
+            margin: 12,
+            lazyLoad: true,
+            loop: false,
+            autoplay: false,
+            autoplayTimeout: 4000,
+            autoplaySpeed: 1500,
+            autoplayHoverPause: true,
+            dots: false,
+            nav: true,
+            navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
+            items: 4            
+        });
+    });
+
+    function _pageClickFunction(){
+        
+        // Tab
+        $('#js-tab-list a').click(function(){
+            $('#js-tab-list a').removeClass('active');
+            $(this).addClass('active');
+
+            var id = $(this).attr('data-tab');
+            $('.box-product-holder').hide();
+            $('#' + id).show();
+        });
+
+        $('#js-tab-list a:first-child').click();
+
+    }
+
+    function _imagesClick(){
+        $('#js-img-gallery a').click(function(){
+            var href = $(this).attr('data-href');
+            var fancybox_id = $(this).attr('data-id');
+            $('#js-big-img').attr('data-id', fancybox_id);   
+  
+            $('#js-img-gallery a').removeClass('img-active')
+            $(this).addClass('img-active')
+        });
+
+        $('#js-big-img .item').click(function(){
+            var fancybox_id = $(this).attr('data-id');
+            $('#'+fancybox_id).click();
+        });
+    }
+
+    function _runProductImageSlider() {
+        var bigimage = $('#js-big-img');
+        var thumbs   = $('#js-img-gallery');
+        var syncedSecondary = true;
+
+        bigimage.owlCarousel({
+            items: 1,
+            slideSpeed: 2000,            
+            autoplay: false,
+            autoplayHoverPause:true,
+            nav: true,
+            dots: false,
+            loop: false,
+            lazyLoad: true,
+            responsiveRefreshRate: 200,
+            center: false,
+            navText: [
+                '<i class="arrow arrow-prev"></i>',
+                '<i class="arrow arrow-next"></i>'
+            ]
+        }).on("changed.owl.carousel", syncPosition);
+
+        thumbs.on("initialized.owl.carousel", function() {
+            thumbs.find(".owl-item").eq(0).addClass("current");
+        }).owlCarousel({
+            items: 5,
+            dots: false,
+            nav: true,
+            navText: [
+                '<i class="arrow arrow-prev"></i>',
+                '<i class="arrow arrow-next"></i>'
+            ],
+            smartSpeed: 200,
+            slideSpeed: 500,
+            slideBy: 5,
+            margin: 11,
+            center: false,
+            responsiveRefreshRate: 100
+        }).on("changed.owl.carousel", syncPosition2);        
+        
+
+        function syncPosition(el) {
+            var current = el.item.index;
+            var count = el.item.count - 1;
+
+            //to this
+            thumbs.find(".owl-item").removeClass("current").eq(current).addClass("current");
+
+            var onscreen = thumbs.find(".owl-item.active").length - 1;
+
+            var start = thumbs.find(".owl-item.active").first().index();
+
+            var end = thumbs.find(".owl-item.active").last().index();
+
+            if (current > end) {
+                thumbs.data("owl.carousel").to(current, 100, true);
+            }
+            if (current < start && 1 < 2) {
+                thumbs.data("owl.carousel").to(current - onscreen, 100, true);
+            }
+        }
+
+        function syncPosition2(el) {
+            if (syncedSecondary) {
+                var number = el.item.index;                
+                bigimage.data("owl.carousel").to(number, 100, true);
+            }
+        }
+
+        thumbs.on("click", ".owl-item", function(e) {
+            e.preventDefault();
+            var number = $(this).index();            
+            bigimage.data("owl.carousel").to(number, 300, true);
+        });
+    }
+    
+</script>
+
+
+<!-- article detail -->
+<script>
+    // tin tức
+    $('.js-home-article').owlCarousel({
+            margin: 16,
+            lazyLoad: true,
+            loop: true,
+            autoplay: true,
+            autoplayTimeout: 3500,
+            autoplaySpeed: 1000,
+            autoplayHoverPause: true,
+            dots: true,
+            nav: false,
+            items: 3
+        });
+</script>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/LaptopTCC/js/lib.js b/LaptopTCC/js/lib.js
new file mode 100644
index 0000000..5eeb86f
--- /dev/null
+++ b/LaptopTCC/js/lib.js
@@ -0,0 +1,687 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c<b;)d=f[c-1]||0,e=this._widths[this.relative(c)]+this.settings.margin,f.push(d+e*a);this._coordinates=f}},{filter:["width","items","settings"],run:function(){var a=this.settings.stagePadding,b=this._coordinates,c={width:Math.ceil(Math.abs(b[b.length-1]))+2*a,"padding-left":a||"","padding-right":a||""};this.$stage.css(c)}},{filter:["width","items","settings"],run:function(a){var b=this._coordinates.length,c=!this.settings.autoWidth,d=this.$stage.children();if(c&&a.items.merge)for(;b--;)a.css.width=this._widths[this.relative(b)],d.eq(b).css(a.css);else c&&(a.css.width=a.items.width,d.css(a.css))}},{filter:["items"],run:function(){this._coordinates.length<1&&this.$stage.removeAttr("style")}},{filter:["width","items","settings"],run:function(a){a.current=a.current?this.$stage.children().index(a.current):0,a.current=Math.max(this.minimum(),Math.min(this.maximum(),a.current)),this.reset(a.current)}},{filter:["position"],run:function(){this.animate(this.coordinates(this._current))}},{filter:["width","position","items","settings"],run:function(){var a,b,c,d,e=this.settings.rtl?1:-1,f=2*this.settings.stagePadding,g=this.coordinates(this.current())+f,h=g+this.width()*e,i=[];for(c=0,d=this._coordinates.length;c<d;c++)a=this._coordinates[c-1]||0,b=Math.abs(this._coordinates[c])+f*e,(this.op(a,"<=",g)&&this.op(a,">",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("<div/>",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b<c;)(this._invalidated.all||a.grep(this._pipe[b].filter,d).length>0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)<Math.abs(d.y)&&this.is("valid")||(b.preventDefault(),this.enter("dragging"),this.trigger("drag"))},this)))},e.prototype.onDragMove=function(a){var b=null,c=null,d=null,e=this.difference(this._drag.pointer,this.pointer(a)),f=this.difference(this._drag.stage.start,e);this.is("dragging")&&(a.preventDefault(),this.settings.loop?(b=this.coordinates(this.minimum()),c=this.coordinates(this.maximum()+1)-b,f.x=((f.x-b)%c+c)%c+b):(b=this.settings.rtl?this.coordinates(this.maximum()):this.coordinates(this.minimum()),c=this.settings.rtl?this.coordinates(this.minimum()):this.coordinates(this.maximum()),d=this.settings.pullDrag?-1*e.x/5:0,f.x=Math.max(Math.min(f.x,b+d),c+d)),this._drag.stage.current=f,this.animate(f.x))},e.prototype.onDragEnd=function(b){var d=this.difference(this._drag.pointer,this.pointer(b)),e=this._drag.stage.current,f=d.x>0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&b<i+f?e=a:"right"===c&&b>i-g-f&&b<i-g+f?e=a+1:this.op(b,"<",i)&&this.op(b,">",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a<c;case">":return d?a<c:a>c;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++<e;)this.load(h/2+this._core.relative(g)),h&&a.each(this._core.clones(this._core.relative(g)),i),g++}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={lazyLoad:!1,lazyLoadEager:0},e.prototype.load=function(c){var d=this._core.$stage.children().eq(c),e=d&&d.find(".owl-lazy");!e||a.inArray(d.get(0),this._loaded)>-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='<div class="owl-video-play-icon"></div>',d=k.lazyLoad?a("<div/>",{class:"owl-video-tn "+j,srcType:c}):a("<div/>",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("<div/>",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a('<iframe frameborder="0" allowfullscreen mozallowfullscreen webkitAllowFullScreen ></iframe>'),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('<div class="owl-video-frame" />').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push('<div class="'+this._core.settings.dotClass+'">'+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"</div>")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['<span aria-label="Previous">&#x2039;</span>','<span aria-label="Next">&#x203a;</span>'],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("<div>").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('<button role="button">').addClass(c.dotClass).append(a("<span>")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("<div>").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a<e;a++){if(b>=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("<support>").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
+
+/* ========================================================== */
+
+/*! owl.carousel2.thumbs - v0.1.8 | (c) 2016 @gijsroge | MIT license | https://github.com/gijsroge/OwlCarousel2-Thumbs */
+!function(a,b,c,d){"use strict";var e=function(b){this.owl=b,this._thumbcontent=[],this._identifier=0,this.owl_currentitem=this.owl.options.startPosition,this.$element=this.owl.$element,this._handlers={"prepared.owl.carousel":a.proxy(function(b){if(!b.namespace||!this.owl.options.thumbs||this.owl.options.thumbImage||this.owl.options.thumbsPrerendered||this.owl.options.thumbImage){if(b.namespace&&this.owl.options.thumbs&&this.owl.options.thumbImage){var c=a(b.content).find("img");this._thumbcontent.push(c)}}else a(b.content).find("[data-thumb]").attr("data-thumb")!==d&&this._thumbcontent.push(a(b.content).find("[data-thumb]").attr("data-thumb"))},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this.owl.options.thumbs&&(this.render(),this.listen(),this._identifier=this.owl.$element.data("slider-id"),this.setActive())},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this.owl.options.thumbs&&(this._identifier=this.owl.$element.data("slider-id"),this.setActive())},this)},this.owl.options=a.extend({},e.Defaults,this.owl.options),this.owl.$element.on(this._handlers)};e.Defaults={thumbs:!0,thumbImage:!1,thumbContainerClass:"owl-thumbs",thumbItemClass:"owl-thumb-item",moveThumbsInside:!1},e.prototype.listen=function(){var b=this.owl.options;b.thumbsPrerendered&&(this._thumbcontent._thumbcontainer=a("."+b.thumbContainerClass)),a(this._thumbcontent._thumbcontainer).on("click",this._thumbcontent._thumbcontainer.children(),a.proxy(function(c){this._identifier=a(c.target).closest("."+b.thumbContainerClass).data("slider-id");var d=a(c.target).parent().is(this._thumbcontent._thumbcontainer)?a(c.target).index():a(c.target).closest("."+b.thumbItemClass).index();b.thumbsPrerendered?a("[data-slider-id="+this._identifier+"]").trigger("to.owl.carousel",[d,b.dotsSpeed,!0]):this.owl.to(d,b.dotsSpeed),c.preventDefault()},this))},e.prototype.render=function(){var b=this.owl.options;b.thumbsPrerendered?(this._thumbcontent._thumbcontainer=a("."+b.thumbContainerClass),b.moveThumbsInside&&this._thumbcontent._thumbcontainer.appendTo(this.$element)):this._thumbcontent._thumbcontainer=a("<div>").addClass(b.thumbContainerClass).appendTo(this.$element);var c;if(b.thumbImage)for(c=0;c<this._thumbcontent.length;++c)this._thumbcontent._thumbcontainer.append("<button class="+b.thumbItemClass+'><img src="'+this._thumbcontent[c].attr("src")+'" alt="'+this._thumbcontent[c].attr("alt")+'" /></button>');else for(c=0;c<this._thumbcontent.length;++c)this._thumbcontent._thumbcontainer.append("<button class="+b.thumbItemClass+">"+this._thumbcontent[c]+"</button>")},e.prototype.setActive=function(){this.owl_currentitem=this.owl._current-this.owl._clones.length/2,this.owl_currentitem===this.owl._items.length&&(this.owl_currentitem=0);var b=this.owl.options,c=b.thumbsPrerendered?a("."+b.thumbContainerClass+'[data-slider-id="'+this._identifier+'"]'):this._thumbcontent._thumbcontainer;c.children().filter(".active").removeClass("active"),c.children().eq(this.owl_currentitem).addClass("active")},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this.owl.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Thumbs=e}(window.Zepto||window.jQuery,window,document);
+
+
+/**
+ * 
+ * Animate On Scroll 
+ *
+ **/
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r=n(1),a=(o(r),n(6)),u=o(a),c=n(7),f=o(c),s=n(8),d=o(s),l=n(9),p=o(l),m=n(10),b=o(m),v=n(11),y=o(v),g=n(14),h=o(g),w=[],k=!1,x=document.all&&!window.atob,j={offset:120,delay:0,easing:"ease",duration:400,disable:!1,once:!1,startEvent:"DOMContentLoaded",throttleDelay:99,debounceDelay:50,disableMutationObserver:!1},O=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,j),(0,b.default)(w,j.once),w},_=function(){w=(0,h.default)(),O()},S=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},z=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},A=function(e){return j=i(j,e),w=(0,h.default)(),z(j.disable)||x?S():(document.querySelector("body").setAttribute("data-aos-easing",j.easing),document.querySelector("body").setAttribute("data-aos-duration",j.duration),document.querySelector("body").setAttribute("data-aos-delay",j.delay),"DOMContentLoaded"===j.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?O(!0):"load"===j.startEvent?window.addEventListener(j.startEvent,function(){O(!0)}):document.addEventListener(j.startEvent,function(){O(!0)}),window.addEventListener("resize",(0,f.default)(O,j.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(O,j.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,j.once)},j.throttleDelay)),j.disableMutationObserver||(0,d.default)("[data-aos]",_),w)};e.exports={init:A,refresh:O,refreshHard:_}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=new r(o);a=t,n.observe(i.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&a()})}Object.defineProperty(t,"__esModule",{value:!0});var i=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),r=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i,a=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,u=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i,c=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,f=function(){function e(){n(this,e)}return i(e,[{key:"phone",value:function(){var e=o();return!(!r.test(e)&&!a.test(e.substr(0,4)))}},{key:"mobile",value:function(){var e=o();return!(!u.test(e)&&!c.test(e.substr(0,4)))}},{key:"tablet",value:function(){return this.mobile()&&!this.phone()}}]),e}();t.default=new f},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t,n){var o=e.node.getAttribute("data-aos-once");t>e.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});
+
+
+/**
+ * 
+ * vanilla-lazyload@13.0.1
+ *
+ **/
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).LazyLoad=e()}(this,(function(){"use strict";function t(){return(t=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var e="undefined"!=typeof window,n=e&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),r=e&&"IntersectionObserver"in window,a=e&&"classList"in document.createElement("p"),o={elements_selector:"img",container:n||e?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_poster:"poster",class_loading:"loading",class_loaded:"loaded",class_error:"error",load_delay:0,auto_unobserve:!0,callback_enter:null,callback_exit:null,callback_reveal:null,callback_loaded:null,callback_error:null,callback_finish:null,use_native:!1},i=function(t,e){var n,r=new t(e);try{n=new CustomEvent("LazyLoad::Initialized",{detail:{instance:r}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent("LazyLoad::Initialized",!1,!1,{instance:r})}window.dispatchEvent(n)},s=function(t,e){return t.getAttribute("data-"+e)},c=function(t,e,n){var r="data-"+e;null!==n?t.setAttribute(r,n):t.removeAttribute(r)},l=function(t){return"true"===s(t,"was-processed")},u=function(t,e){return c(t,"ll-timeout",e)},d=function(t){return s(t,"ll-timeout")},f=function(t){for(var e,n=[],r=0;e=t.children[r];r+=1)"SOURCE"===e.tagName&&n.push(e);return n},_=function(t,e,n){n&&t.setAttribute(e,n)},v=function(t,e){_(t,"sizes",s(t,e.data_sizes)),_(t,"srcset",s(t,e.data_srcset)),_(t,"src",s(t,e.data_src))},g={IMG:function(t,e){var n=t.parentNode;n&&"PICTURE"===n.tagName&&f(n).forEach((function(t){v(t,e)}));v(t,e)},IFRAME:function(t,e){_(t,"src",s(t,e.data_src))},VIDEO:function(t,e){f(t).forEach((function(t){_(t,"src",s(t,e.data_src))})),_(t,"poster",s(t,e.data_poster)),_(t,"src",s(t,e.data_src)),t.load()}},h=function(t,e){var n,r,a=e._settings,o=t.tagName,i=g[o];if(i)return i(t,a),e.loadingCount+=1,void(e._elements=(n=e._elements,r=t,n.filter((function(t){return t!==r}))));!function(t,e){var n=s(t,e.data_src),r=s(t,e.data_bg);n&&(t.style.backgroundImage='url("'.concat(n,'")')),r&&(t.style.backgroundImage=r)}(t,a)},m=function(t,e){a?t.classList.add(e):t.className+=(t.className?" ":"")+e},b=function(t,e){a?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},p=function(t,e,n,r){t&&(void 0===r?void 0===n?t(e):t(e,n):t(e,n,r))},y=function(t,e,n){t.addEventListener(e,n)},E=function(t,e,n){t.removeEventListener(e,n)},w=function(t,e,n){E(t,"load",e),E(t,"loadeddata",e),E(t,"error",n)},I=function(t,e,n){var r=n._settings,a=e?r.class_loaded:r.class_error,o=e?r.callback_loaded:r.callback_error,i=t.target;b(i,r.class_loading),m(i,a),p(o,i,n),n.loadingCount-=1,0===n._elements.length&&0===n.loadingCount&&p(r.callback_finish,n)},k=function(t,e){var n=function n(a){I(a,!0,e),w(t,n,r)},r=function r(a){I(a,!1,e),w(t,n,r)};!function(t,e,n){y(t,"load",e),y(t,"loadeddata",e),y(t,"error",n)}(t,n,r)},A=["IMG","IFRAME","VIDEO"],L=function(t,e){var n=e._observer;z(t,e),n&&e._settings.auto_unobserve&&n.unobserve(t)},z=function(t,e,n){var r=e._settings;!n&&l(t)||(A.indexOf(t.tagName)>-1&&(k(t,e),m(t,r.class_loading)),h(t,e),function(t){c(t,"was-processed","true")}(t),p(r.callback_reveal,t,e))},O=function(t){var e=d(t);e&&(clearTimeout(e),u(t,null))},N=function(t,e,n){var r=n._settings;p(r.callback_enter,t,e,n),r.load_delay?function(t,e){var n=e._settings.load_delay,r=d(t);r||(r=setTimeout((function(){L(t,e),O(t)}),n),u(t,r))}(t,n):L(t,n)},C=function(t){return!!r&&(t._observer=new IntersectionObserver((function(e){e.forEach((function(e){return function(t){return t.isIntersecting||t.intersectionRatio>0}(e)?N(e.target,e,t):function(t,e,n){var r=n._settings;p(r.callback_exit,t,e,n),r.load_delay&&O(t)}(e.target,e,t)}))}),{root:(e=t._settings).container===document?null:e.container,rootMargin:e.thresholds||e.threshold+"px"}),!0);var e},x=["IMG","IFRAME"],M=function(t){return Array.prototype.slice.call(t)},R=function(t,e){return function(t){return t.filter((function(t){return!l(t)}))}(M(t||function(t){return t.container.querySelectorAll(t.elements_selector)}(e)))},T=function(t){var e=t._settings,n=e.container.querySelectorAll("."+e.class_error);M(n).forEach((function(t){b(t,e.class_error),function(t){c(t,"was-processed",null)}(t)})),t.update()},j=function(n,r){var a;this._settings=function(e){return t({},o,e)}(n),this.loadingCount=0,C(this),this.update(r),a=this,e&&window.addEventListener("online",(function(t){T(a)}))};return j.prototype={update:function(t){var e,r=this,a=this._settings;(this._elements=R(t,a),!n&&this._observer)?(function(t){return t.use_native&&"loading"in HTMLImageElement.prototype}(a)&&((e=this)._elements.forEach((function(t){-1!==x.indexOf(t.tagName)&&(t.setAttribute("loading","lazy"),z(t,e))})),this._elements=R(t,a)),this._elements.forEach((function(t){r._observer.observe(t)}))):this.loadAll()},destroy:function(){var t=this;this._observer&&(this._elements.forEach((function(e){t._observer.unobserve(e)})),this._observer=null),this._elements=null,this._settings=null},load:function(t,e){z(t,this,e)},loadAll:function(){var t=this;this._elements.forEach((function(e){L(e,t)}))}},e&&function(t,e){if(e)if(e.length)for(var n,r=0;n=e[r];r+=1)i(t,n);else i(t,e)}(j,window.lazyLoadOptions),j}));
+
+
+/**
+    * Fancybox
+**/
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).window=t.window||{})}(this,(function(t){"use strict";const e=(t,e=1e4)=>(t=parseFloat(t+"")||0,Math.round((t+Number.EPSILON)*e)/e),i=function(t){if(!(t&&t instanceof Element&&t.offsetParent))return!1;const e=t.scrollHeight>t.clientHeight,i=window.getComputedStyle(t).overflowY,n=-1!==i.indexOf("hidden"),s=-1!==i.indexOf("visible");return e&&!n&&!s},n=function(t,e=void 0){return!(!t||t===document.body||e&&t===e)&&(i(t)?t:n(t.parentElement,e))},s=function(t){var e=(new DOMParser).parseFromString(t,"text/html").body;if(e.childElementCount>1){for(var i=document.createElement("div");e.firstChild;)i.appendChild(e.firstChild);return i}return e.firstChild},o=t=>`${t||""}`.split(" ").filter((t=>!!t)),a=(t,e,i)=>{o(e).forEach((e=>{t&&t.classList.toggle(e,i||!1)}))};class r{constructor(t){Object.defineProperty(this,"pageX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"pageY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clientX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clientY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"time",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"nativePointer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.nativePointer=t,this.pageX=t.pageX,this.pageY=t.pageY,this.clientX=t.clientX,this.clientY=t.clientY,this.id=self.Touch&&t instanceof Touch?t.identifier:-1,this.time=Date.now()}}const l={passive:!1};class c{constructor(t,{start:e=(()=>!0),move:i=(()=>{}),end:n=(()=>{})}){Object.defineProperty(this,"element",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"startCallback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"moveCallback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"endCallback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"currentPointers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"startPointers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),this.element=t,this.startCallback=e,this.moveCallback=i,this.endCallback=n;for(const t of["onPointerStart","onTouchStart","onMove","onTouchEnd","onPointerEnd","onWindowBlur"])this[t]=this[t].bind(this);this.element.addEventListener("mousedown",this.onPointerStart,l),this.element.addEventListener("touchstart",this.onTouchStart,l),this.element.addEventListener("touchmove",this.onMove,l),this.element.addEventListener("touchend",this.onTouchEnd),this.element.addEventListener("touchcancel",this.onTouchEnd)}onPointerStart(t){if(!t.buttons||0!==t.button)return;const e=new r(t);this.currentPointers.some((t=>t.id===e.id))||this.triggerPointerStart(e,t)&&(window.addEventListener("mousemove",this.onMove),window.addEventListener("mouseup",this.onPointerEnd),window.addEventListener("blur",this.onWindowBlur))}onTouchStart(t){for(const e of Array.from(t.changedTouches||[]))this.triggerPointerStart(new r(e),t);window.addEventListener("blur",this.onWindowBlur)}onMove(t){const e=this.currentPointers.slice(),i="changedTouches"in t?Array.from(t.changedTouches||[]).map((t=>new r(t))):[new r(t)],n=[];for(const t of i){const e=this.currentPointers.findIndex((e=>e.id===t.id));e<0||(n.push(t),this.currentPointers[e]=t)}n.length&&this.moveCallback(t,this.currentPointers.slice(),e)}onPointerEnd(t){t.buttons>0&&0!==t.button||(this.triggerPointerEnd(t,new r(t)),window.removeEventListener("mousemove",this.onMove),window.removeEventListener("mouseup",this.onPointerEnd),window.removeEventListener("blur",this.onWindowBlur))}onTouchEnd(t){for(const e of Array.from(t.changedTouches||[]))this.triggerPointerEnd(t,new r(e))}triggerPointerStart(t,e){return!!this.startCallback(e,t,this.currentPointers.slice())&&(this.currentPointers.push(t),this.startPointers.push(t),!0)}triggerPointerEnd(t,e){const i=this.currentPointers.findIndex((t=>t.id===e.id));i<0||(this.currentPointers.splice(i,1),this.startPointers.splice(i,1),this.endCallback(t,e,this.currentPointers.slice()))}onWindowBlur(){this.clear()}clear(){for(;this.currentPointers.length;){const t=this.currentPointers[this.currentPointers.length-1];this.currentPointers.splice(this.currentPointers.length-1,1),this.startPointers.splice(this.currentPointers.length-1,1),this.endCallback(new Event("touchend",{bubbles:!0,cancelable:!0,clientX:t.clientX,clientY:t.clientY}),t,this.currentPointers.slice())}}stop(){this.element.removeEventListener("mousedown",this.onPointerStart,l),this.element.removeEventListener("touchstart",this.onTouchStart,l),this.element.removeEventListener("touchmove",this.onMove,l),this.element.removeEventListener("touchend",this.onTouchEnd),this.element.removeEventListener("touchcancel",this.onTouchEnd),window.removeEventListener("mousemove",this.onMove),window.removeEventListener("mouseup",this.onPointerEnd),window.removeEventListener("blur",this.onWindowBlur)}}function h(t,e){return e?Math.sqrt(Math.pow(e.clientX-t.clientX,2)+Math.pow(e.clientY-t.clientY,2)):0}function d(t,e){return e?{clientX:(t.clientX+e.clientX)/2,clientY:(t.clientY+e.clientY)/2}:t}const u=t=>"object"==typeof t&&null!==t&&t.constructor===Object&&"[object Object]"===Object.prototype.toString.call(t),p=(t,...e)=>{const i=e.length;for(let n=0;n<i;n++){const i=e[n]||{};Object.entries(i).forEach((([e,i])=>{const n=Array.isArray(i)?[]:{};t[e]||Object.assign(t,{[e]:n}),u(i)?Object.assign(t[e],p(n,i)):Array.isArray(i)?Object.assign(t,{[e]:[...i]}):Object.assign(t,{[e]:i})}))}return t},f=function(t,e){return t.split(".").reduce(((t,e)=>"object"==typeof t?t[e]:void 0),e)};class m{constructor(t={}){Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"events",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),this.setOptions(t);for(const t of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))t.startsWith("on")&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}setOptions(t){this.options=t?p({},this.constructor.defaults,t):{};for(const[t,e]of Object.entries(this.option("on")||{}))this.on(t,e)}option(t,...e){let i=f(t,this.options);return i&&"function"==typeof i&&(i=i.call(this,this,...e)),i}optionFor(t,e,i,...n){let s=f(e,t);var o;"string"!=typeof(o=s)||isNaN(o)||isNaN(parseFloat(o))||(s=parseFloat(s)),"true"===s&&(s=!0),"false"===s&&(s=!1),s&&"function"==typeof s&&(s=s.call(this,this,t,...n));let a=f(e,this.options);return a&&"function"==typeof a?s=a.call(this,this,t,...n,s):void 0===s&&(s=a),void 0===s?i:s}cn(t){const e=this.options.classes;return e&&e[t]||""}localize(t,e=[]){t=String(t).replace(/\{\{(\w+).?(\w+)?\}\}/g,((t,e,i)=>{let n="";return i?n=this.option(`${e[0]+e.toLowerCase().substring(1)}.l10n.${i}`):e&&(n=this.option(`l10n.${e}`)),n||(n=t),n}));for(let i=0;i<e.length;i++)t=t.split(e[i][0]).join(e[i][1]);return t=t.replace(/\{\{(.*?)\}\}/g,((t,e)=>e))}on(t,e){let i=[];"string"==typeof t?i=t.split(" "):Array.isArray(t)&&(i=t),this.events||(this.events=new Map),i.forEach((t=>{let i=this.events.get(t);i||(this.events.set(t,[]),i=[]),i.includes(e)||i.push(e),this.events.set(t,i)}))}off(t,e){let i=[];"string"==typeof t?i=t.split(" "):Array.isArray(t)&&(i=t),i.forEach((t=>{const i=this.events.get(t);if(Array.isArray(i)){const t=i.indexOf(e);t>-1&&i.splice(t,1)}}))}emit(t,...e){[...this.events.get(t)||[]].forEach((t=>t(this,...e))),"*"!==t&&this.emit("*",t,...e)}}Object.defineProperty(m,"version",{enumerable:!0,configurable:!0,writable:!0,value:"5.0.20"}),Object.defineProperty(m,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:{}});class g extends m{constructor(t={}){super(t),Object.defineProperty(this,"plugins",{enumerable:!0,configurable:!0,writable:!0,value:{}})}attachPlugins(t={}){const e=new Map;for(const[i,n]of Object.entries(t)){const t=this.option(i),s=this.plugins[i];s||!1===t?s&&!1===t&&(s.detach(),delete this.plugins[i]):e.set(i,new n(this,t||{}))}for(const[t,i]of e)this.plugins[t]=i,i.attach();this.emit("attachPlugins")}detachPlugins(t){t=t||Object.keys(this.plugins);for(const e of t){const t=this.plugins[e];t&&t.detach(),delete this.plugins[e]}return this.emit("detachPlugins"),this}}var b;!function(t){t[t.Init=0]="Init",t[t.Error=1]="Error",t[t.Ready=2]="Ready",t[t.Panning=3]="Panning",t[t.Mousemove=4]="Mousemove",t[t.Destroy=5]="Destroy"}(b||(b={}));const v=["a","b","c","d","e","f"],y={PANUP:"Move up",PANDOWN:"Move down",PANLEFT:"Move left",PANRIGHT:"Move right",ZOOMIN:"Zoom in",ZOOMOUT:"Zoom out",TOGGLEZOOM:"Toggle zoom level",TOGGLE1TO1:"Toggle zoom level",ITERATEZOOM:"Toggle zoom level",ROTATECCW:"Rotate counterclockwise",ROTATECW:"Rotate clockwise",FLIPX:"Flip horizontally",FLIPY:"Flip vertically",FITX:"Fit horizontally",FITY:"Fit vertically",RESET:"Reset",TOGGLEFS:"Toggle fullscreen"},w={content:null,width:"auto",height:"auto",panMode:"drag",touch:!0,dragMinThreshold:3,lockAxis:!1,mouseMoveFactor:1,mouseMoveFriction:.12,zoom:!0,pinchToZoom:!0,panOnlyZoomed:"auto",minScale:1,maxScale:2,friction:.25,dragFriction:.35,decelFriction:.05,click:"toggleZoom",dblClick:!1,wheel:"zoom",wheelLimit:7,spinner:!0,bounds:"auto",infinite:!1,rubberband:!0,bounce:!0,maxVelocity:75,transformParent:!1,classes:{content:"f-panzoom__content",isLoading:"is-loading",canZoomIn:"can-zoom_in",canZoomOut:"can-zoom_out",isDraggable:"is-draggable",isDragging:"is-dragging",inFullscreen:"in-fullscreen",htmlHasFullscreen:"with-panzoom-in-fullscreen"},l10n:y},x='<div class="f-spinner"><svg viewBox="0 0 50 50"><circle cx="25" cy="25" r="20"></circle><circle cx="25" cy="25" r="20"></circle></svg></div>',E=t=>t&&null!==t&&t instanceof Element&&"nodeType"in t,S=(t,e)=>{t&&o(e).forEach((e=>{t.classList.remove(e)}))},P=(t,e)=>{t&&o(e).forEach((e=>{t.classList.add(e)}))},C={a:1,b:0,c:0,d:1,e:0,f:0},M=1e5,T=1e3,O="mousemove",A="drag",z="content";let L=null,R=null;class k extends g{get isTouchDevice(){return null===R&&(R=window.matchMedia("(hover: none)").matches),R}get isMobile(){return null===L&&(L=/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)),L}get panMode(){return this.options.panMode!==O||this.isTouchDevice?A:O}get panOnlyZoomed(){const t=this.options.panOnlyZoomed;return"auto"===t?this.isTouchDevice:t}get isInfinite(){return this.option("infinite")}get angle(){return 180*Math.atan2(this.current.b,this.current.a)/Math.PI||0}get targetAngle(){return 180*Math.atan2(this.target.b,this.target.a)/Math.PI||0}get scale(){const{a:t,b:e}=this.current;return Math.sqrt(t*t+e*e)||1}get targetScale(){const{a:t,b:e}=this.target;return Math.sqrt(t*t+e*e)||1}get minScale(){return this.option("minScale")||1}get fullScale(){const{contentRect:t}=this;return t.fullWidth/t.fitWidth||1}get maxScale(){return this.fullScale*(this.option("maxScale")||1)||1}get coverScale(){const{containerRect:t,contentRect:e}=this,i=Math.max(t.height/e.fitHeight,t.width/e.fitWidth)||1;return Math.min(this.fullScale,i)}get isScaling(){return Math.abs(this.targetScale-this.scale)>1e-5&&!this.isResting}get isContentLoading(){const t=this.content;return!!(t&&t instanceof HTMLImageElement)&&!t.complete}get isResting(){if(this.isBouncingX||this.isBouncingY)return!1;for(const t of v){const e="e"==t||"f"===t?.001:1e-5;if(Math.abs(this.target[t]-this.current[t])>e)return!1}return!(!this.ignoreBounds&&!this.checkBounds().inBounds)}constructor(t,e={},i={}){var n;if(super(e),Object.defineProperty(this,"pointerTracker",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"resizeObserver",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"updateTimer",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"clickTimer",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"rAF",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"isTicking",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"friction",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"ignoreBounds",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"isBouncingX",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"isBouncingY",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"clicks",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"trackingPoints",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pwt",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"cwd",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"pmme",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:b.Init}),Object.defineProperty(this,"isDragging",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"spinner",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"containerRect",{enumerable:!0,configurable:!0,writable:!0,value:{width:0,height:0,innerWidth:0,innerHeight:0}}),Object.defineProperty(this,"contentRect",{enumerable:!0,configurable:!0,writable:!0,value:{top:0,right:0,bottom:0,left:0,fullWidth:0,fullHeight:0,fitWidth:0,fitHeight:0,width:0,height:0}}),Object.defineProperty(this,"dragStart",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0,top:0,left:0,time:0}}),Object.defineProperty(this,"dragOffset",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0,time:0}}),Object.defineProperty(this,"current",{enumerable:!0,configurable:!0,writable:!0,value:Object.assign({},C)}),Object.defineProperty(this,"target",{enumerable:!0,configurable:!0,writable:!0,value:Object.assign({},C)}),Object.defineProperty(this,"velocity",{enumerable:!0,configurable:!0,writable:!0,value:{a:0,b:0,c:0,d:0,e:0,f:0}}),Object.defineProperty(this,"lockedAxis",{enumerable:!0,configurable:!0,writable:!0,value:!1}),!t)throw new Error("Container Element Not Found");this.container=t,this.initContent(),this.attachPlugins(Object.assign(Object.assign({},k.Plugins),i)),this.emit("init");const o=this.content;if(o.addEventListener("load",this.onLoad),o.addEventListener("error",this.onError),this.isContentLoading){if(this.option("spinner")){t.classList.add(this.cn("isLoading"));const e=s(x);!t.contains(o)||o.parentElement instanceof HTMLPictureElement?this.spinner=t.appendChild(e):this.spinner=(null===(n=o.parentElement)||void 0===n?void 0:n.insertBefore(e,o))||null}this.emit("beforeLoad")}else queueMicrotask((()=>{this.enable()}))}initContent(){const{container:t}=this,e=this.cn(z);let i=this.option(z)||t.querySelector(`.${e}`);if(i||(i=t.querySelector("img,picture")||t.firstElementChild,i&&P(i,e)),i instanceof HTMLPictureElement&&(i=i.querySelector("img")),!i)throw new Error("No content found");this.content=i}onLoad(){this.spinner&&(this.spinner.remove(),this.spinner=null),this.option("spinner")&&this.container.classList.remove(this.cn("isLoading")),this.emit("afterLoad"),this.state===b.Init?this.enable():this.updateMetrics()}onError(){this.state!==b.Destroy&&(this.spinner&&(this.spinner.remove(),this.spinner=null),this.stop(),this.detachEvents(),this.state=b.Error,this.emit("error"))}attachObserver(){var t;const e=()=>Math.abs(this.containerRect.width-this.container.getBoundingClientRect().width)>.1||Math.abs(this.containerRect.height-this.container.getBoundingClientRect().height)>.1;this.resizeObserver||void 0===window.ResizeObserver||(this.resizeObserver=new ResizeObserver((()=>{this.updateTimer||(e()?(this.onResize(),this.isMobile&&(this.updateTimer=setTimeout((()=>{e()&&this.onResize(),this.updateTimer=null}),500))):this.updateTimer&&(clearTimeout(this.updateTimer),this.updateTimer=null))}))),null===(t=this.resizeObserver)||void 0===t||t.observe(this.container)}detachObserver(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}attachEvents(){const{container:t}=this;t.addEventListener("click",this.onClick,{passive:!1,capture:!1}),t.addEventListener("wheel",this.onWheel,{passive:!1}),this.pointerTracker=new c(t,{start:this.onPointerDown,move:this.onPointerMove,end:this.onPointerUp}),document.addEventListener(O,this.onMouseMove)}detachEvents(){var t;const{container:e}=this;e.removeEventListener("click",this.onClick,{passive:!1,capture:!1}),e.removeEventListener("wheel",this.onWheel,{passive:!1}),null===(t=this.pointerTracker)||void 0===t||t.stop(),this.pointerTracker=null,document.removeEventListener(O,this.onMouseMove),document.removeEventListener("keydown",this.onKeydown,!0),this.clickTimer&&(clearTimeout(this.clickTimer),this.clickTimer=null),this.updateTimer&&(clearTimeout(this.updateTimer),this.updateTimer=null)}animate(){const t=this.friction;this.setTargetForce();const e=this.option("maxVelocity");for(const i of v)t?(this.velocity[i]*=1-t,e&&!this.isScaling&&(this.velocity[i]=Math.max(Math.min(this.velocity[i],e),-1*e)),this.current[i]+=this.velocity[i]):this.current[i]=this.target[i];this.setTransform(),this.setEdgeForce(),!this.isResting||this.isDragging?this.rAF=requestAnimationFrame((()=>this.animate())):this.stop("current")}setTargetForce(){for(const t of v)"e"===t&&this.isBouncingX||"f"===t&&this.isBouncingY||(this.velocity[t]=(1/(1-this.friction)-1)*(this.target[t]-this.current[t]))}checkBounds(t=0,e=0){const{current:i}=this,n=i.e+t,s=i.f+e,o=this.getBounds(),{x:a,y:r}=o,l=a.min,c=a.max,h=r.min,d=r.max;let u=0,p=0;return l!==1/0&&n<l?u=l-n:c!==1/0&&n>c&&(u=c-n),h!==1/0&&s<h?p=h-s:d!==1/0&&s>d&&(p=d-s),Math.abs(u)<.001&&(u=0),Math.abs(p)<.001&&(p=0),Object.assign(Object.assign({},o),{xDiff:u,yDiff:p,inBounds:!u&&!p})}clampTargetBounds(){const{target:t}=this,{x:e,y:i}=this.getBounds();e.min!==1/0&&(t.e=Math.max(t.e,e.min)),e.max!==1/0&&(t.e=Math.min(t.e,e.max)),i.min!==1/0&&(t.f=Math.max(t.f,i.min)),i.max!==1/0&&(t.f=Math.min(t.f,i.max))}calculateContentDim(t=this.current){const{content:e,contentRect:i}=this,{fitWidth:n,fitHeight:s,fullWidth:o,fullHeight:a}=i;let r=o,l=a;if(this.option("zoom")||0!==this.angle){const i=!(e instanceof HTMLImageElement)&&("none"===window.getComputedStyle(e).maxWidth||"none"===window.getComputedStyle(e).maxHeight),c=i?o:n,h=i?a:s,d=this.getMatrix(t),u=new DOMPoint(0,0).matrixTransform(d),p=new DOMPoint(0+c,0).matrixTransform(d),f=new DOMPoint(0+c,0+h).matrixTransform(d),m=new DOMPoint(0,0+h).matrixTransform(d),g=Math.abs(f.x-u.x),b=Math.abs(f.y-u.y),v=Math.abs(m.x-p.x),y=Math.abs(m.y-p.y);r=Math.max(g,v),l=Math.max(b,y)}return{contentWidth:r,contentHeight:l}}setEdgeForce(){if(this.ignoreBounds||this.isDragging||this.panMode===O||this.targetScale<this.scale)return this.isBouncingX=!1,void(this.isBouncingY=!1);const{target:t}=this,{x:e,y:i,xDiff:n,yDiff:s}=this.checkBounds();const o=this.option("maxVelocity");let a=this.velocity.e,r=this.velocity.f;0!==n?(this.isBouncingX=!0,n*a<=0?a+=.14*n:(a=.14*n,e.min!==1/0&&(this.target.e=Math.max(t.e,e.min)),e.max!==1/0&&(this.target.e=Math.min(t.e,e.max))),o&&(a=Math.max(Math.min(a,o),-1*o))):this.isBouncingX=!1,0!==s?(this.isBouncingY=!0,s*r<=0?r+=.14*s:(r=.14*s,i.min!==1/0&&(this.target.f=Math.max(t.f,i.min)),i.max!==1/0&&(this.target.f=Math.min(t.f,i.max))),o&&(r=Math.max(Math.min(r,o),-1*o))):this.isBouncingY=!1,this.isBouncingX&&(this.velocity.e=a),this.isBouncingY&&(this.velocity.f=r)}enable(){const{content:t}=this,e=new DOMMatrixReadOnly(window.getComputedStyle(t).transform);for(const t of v)this.current[t]=this.target[t]=e[t];this.updateMetrics(),this.attachObserver(),this.attachEvents(),this.state=b.Ready,this.emit("ready")}onClick(t){var e;this.isDragging&&(null===(e=this.pointerTracker)||void 0===e||e.clear(),this.trackingPoints=[],this.startDecelAnim());const i=t.target;if(!i||t.defaultPrevented)return;if(i&&i.hasAttribute("disabled"))return t.preventDefault(),void t.stopPropagation();if((()=>{const t=window.getSelection();return t&&"Range"===t.type})()&&!i.closest("button"))return;const n=i.closest("[data-panzoom-action]"),s=i.closest("[data-panzoom-change]"),o=n||s,a=o&&E(o)?o.dataset:null;if(a){const e=a.panzoomChange,i=a.panzoomAction;if((e||i)&&t.preventDefault(),e){let t={};try{t=JSON.parse(e)}catch(t){console&&console.warn("The given data was not valid JSON")}return void this.applyChange(t)}if(i)return void(this[i]&&this[i]())}if(Math.abs(this.dragOffset.x)>3||Math.abs(this.dragOffset.y)>3)return t.preventDefault(),void t.stopPropagation();const r=this.content.getBoundingClientRect();if(this.dragStart.time&&!this.canZoomOut()&&(Math.abs(r.x-this.dragStart.x)>2||Math.abs(r.y-this.dragStart.y)>2))return;this.dragStart.time=0;const l=e=>{this.option("zoom")&&e&&"string"==typeof e&&/(iterateZoom)|(toggle(Zoom|Full|Cover|Max)|(zoomTo(Fit|Cover|Max)))/.test(e)&&"function"==typeof this[e]&&(t.preventDefault(),this[e]({event:t}))},c=this.option("click",t),h=this.option("dblClick",t);h?(this.clicks++,1==this.clicks&&(this.clickTimer=setTimeout((()=>{1===this.clicks?(this.emit("click",t),!t.defaultPrevented&&c&&l(c)):(this.emit("dblClick",t),t.defaultPrevented||l(h)),this.clicks=0,this.clickTimer=null}),350))):(this.emit("click",t),!t.defaultPrevented&&c&&l(c))}addTrackingPoint(t){const e=this.trackingPoints.filter((t=>t.time>Date.now()-100));e.push(t),this.trackingPoints=e}onPointerDown(t,e,i){var n;this.pwt=0,this.dragOffset={x:0,y:0,time:0},this.trackingPoints=[];const s=this.content.getBoundingClientRect();if(this.dragStart={x:s.x,y:s.y,top:s.top,left:s.left,time:Date.now()},this.clickTimer)return!1;if(this.panMode===O&&this.targetScale>1)return t.preventDefault(),t.stopPropagation(),!1;if(!i.length){const e=t.composedPath()[0];if(["A","TEXTAREA","OPTION","INPUT","SELECT","VIDEO"].includes(e.nodeName)||e.closest("[contenteditable]")||e.closest("[data-selectable]")||e.closest("[data-draggable]")||e.closest("[data-clickable]")||e.closest("[data-panzoom-change]")||e.closest("[data-panzoom-action]"))return!1;null===(n=window.getSelection())||void 0===n||n.removeAllRanges()}if("mousedown"===t.type)t.preventDefault();else if(Math.abs(this.velocity.a)>.3)return!1;return this.target.e=this.current.e,this.target.f=this.current.f,this.stop(),this.isDragging||(this.isDragging=!0,this.addTrackingPoint(e),this.emit("touchStart",t)),!0}onPointerMove(t,i,s){if(!1===this.option("touch",t))return;if(!this.isDragging)return;if(i.length<2&&this.panOnlyZoomed&&e(this.targetScale)<=e(this.minScale))return;if(this.emit("touchMove",t),t.defaultPrevented)return;this.addTrackingPoint(i[0]);const{content:o}=this,a=d(s[0],s[1]),r=d(i[0],i[1]);let l=0,c=0;if(i.length>1){const t=o.getBoundingClientRect();l=a.clientX-t.left-.5*t.width,c=a.clientY-t.top-.5*t.height}const u=h(s[0],s[1]),p=h(i[0],i[1]);let f=u?p/u:1,m=r.clientX-a.clientX,g=r.clientY-a.clientY;this.dragOffset.x+=m,this.dragOffset.y+=g,this.dragOffset.time=Date.now()-this.dragStart.time;let b=e(this.targetScale)===e(this.minScale)&&this.option("lockAxis");if(b&&!this.lockedAxis)if("xy"===b||"y"===b||"touchmove"===t.type){if(Math.abs(this.dragOffset.x)<6&&Math.abs(this.dragOffset.y)<6)return void t.preventDefault();const e=Math.abs(180*Math.atan2(this.dragOffset.y,this.dragOffset.x)/Math.PI);this.lockedAxis=e>45&&e<135?"y":"x",this.dragOffset.x=0,this.dragOffset.y=0,m=0,g=0}else this.lockedAxis=b;if(n(t.target,this.content)&&(b="x",this.dragOffset.y=0),b&&"xy"!==b&&this.lockedAxis!==b&&e(this.targetScale)===e(this.minScale))return;t.cancelable&&t.preventDefault(),this.container.classList.add(this.cn("isDragging"));const v=this.checkBounds(m,g);this.option("rubberband")?("x"!==this.isInfinite&&(v.xDiff>0&&m<0||v.xDiff<0&&m>0)&&(m*=Math.max(0,.5-Math.abs(.75/this.contentRect.fitWidth*v.xDiff))),"y"!==this.isInfinite&&(v.yDiff>0&&g<0||v.yDiff<0&&g>0)&&(g*=Math.max(0,.5-Math.abs(.75/this.contentRect.fitHeight*v.yDiff)))):(v.xDiff&&(m=0),v.yDiff&&(g=0));const y=this.targetScale,w=this.minScale,x=this.maxScale;y<.5*w&&(f=Math.max(f,w)),y>1.5*x&&(f=Math.min(f,x)),"y"===this.lockedAxis&&e(y)===e(w)&&(m=0),"x"===this.lockedAxis&&e(y)===e(w)&&(g=0),this.applyChange({originX:l,originY:c,panX:m,panY:g,scale:f,friction:this.option("dragFriction"),ignoreBounds:!0})}onPointerUp(t,e,i){if(i.length)return this.dragOffset.x=0,this.dragOffset.y=0,void(this.trackingPoints=[]);this.container.classList.remove(this.cn("isDragging")),this.isDragging&&(this.addTrackingPoint(e),this.panOnlyZoomed&&this.contentRect.width-this.contentRect.fitWidth<1&&this.contentRect.height-this.contentRect.fitHeight<1&&(this.trackingPoints=[]),n(t.target,this.content)&&"y"===this.lockedAxis&&(this.trackingPoints=[]),this.emit("touchEnd",t),this.isDragging=!1,this.lockedAxis=!1,this.state!==b.Destroy&&(t.defaultPrevented||this.startDecelAnim()))}startDecelAnim(){var t;const i=this.isScaling;this.rAF&&(cancelAnimationFrame(this.rAF),this.rAF=null),this.isBouncingX=!1,this.isBouncingY=!1;for(const t of v)this.velocity[t]=0;this.target.e=this.current.e,this.target.f=this.current.f,S(this.container,"is-scaling"),S(this.container,"is-animating"),this.isTicking=!1;const{trackingPoints:n}=this,s=n[0],o=n[n.length-1];let a=0,r=0,l=0;o&&s&&(a=o.clientX-s.clientX,r=o.clientY-s.clientY,l=o.time-s.time);const c=(null===(t=window.visualViewport)||void 0===t?void 0:t.scale)||1;1!==c&&(a*=c,r*=c);let h=0,d=0,u=0,p=0,f=this.option("decelFriction");const m=this.targetScale;if(l>0){u=Math.abs(a)>3?a/(l/30):0,p=Math.abs(r)>3?r/(l/30):0;const t=this.option("maxVelocity");t&&(u=Math.max(Math.min(u,t),-1*t),p=Math.max(Math.min(p,t),-1*t))}u&&(h=u/(1/(1-f)-1)),p&&(d=p/(1/(1-f)-1)),("y"===this.option("lockAxis")||"xy"===this.option("lockAxis")&&"y"===this.lockedAxis&&e(m)===this.minScale)&&(h=u=0),("x"===this.option("lockAxis")||"xy"===this.option("lockAxis")&&"x"===this.lockedAxis&&e(m)===this.minScale)&&(d=p=0);const g=this.dragOffset.x,b=this.dragOffset.y,y=this.option("dragMinThreshold")||0;Math.abs(g)<y&&Math.abs(b)<y&&(h=d=0,u=p=0),(m<this.minScale-1e-5||m>this.maxScale+1e-5||i&&!h&&!d)&&(f=.35),this.applyChange({panX:h,panY:d,friction:f}),this.emit("decel",u,p,g,b)}onWheel(t){var e=[-t.deltaX||0,-t.deltaY||0,-t.detail||0].reduce((function(t,e){return Math.abs(e)>Math.abs(t)?e:t}));const i=Math.max(-1,Math.min(1,e));if(this.emit("wheel",t,i),this.panMode===O)return;if(t.defaultPrevented)return;const n=this.option("wheel");"pan"===n?(t.preventDefault(),this.panOnlyZoomed&&!this.canZoomOut()||this.applyChange({panX:2*-t.deltaX,panY:2*-t.deltaY,bounce:!1})):"zoom"===n&&!1!==this.option("zoom")&&this.zoomWithWheel(t)}onMouseMove(t){this.panWithMouse(t)}onKeydown(t){"Escape"===t.key&&this.toggleFS()}onResize(){this.updateMetrics(),this.checkBounds().inBounds||this.requestTick()}setTransform(){this.emit("beforeTransform");const{current:t,target:i,content:n,contentRect:s}=this,o=Object.assign({},C);for(const n of v){const s="e"==n||"f"===n?T:M;o[n]=e(t[n],s),Math.abs(i[n]-t[n])<("e"==n||"f"===n?.51:.001)&&(t[n]=i[n])}let{a:a,b:r,c:l,d:c,e:h,f:d}=o,u=`matrix(${a}, ${r}, ${l}, ${c}, ${h}, ${d})`,p=n.parentElement instanceof HTMLPictureElement?n.parentElement:n;if(this.option("transformParent")&&(p=p.parentElement||p),p.style.transform===u)return;p.style.transform=u;const{contentWidth:f,contentHeight:m}=this.calculateContentDim();s.width=f,s.height=m,this.emit("afterTransform")}updateMetrics(t=!1){var i;if(!this||this.state===b.Destroy)return;if(this.isContentLoading)return;const n=Math.max(1,(null===(i=window.visualViewport)||void 0===i?void 0:i.scale)||1),{container:s,content:o}=this,a=o instanceof HTMLImageElement,r=s.getBoundingClientRect(),l=getComputedStyle(this.container);let c=r.width*n,h=r.height*n;const d=parseFloat(l.paddingTop)+parseFloat(l.paddingBottom),u=c-(parseFloat(l.paddingLeft)+parseFloat(l.paddingRight)),p=h-d;this.containerRect={width:c,height:h,innerWidth:u,innerHeight:p};let f=this.option("width")||"auto",m=this.option("height")||"auto";"auto"===f&&(f=parseFloat(o.dataset.width||"")||(t=>{let e=0;return e=t instanceof HTMLImageElement?t.naturalWidth:t instanceof SVGElement?t.width.baseVal.value:Math.max(t.offsetWidth,t.scrollWidth),e||0})(o)),"auto"===m&&(m=parseFloat(o.dataset.height||"")||(t=>{let e=0;return e=t instanceof HTMLImageElement?t.naturalHeight:t instanceof SVGElement?t.height.baseVal.value:Math.max(t.offsetHeight,t.scrollHeight),e||0})(o));let g=o.parentElement instanceof HTMLPictureElement?o.parentElement:o;this.option("transformParent")&&(g=g.parentElement||g);const v=g.getAttribute("style")||"";g.style.setProperty("transform","none","important"),a&&(g.style.width="",g.style.height=""),g.offsetHeight;const y=o.getBoundingClientRect();let w=y.width*n,x=y.height*n,E=0,S=0;a&&(Math.abs(f-w)>1||Math.abs(m-x)>1)&&({width:w,height:x,top:E,left:S}=((t,e,i,n)=>{const s=i/n;return s>t/e?(i=t,n=t/s):(i=e*s,n=e),{width:i,height:n,top:.5*(e-n),left:.5*(t-i)}})(w,x,f,m)),this.contentRect=Object.assign(Object.assign({},this.contentRect),{top:y.top-r.top+E,bottom:r.bottom-y.bottom+E,left:y.left-r.left+S,right:r.right-y.right+S,fitWidth:w,fitHeight:x,width:w,height:x,fullWidth:f,fullHeight:m}),g.style.cssText=v,a&&(g.style.width=`${w}px`,g.style.height=`${x}px`),this.setTransform(),!0!==t&&this.emit("refresh"),this.ignoreBounds||(e(this.targetScale)<e(this.minScale)?this.zoomTo(this.minScale,{friction:0}):this.targetScale>this.maxScale?this.zoomTo(this.maxScale,{friction:0}):this.state===b.Init||this.checkBounds().inBounds||this.requestTick()),this.updateControls()}getBounds(){const t=this.option("bounds");if("auto"!==t)return t;const{contentWidth:i,contentHeight:n}=this.calculateContentDim(this.target);let s=0,o=0,a=0,r=0;const l=this.option("infinite");if(!0===l||this.lockedAxis&&l===this.lockedAxis)s=-1/0,a=1/0,o=-1/0,r=1/0;else{let{containerRect:t,contentRect:l}=this,c=e(this.contentRect.fitWidth*this.targetScale,T),h=e(this.contentRect.fitHeight*this.targetScale,T),{innerWidth:d,innerHeight:u}=t;if(this.containerRect.width===c&&(d=t.width),this.containerRect.width===h&&(u=t.height),i>d){a=.5*(i-d),s=-1*a;let t=.5*(l.right-l.left);s+=t,a+=t}if(this.contentRect.fitWidth>d&&i<d&&(s-=.5*(this.contentRect.fitWidth-d),a-=.5*(this.contentRect.fitWidth-d)),n>u){r=.5*(n-u),o=-1*r;let t=.5*(l.bottom-l.top);o+=t,r+=t}this.contentRect.fitHeight>u&&n<u&&(s-=.5*(this.contentRect.fitHeight-u),a-=.5*(this.contentRect.fitHeight-u))}return{x:{min:s,max:a},y:{min:o,max:r}}}updateControls(){const t=this,i=t.container,{panMode:n,contentRect:s,fullScale:o,targetScale:r,coverScale:l,maxScale:c,minScale:h}=t;let d={toggleMax:r-h<.5*(c-h)?c:h,toggleCover:r-h<.5*(l-h)?l:h,toggleZoom:r-h<.5*(o-h)?o:h}[t.option("click")||""]||h,u=t.canZoomIn(),p=t.canZoomOut(),f=p&&n===A;e(r)<e(h)&&!this.panOnlyZoomed&&(f=!0),(e(s.width,1)>e(s.fitWidth,1)||e(s.height,1)>e(s.fitHeight,1))&&(f=!0),e(s.width*r,1)<e(s.fitWidth,1)&&(f=!1),n===O&&(f=!1);let m=u&&e(d)>e(r),g=!m&&!f&&p&&e(d)<e(r);a(i,this.cn("canZoomIn"),m),a(i,this.cn("canZoomOut"),g),a(i,this.cn("isDraggable"),f);for(const t of i.querySelectorAll('[data-panzoom-action="zoomIn"]'))u?(t.removeAttribute("disabled"),t.removeAttribute("tabindex")):(t.setAttribute("disabled",""),t.setAttribute("tabindex","-1"));for(const t of i.querySelectorAll('[data-panzoom-action="zoomOut"]'))p?(t.removeAttribute("disabled"),t.removeAttribute("tabindex")):(t.setAttribute("disabled",""),t.setAttribute("tabindex","-1"));for(const t of i.querySelectorAll('[data-panzoom-action="toggleZoom"],[data-panzoom-action="iterateZoom"]')){u||p?(t.removeAttribute("disabled"),t.removeAttribute("tabindex")):(t.setAttribute("disabled",""),t.setAttribute("tabindex","-1"));const e=t.querySelector("g");e&&(e.style.display=u?"":"none")}}panTo({x:t=this.target.e,y:e=this.target.f,scale:i=this.targetScale,friction:n=this.option("friction"),angle:s=0,originX:o=0,originY:a=0,flipX:r=!1,flipY:l=!1,ignoreBounds:c=!1}){this.state!==b.Destroy&&this.applyChange({panX:t-this.target.e,panY:e-this.target.f,scale:i/this.targetScale,angle:s,originX:o,originY:a,friction:n,flipX:r,flipY:l,ignoreBounds:c})}applyChange({panX:t=0,panY:i=0,scale:n=1,angle:s=0,originX:o=-this.current.e,originY:a=-this.current.f,friction:r=this.option("friction"),flipX:l=!1,flipY:c=!1,ignoreBounds:h=!1,bounce:d=this.option("bounce")}){if(this.state===b.Destroy)return;this.rAF&&(cancelAnimationFrame(this.rAF),this.rAF=null),this.friction=r||0,this.ignoreBounds=h;const{current:u}=this,p=u.e,f=u.f,m=this.getMatrix(this.target);let g=(new DOMMatrix).translate(p,f).translate(o,a).translate(t,i);if(this.option("zoom")){if(!h){const t=this.targetScale,e=this.minScale,i=this.maxScale;t*n<e&&(n=e/t),t*n>i&&(n=i/t)}g=g.scale(n)}g=g.translate(-o,-a).translate(-p,-f).multiply(m),s&&(g=g.rotate(s)),l&&(g=g.scale(-1,1)),c&&(g=g.scale(1,-1));for(const t of v)"e"!==t&&"f"!==t&&(g[t]>this.minScale+1e-5||g[t]<this.minScale-1e-5)?this.target[t]=g[t]:this.target[t]=e(g[t],T);(this.targetScale<this.scale||Math.abs(n-1)>.1||this.panMode===O||!1===d)&&!h&&this.clampTargetBounds(),this.isResting||(this.state=b.Panning,this.requestTick())}stop(t=!1){if(this.state===b.Init||this.state===b.Destroy)return;const e=this.isTicking;this.rAF&&(cancelAnimationFrame(this.rAF),this.rAF=null),this.isBouncingX=!1,this.isBouncingY=!1;for(const e of v)this.velocity[e]=0,"current"===t?this.current[e]=this.target[e]:"target"===t&&(this.target[e]=this.current[e]);this.setTransform(),S(this.container,"is-scaling"),S(this.container,"is-animating"),this.isTicking=!1,this.state=b.Ready,e&&(this.emit("endAnimation"),this.updateControls())}requestTick(){this.isTicking||(this.emit("startAnimation"),this.updateControls(),P(this.container,"is-animating"),this.isScaling&&P(this.container,"is-scaling")),this.isTicking=!0,this.rAF||(this.rAF=requestAnimationFrame((()=>this.animate())))}panWithMouse(t,i=this.option("mouseMoveFriction")){if(this.pmme=t,this.panMode!==O||!t)return;if(e(this.targetScale)<=e(this.minScale))return;this.emit("mouseMove",t);const{container:n,containerRect:s,contentRect:o}=this,a=s.width,r=s.height,l=n.getBoundingClientRect(),c=(t.clientX||0)-l.left,h=(t.clientY||0)-l.top;let{contentWidth:d,contentHeight:u}=this.calculateContentDim(this.target);const p=this.option("mouseMoveFactor");p>1&&(d!==a&&(d*=p),u!==r&&(u*=p));let f=.5*(d-a)-c/a*100/100*(d-a);f+=.5*(o.right-o.left);let m=.5*(u-r)-h/r*100/100*(u-r);m+=.5*(o.bottom-o.top),this.applyChange({panX:f-this.target.e,panY:m-this.target.f,friction:i})}zoomWithWheel(t){if(this.state===b.Destroy||this.state===b.Init)return;const i=Date.now();if(i-this.pwt<45)return void t.preventDefault();this.pwt=i;var n=[-t.deltaX||0,-t.deltaY||0,-t.detail||0].reduce((function(t,e){return Math.abs(e)>Math.abs(t)?e:t}));const s=Math.max(-1,Math.min(1,n)),{targetScale:o,maxScale:a,minScale:r}=this;let l=o*(100+45*s)/100;e(l)<e(r)&&e(o)<=e(r)?(this.cwd+=Math.abs(s),l=r):e(l)>e(a)&&e(o)>=e(a)?(this.cwd+=Math.abs(s),l=a):(this.cwd=0,l=Math.max(Math.min(l,a),r)),this.cwd>this.option("wheelLimit")||(t.preventDefault(),e(l)!==e(o)&&this.zoomTo(l,{event:t}))}canZoomIn(){return this.option("zoom")&&(e(this.contentRect.width,1)<e(this.contentRect.fitWidth,1)||e(this.targetScale)<e(this.maxScale))}canZoomOut(){return this.option("zoom")&&e(this.targetScale)>e(this.minScale)}zoomIn(t=1.25,e){this.zoomTo(this.targetScale*t,e)}zoomOut(t=.8,e){this.zoomTo(this.targetScale*t,e)}zoomToFit(t){this.zoomTo("fit",t)}zoomToCover(t){this.zoomTo("cover",t)}zoomToFull(t){this.zoomTo("full",t)}zoomToMax(t){this.zoomTo("max",t)}toggleZoom(t){this.zoomTo(this.targetScale-this.minScale<.5*(this.fullScale-this.minScale)?"full":"fit",t)}toggleMax(t){this.zoomTo(this.targetScale-this.minScale<.5*(this.maxScale-this.minScale)?"max":"fit",t)}toggleCover(t){this.zoomTo(this.targetScale-this.minScale<.5*(this.coverScale-this.minScale)?"cover":"fit",t)}iterateZoom(t){this.zoomTo("next",t)}zoomTo(t=1,{friction:e="auto",originX:i=0,originY:n=0,event:s}={}){if(this.isContentLoading||this.state===b.Destroy)return;const{targetScale:o}=this;this.stop();let a=1;if(this.panMode===O&&(s=this.pmme||s),s){const t=this.content.getBoundingClientRect(),e=s.clientX||0,o=s.clientY||0;i=e-t.left-.5*t.width,n=o-t.top-.5*t.height}const r=this.fullScale,l=this.maxScale;let c=this.coverScale;"number"==typeof t?a=t/o:("next"===t&&(r-c<.2&&(c=r),t=o<r-1e-5?"full":o<l-1e-5?"max":"fit"),a="full"===t?r/o||1:"cover"===t?c/o||1:"max"===t?l/o||1:1/o||1),e="auto"===e?a>1?.15:.25:e,this.applyChange({scale:a,originX:i,originY:n,friction:e}),s&&this.panMode===O&&this.panWithMouse(s,e)}rotateCCW(){this.applyChange({angle:-90})}rotateCW(){this.applyChange({angle:90})}flipX(){this.applyChange({flipX:!0})}flipY(){this.applyChange({flipY:!0})}fitX(){this.stop("target");const{containerRect:t,contentRect:e,target:i}=this;this.applyChange({panX:.5*t.width-(e.left+.5*e.fitWidth)-i.e,panY:.5*t.height-(e.top+.5*e.fitHeight)-i.f,scale:t.width/e.fitWidth/this.targetScale,originX:0,originY:0,ignoreBounds:!0})}fitY(){this.stop("target");const{containerRect:t,contentRect:e,target:i}=this;this.applyChange({panX:.5*t.width-(e.left+.5*e.fitWidth)-i.e,panY:.5*t.innerHeight-(e.top+.5*e.fitHeight)-i.f,scale:t.height/e.fitHeight/this.targetScale,originX:0,originY:0,ignoreBounds:!0})}toggleFS(){const{container:t}=this,e=this.cn("inFullscreen"),i=this.cn("htmlHasFullscreen");t.classList.toggle(e);const n=t.classList.contains(e);n?(document.documentElement.classList.add(i),document.addEventListener("keydown",this.onKeydown,!0)):(document.documentElement.classList.remove(i),document.removeEventListener("keydown",this.onKeydown,!0)),this.updateMetrics(),this.emit(n?"enterFS":"exitFS")}getMatrix(t=this.current){const{a:e,b:i,c:n,d:s,e:o,f:a}=t;return new DOMMatrix([e,i,n,s,o,a])}reset(t){if(this.state!==b.Init&&this.state!==b.Destroy){this.stop("current");for(const t of v)this.target[t]=C[t];this.target.a=this.minScale,this.target.d=this.minScale,this.clampTargetBounds(),this.isResting||(this.friction=void 0===t?this.option("friction"):t,this.state=b.Panning,this.requestTick())}}destroy(){this.stop(),this.state=b.Destroy,this.detachEvents(),this.detachObserver();const{container:t,content:e}=this,i=this.option("classes")||{};for(const e of Object.values(i))t.classList.remove(e+"");e&&(e.removeEventListener("load",this.onLoad),e.removeEventListener("error",this.onError)),this.detachPlugins()}}Object.defineProperty(k,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:w}),Object.defineProperty(k,"Plugins",{enumerable:!0,configurable:!0,writable:!0,value:{}});const I=function(t,e){let i=!0;return(...n)=>{i&&(i=!1,t(...n),setTimeout((()=>{i=!0}),e))}},D=(t,e)=>{let i=[];return t.childNodes.forEach((t=>{t.nodeType!==Node.ELEMENT_NODE||e&&!t.matches(e)||i.push(t)})),i},F={viewport:null,track:null,enabled:!0,slides:[],axis:"x",transition:"fade",preload:1,slidesPerPage:"auto",initialPage:0,friction:.12,Panzoom:{decelFriction:.12},center:!0,infinite:!0,fill:!0,dragFree:!1,adaptiveHeight:!1,direction:"ltr",classes:{container:"f-carousel",viewport:"f-carousel__viewport",track:"f-carousel__track",slide:"f-carousel__slide",isLTR:"is-ltr",isRTL:"is-rtl",isHorizontal:"is-horizontal",isVertical:"is-vertical",inTransition:"in-transition",isSelected:"is-selected"},l10n:{NEXT:"Next slide",PREV:"Previous slide",GOTO:"Go to slide #%d"}};var j;!function(t){t[t.Init=0]="Init",t[t.Ready=1]="Ready",t[t.Destroy=2]="Destroy"}(j||(j={}));const H=t=>{if("string"==typeof t&&(t={html:t}),!(t instanceof String||t instanceof HTMLElement)){const e=t.thumb;void 0!==e&&("string"==typeof e&&(t.thumbSrc=e),e instanceof HTMLImageElement&&(t.thumbEl=e,t.thumbElSrc=e.src,t.thumbSrc=e.src),delete t.thumb)}return Object.assign({html:"",el:null,isDom:!1,class:"",index:-1,dim:0,gap:0,pos:0,transition:!1},t)},B=(t={})=>Object.assign({index:-1,slides:[],dim:0,pos:-1},t);class N extends m{constructor(t,e){super(e),Object.defineProperty(this,"instance",{enumerable:!0,configurable:!0,writable:!0,value:t})}attach(){}detach(){}}const _={classes:{list:"f-carousel__dots",isDynamic:"is-dynamic",hasDots:"has-dots",dot:"f-carousel__dot",isBeforePrev:"is-before-prev",isPrev:"is-prev",isCurrent:"is-current",isNext:"is-next",isAfterNext:"is-after-next"},dotTpl:'<button type="button" data-carousel-page="%i" aria-label="{{GOTO}}"><span class="f-carousel__dot" aria-hidden="true"></span></button>',dynamicFrom:11,maxCount:1/0,minCount:2};class W extends N{constructor(){super(...arguments),Object.defineProperty(this,"isDynamic",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"list",{enumerable:!0,configurable:!0,writable:!0,value:null})}onRefresh(){this.refresh()}build(){let t=this.list;return t||(t=document.createElement("ul"),P(t,this.cn("list")),t.setAttribute("role","tablist"),this.instance.container.appendChild(t),P(this.instance.container,this.cn("hasDots")),this.list=t),t}refresh(){var t;const e=this.instance.pages.length,i=Math.min(2,this.option("minCount")),n=Math.max(2e3,this.option("maxCount")),s=this.option("dynamicFrom");if(e<i||e>n)return void this.cleanup();const o="number"==typeof s&&e>5&&e>=s,r=!this.list||this.isDynamic!==o||this.list.children.length!==e;r&&this.cleanup();const l=this.build();if(a(l,this.cn("isDynamic"),!!o),r)for(let t=0;t<e;t++)l.append(this.createItem(t));let c,h=0;for(const e of[...l.children]){const i=h===this.instance.page;i&&(c=e),a(e,this.cn("isCurrent"),i),null===(t=e.children[0])||void 0===t||t.setAttribute("aria-selected",i?"true":"false");for(const t of["isBeforePrev","isPrev","isNext","isAfterNext"])S(e,this.cn(t));h++}if(c=c||l.firstChild,o&&c){const t=c.previousElementSibling,e=t&&t.previousElementSibling;P(t,this.cn("isPrev")),P(e,this.cn("isBeforePrev"));const i=c.nextElementSibling,n=i&&i.nextElementSibling;P(i,this.cn("isNext")),P(n,this.cn("isAfterNext"))}this.isDynamic=o}createItem(t=0){var e;const i=document.createElement("li");i.setAttribute("role","presentation");const n=s(this.instance.localize(this.option("dotTpl"),[["%d",t+1]]).replace(/\%i/g,t+""));return i.appendChild(n),null===(e=i.children[0])||void 0===e||e.setAttribute("role","tab"),i}cleanup(){this.list&&(this.list.remove(),this.list=null),this.isDynamic=!1,S(this.instance.container,this.cn("hasDots"))}attach(){this.instance.on(["refresh","change"],this.onRefresh)}detach(){this.instance.off(["refresh","change"],this.onRefresh),this.cleanup()}}Object.defineProperty(W,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:_});const $="disabled",X="next",Y="prev";class q extends N{constructor(){super(...arguments),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"prev",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"next",{enumerable:!0,configurable:!0,writable:!0,value:null})}onRefresh(){const t=this.instance,e=t.pages.length,i=t.page;if(e<2)return void this.cleanup();this.build();let n=this.prev,s=this.next;n&&s&&(n.removeAttribute($),s.removeAttribute($),t.isInfinite||(i<=0&&n.setAttribute($,""),i>=e-1&&s.setAttribute($,"")))}createButton(t){const e=this.instance,i=document.createElement("button");i.setAttribute("tabindex","0"),i.setAttribute("title",e.localize(`{{${t.toUpperCase()}}}`)),P(i,this.cn("button")+" "+this.cn(t===X?"isNext":"isPrev"));const n=e.isRTL?t===X?Y:X:t;var s;return i.innerHTML=e.localize(this.option(`${n}Tpl`)),i.dataset[`carousel${s=t,s?s.match("^[a-z]")?s.charAt(0).toUpperCase()+s.substring(1):s:""}`]="true",i}build(){let t=this.container;t||(this.container=t=document.createElement("div"),P(t,this.cn("container")),this.instance.container.appendChild(t)),this.next||(this.next=t.appendChild(this.createButton(X))),this.prev||(this.prev=t.appendChild(this.createButton(Y)))}cleanup(){this.prev&&this.prev.remove(),this.next&&this.next.remove(),this.container&&this.container.remove(),this.prev=null,this.next=null,this.container=null}attach(){this.instance.on(["refresh","change"],this.onRefresh)}detach(){this.instance.off(["refresh","change"],this.onRefresh),this.cleanup()}}Object.defineProperty(q,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:{classes:{container:"f-carousel__nav",button:"f-button",isNext:"is-next",isPrev:"is-prev"},nextTpl:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M9 3l9 9-9 9"/></svg>',prevTpl:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M15 3l-9 9 9 9"/></svg>'}});class V extends N{constructor(){super(...arguments),Object.defineProperty(this,"selectedIndex",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"target",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"nav",{enumerable:!0,configurable:!0,writable:!0,value:null})}addAsTargetFor(t){this.target=this.instance,this.nav=t,this.attachEvents()}addAsNavFor(t){this.nav=this.instance,this.target=t,this.attachEvents()}attachEvents(){this.nav&&this.target&&(this.nav.options.initialSlide=this.target.options.initialPage,this.nav.on("ready",this.onNavReady),this.nav.state===j.Ready&&this.onNavReady(this.nav),this.target.on("ready",this.onTargetReady),this.target.state===j.Ready&&this.onTargetReady(this.target))}onNavReady(t){t.on("createSlide",this.onNavCreateSlide),t.on("Panzoom.click",this.onNavClick),t.on("Panzoom.touchEnd",this.onNavTouch),this.onTargetChange()}onTargetReady(t){t.on("change",this.onTargetChange),t.on("Panzoom.refresh",this.onTargetChange),this.onTargetChange()}onNavClick(t,e,i){i.pointerType||this.onNavTouch(t,t.panzoom,i)}onNavTouch(t,e,i){var n,s;if(Math.abs(e.dragOffset.x)>3||Math.abs(e.dragOffset.y)>3)return;const o=i.target,{nav:a,target:r}=this;if(!a||!r||!o)return;const l=o.closest("[data-index]");if(i.stopPropagation(),i.preventDefault(),!l)return;const c=parseInt(l.dataset.index||"",10)||0,h=r.getPageForSlide(c),d=a.getPageForSlide(c);a.slideTo(d),r.slideTo(h,{friction:(null===(s=null===(n=this.nav)||void 0===n?void 0:n.plugins)||void 0===s?void 0:s.Sync.option("friction"))||0}),this.markSelectedSlide(c)}onNavCreateSlide(t,e){e.index===this.selectedIndex&&this.markSelectedSlide(e.index)}onTargetChange(){const{target:t,nav:e}=this;if(!t||!e)return;if(e.state!==j.Ready||t.state!==j.Ready)return;const i=t.pages[t.page].slides[0].index,n=e.getPageForSlide(i);this.markSelectedSlide(i),e.slideTo(n)}markSelectedSlide(t){const e=this.nav;e&&e.state===j.Ready&&(this.selectedIndex=t,[...e.slides].map((e=>{e.el&&e.el.classList[e.index===t?"add":"remove"]("is-nav-selected")})))}attach(){const t=this;let e=t.options.target,i=t.options.nav;e?t.addAsNavFor(e):i&&t.addAsTargetFor(i)}detach(){const t=this,e=t.nav,i=t.target;e&&(e.off("ready",t.onNavReady),e.off("createSlide",t.onNavCreateSlide),e.off("Panzoom.click",t.onNavClick),e.off("Panzoom.touchEnd",t.onNavTouch)),t.nav=null,i&&(i.off("ready",t.onTargetReady),i.off("refresh",t.onTargetChange),i.off("change",t.onTargetChange)),t.target=null}}Object.defineProperty(V,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:{friction:.35}});const Z={Navigation:q,Dots:W,Sync:V};class U extends g{get axis(){return this.isHorizontal?"e":"f"}get isEnabled(){return this.state===j.Ready}get isInfinite(){let t=!1;const{contentDim:e,viewportDim:i,pages:n,slides:s}=this;return n.length>=2&&e+s[0].dim>=i&&(t=this.option("infinite")),t}get isRTL(){return"rtl"===this.option("direction")}get isHorizontal(){return"x"===this.option("axis")}constructor(t,e={},i={}){if(super(),Object.defineProperty(this,"userOptions",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"userPlugins",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"bp",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(this,"lp",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:j.Init}),Object.defineProperty(this,"page",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"prevPage",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"viewport",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"track",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"slides",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pages",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"panzoom",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"inTransition",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"contentDim",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"viewportDim",{enumerable:!0,configurable:!0,writable:!0,value:0}),"string"==typeof t&&(t=document.querySelector(t)),!t||!E(t))throw new Error("No Element found");this.container=t,this.slideNext=I(this.slideNext.bind(this),150),this.slidePrev=I(this.slidePrev.bind(this),150),this.userOptions=e,this.userPlugins=i,queueMicrotask((()=>{this.processOptions()}))}processOptions(){const t=p({},U.defaults,this.userOptions);let e="";const i=t.breakpoints;if(i&&u(i))for(const[n,s]of Object.entries(i))window.matchMedia(n).matches&&u(s)&&(e+=n,p(t,s));e===this.bp&&this.state!==j.Init||(this.bp=e,this.state===j.Ready&&(t.initialSlide=this.pages[this.page].slides[0].index),this.state!==j.Init&&this.destroy(),super.setOptions(t),!1===this.option("enabled")?this.attachEvents():setTimeout((()=>{this.init()}),0))}init(){this.state=j.Init,this.emit("init"),this.attachPlugins(Object.assign(Object.assign({},U.Plugins),this.userPlugins)),this.initLayout(),this.initSlides(),this.updateMetrics(),this.setInitialPosition(),this.initPanzoom(),this.attachEvents(),this.state=j.Ready,this.emit("ready")}initLayout(){const{container:t}=this,e=this.option("classes");P(t,this.cn("container")),a(t,e.isLTR,!this.isRTL),a(t,e.isRTL,this.isRTL),a(t,e.isVertical,!this.isHorizontal),a(t,e.isHorizontal,this.isHorizontal);let i=this.option("viewport")||t.querySelector(`.${e.viewport}`);i||(i=document.createElement("div"),P(i,e.viewport),i.append(...D(t,`.${e.slide}`)),t.prepend(i));let n=this.option("track")||t.querySelector(`.${e.track}`);n||(n=document.createElement("div"),P(n,e.track),n.append(...Array.from(i.childNodes))),n.setAttribute("aria-live","polite"),i.contains(n)||i.prepend(n),this.viewport=i,this.track=n,this.emit("initLayout")}initSlides(){const{track:t}=this;if(t){this.slides=[],[...D(t,`.${this.cn("slide")}`)].forEach((t=>{if(E(t)){const e=H({el:t,isDom:!0,index:this.slides.length});this.slides.push(e),this.emit("initSlide",e,this.slides.length)}}));for(let t of this.option("slides",[])){const e=H(t);e.index=this.slides.length,this.slides.push(e),this.emit("initSlide",e,this.slides.length)}this.emit("initSlides")}}setInitialPage(){let t=0;const e=this.option("initialSlide");t="number"==typeof e?this.getPageForSlide(e):parseInt(this.option("initialPage",0)+"",10)||0,this.page=t}setInitialPosition(){if(!this.track||!this.pages.length)return;const t=this.isHorizontal;let e=this.page;this.pages[e]||(this.page=e=0);const i=this.pages[e].pos*(this.isRTL&&t?1:-1),n=t?`${i}px`:"0",s=t?"0":`${i}px`;this.track.style.transform=`translate3d(${n}, ${s}, 0) scale(1)`,this.option("adaptiveHeight")&&this.setViewportHeight()}initPanzoom(){this.panzoom&&(this.panzoom.destroy(),this.panzoom=null);const t=this.option("Panzoom")||{};this.panzoom=new k(this.viewport,p({},{content:this.track,zoom:!1,panOnlyZoomed:!1,lockAxis:this.isHorizontal?"x":"y",infinite:this.isInfinite,click:!1,dblClick:!1,touch:t=>!(this.pages.length<2&&!t.options.infinite),bounds:()=>this.getBounds(),maxVelocity:t=>Math.abs(t.target[this.axis]-t.current[this.axis])<2*this.viewportDim?100:0},t)),this.panzoom.on("*",((t,e,...i)=>{this.emit(`Panzoom.${e}`,t,...i)})),this.panzoom.on("decel",this.onDecel),this.panzoom.on("refresh",this.onRefresh),this.panzoom.on("beforeTransform",this.onBeforeTransform),this.panzoom.on("endAnimation",this.onEndAnimation)}attachEvents(){const t=this.container;t&&(t.addEventListener("click",this.onClick,{passive:!1,capture:!1}),t.addEventListener("slideTo",this.onSlideTo)),window.addEventListener("resize",this.onResize)}createPages(){let t=[];const{contentDim:e,viewportDim:i}=this;let n=this.option("slidesPerPage");("number"!=typeof n||e<=i)&&(n=1/0);let s=0,o=0,a=0;for(const e of this.slides)(!t.length||o+e.dim>i||a===n)&&(t.push(B()),s=t.length-1,o=0,a=0),t[s].slides.push(e),o+=e.dim+e.gap,a++;return t}processPages(){const t=this.pages,{contentDim:i,viewportDim:n}=this,s=this.option("center"),o=this.option("fill"),a=o&&s&&i>n&&!this.isInfinite;if(t.forEach(((t,e)=>{t.index=e,t.pos=t.slides[0].pos,t.dim=0;for(const[e,i]of t.slides.entries())t.dim+=i.dim,e<t.slides.length-1&&(t.dim+=i.gap);a&&t.pos+.5*t.dim<.5*n?t.pos=0:a&&t.pos+.5*t.dim>=i-.5*n?t.pos=i-n:s&&(t.pos+=-.5*(n-t.dim))})),t.forEach(((t,s)=>{o&&!this.isInfinite&&i>n&&(t.pos=Math.max(t.pos,0),t.pos=Math.min(t.pos,i-n)),t.pos=e(t.pos,1e3),t.dim=e(t.dim,1e3),t.pos<.1&&t.pos>-.1&&(t.pos=0)})),this.isInfinite)return t;const r=[];let l;return t.forEach((t=>{const e=Object.assign({},t);l&&e.pos===l.pos?(l.dim+=e.dim,l.slides=[...l.slides,...e.slides]):(e.index=r.length,l=e,r.push(e))})),r}getPageFromIndex(t=0){const e=this.pages.length;let i;return t=parseInt((t||0).toString())||0,i=this.isInfinite?(t%e+e)%e:Math.max(Math.min(t,e-1),0),i}getSlideMetrics(t){var i;const n=this.isHorizontal?"width":"height";let s=0,o=0,a=t.el;if(a?s=parseFloat(a.dataset[n]||"")||0:(a=document.createElement("div"),a.style.visibility="hidden",P(a,this.cn("slide")+" "+t.class),(this.track||document.body).prepend(a)),s)a.style[n]=`${s}px`,a.style["width"===n?"height":"width"]="";else{const t=Math.max(1,(null===(i=window.visualViewport)||void 0===i?void 0:i.scale)||1);s=a.getBoundingClientRect()[n]*t}const r=getComputedStyle(a);return"content-box"===r.boxSizing&&(this.isHorizontal?(s+=parseFloat(r.paddingLeft)||0,s+=parseFloat(r.paddingRight)||0):(s+=parseFloat(r.paddingTop)||0,s+=parseFloat(r.paddingBottom)||0)),o=parseFloat(r[this.isHorizontal?"marginRight":"marginBottom"])||0,t.el||a.remove(),{dim:e(s,1e3),gap:e(o,1e3)}}getBounds(){const{isInfinite:t,isRTL:e,isHorizontal:i,pages:n}=this;let s={min:0,max:0};if(t)s={min:-1/0,max:1/0};else if(n.length){const t=n[0].pos,o=n[n.length-1].pos;s=e&&i?{min:t,max:o}:{min:-1*o,max:-1*t}}return{x:i?s:{min:0,max:0},y:i?{min:0,max:0}:s}}repositionSlides(){let t,{isHorizontal:i,isRTL:n,isInfinite:s,viewport:o,viewportDim:a,contentDim:r,page:l,pages:c,slides:h,panzoom:d}=this,u=0,p=0,f=0,m=0;d?m=-1*d.current[this.axis]:c[l]&&(m=c[l].pos||0),t=i?n?"right":"left":"top",n&&i&&(m*=-1);for(const i of h)i.el?("top"===t?(i.el.style.right="",i.el.style.left=""):i.el.style.top="",i.index!==u?i.el.style[t]=0===p?"":`${e(p,1e3)}px`:i.el.style[t]="",f+=i.dim+i.gap,u++):p+=i.dim+i.gap;if(s&&f&&o){let n=getComputedStyle(o),s="padding",l=i?"Right":"Bottom",c=parseFloat(n[s+(i?"Left":"Top")]);m-=c,a+=c,a+=parseFloat(n[s+l]);for(const i of h)i.el&&(e(i.pos)<e(a)&&e(i.pos+i.dim+i.gap)<e(m)&&e(m)>e(r-a)&&(i.el.style[t]=`${e(p+f,1e3)}px`),e(i.pos+i.gap)>=e(r-a)&&e(i.pos)>e(m+a)&&e(m)<e(a)&&(i.el.style[t]=`-${e(f,1e3)}px`))}let g,b,v=[...this.inTransition];if(v.length>1&&(g=c[v[0]],b=c[v[1]]),g&&b){let i=0;for(const n of h)n.el?this.inTransition.has(n.index)&&g.slides.indexOf(n)<0&&(n.el.style[t]=`${e(i+(g.pos-b.pos),1e3)}px`):i+=n.dim+n.gap}}createSlideEl(t){const{track:e,slides:i}=this;if(!e||!t)return;if(t.el)return;const n=document.createElement("div");P(n,this.cn("slide")),P(n,t.class),P(n,t.customClass),t.html&&(n.innerHTML=t.html);const s=[];i.forEach(((t,e)=>{t.el&&s.push(e)}));const o=t.index;let a=null;if(s.length){a=i[s.reduce(((t,e)=>Math.abs(e-o)<Math.abs(t-o)?e:t))]}const r=a&&a.el?a.index<t.index?a.el.nextSibling:a.el:null;e.insertBefore(n,e.contains(r)?r:null),t.el=n,this.emit("createSlide",t)}removeSlideEl(t,e=!1){const i=t.el;if(!i)return;if(S(i,this.cn("isSelected")),t.isDom&&!e)return i.removeAttribute("aria-hidden"),i.removeAttribute("data-index"),S(i,this.cn("isSelected")),void(i.style.left="");this.emit("removeSlide",t);const n=new CustomEvent("animationend");i.dispatchEvent(n),t.el&&t.el.remove(),t.el=null}transitionTo(t=0,i=this.option("transition")){if(!i)return!1;const{pages:n,panzoom:s}=this;t=parseInt((t||0).toString())||0;const o=this.getPageFromIndex(t);if(!s||!n[o]||n.length<2||Math.abs(n[this.page].slides[0].dim-this.viewportDim)>1)return!1;const a=t>this.page?1:-1,r=this.pages[o].pos*(this.isRTL?1:-1);if(this.page===o&&e(r,1e3)===e(s.target[this.axis],1e3))return!1;this.clearTransitions();const l=s.isResting;P(this.container,this.cn("inTransition"));const c=this.pages[this.page].slides[0],h=this.pages[o].slides[0];this.inTransition.add(h.index),this.createSlideEl(h);let d=c.el,u=h.el;l||"slide"===i||(i="fadeFast",d=null);const p=this.isRTL?"next":"prev",f=this.isRTL?"prev":"next";return d&&(this.inTransition.add(c.index),c.transition=i,d.addEventListener("animationend",this.onAnimationEnd),d.classList.add(`f-${i}Out`,`to-${a>0?f:p}`)),u&&(h.transition=i,u.addEventListener("animationend",this.onAnimationEnd),u.classList.add(`f-${i}In`,`from-${a>0?p:f}`)),s.panTo({x:this.isHorizontal?r:0,y:this.isHorizontal?0:r,friction:0}),this.onChange(o),!0}manageSlideVisiblity(){const t=new Set,e=new Set,i=this.getVisibleSlides(parseFloat(this.option("preload",0)+"")||0);for(const n of this.slides)i.has(n)?t.add(n):e.add(n);for(const e of this.inTransition)t.add(this.slides[e]);for(const e of t)this.createSlideEl(e),this.lazyLoadSlide(e);for(const i of e)t.has(i)||this.removeSlideEl(i);this.markSelectedSlides(),this.repositionSlides()}markSelectedSlides(){if(!this.pages[this.page]||!this.pages[this.page].slides)return;const t="aria-hidden";let e=this.cn("isSelected");if(e)for(const i of this.slides)i.el&&(i.el.dataset.index=`${i.index}`,this.pages[this.page].slides.includes(i)?(i.el.classList.contains(e)||(P(i.el,e),this.emit("selectSlide",i)),i.el.removeAttribute(t)):(i.el.classList.contains(e)&&(S(i.el,e),this.emit("unselectSlide",i)),i.el.setAttribute(t,"true")))}flipInfiniteTrack(){const t=this.panzoom;if(!t||!this.isInfinite)return;const e="x"===this.option("axis")?"e":"f",{viewportDim:i,contentDim:n}=this;let s=t.current[e],o=t.target[e]-s,a=0,r=.5*i,l=n;this.isRTL&&this.isHorizontal?(s<-r&&(a=-1,s+=l),s>l-r&&(a=1,s-=l)):(s>r&&(a=1,s-=l),s<-l+r&&(a=-1,s+=l)),a&&(t.current[e]=s,t.target[e]=s+o)}lazyLoadSlide(t){const e=this,i=t&&t.el;if(!i)return;const n=new Set,o="f-fadeIn";i.querySelectorAll("[data-lazy-srcset]").forEach((t=>{t instanceof HTMLImageElement&&n.add(t)}));let a=Array.from(i.querySelectorAll("[data-lazy-src]"));i.dataset.lazySrc&&a.push(i),a.map((t=>{t instanceof HTMLImageElement?n.add(t):E(t)&&(t.style.backgroundImage=`url('${t.dataset.lazySrc||""}')`,delete t.dataset.lazySrc)}));const r=(t,i,n)=>{n&&(n.remove(),n=null),i.complete&&(i.classList.add(o),setTimeout((()=>{i.classList.remove(o)}),350),i.style.display=""),this.option("adaptiveHeight")&&t.el&&this.pages[this.page].slides.indexOf(t)>-1&&(e.updateMetrics(),e.setViewportHeight()),this.emit("load",t)};for(const e of n){let i=null;e.src=e.dataset.lazySrcset||e.dataset.lazySrc||"",delete e.dataset.lazySrc,delete e.dataset.lazySrcset,e.style.display="none",e.addEventListener("error",(()=>{r(t,e,i)})),e.addEventListener("load",(()=>{r(t,e,i)})),setTimeout((()=>{e.parentNode&&t.el&&(e.complete?r(t,e,i):(i=s(x),e.parentNode.insertBefore(i,e)))}),300)}}onAnimationEnd(t){var e;const i=t.target,n=i?parseInt(i.dataset.index||"",10)||0:-1,s=this.slides[n],o=t.animationName;if(!i||!s||!o)return;const a=!!this.inTransition.has(n)&&s.transition;a&&o.substring(0,a.length+2)===`f-${a}`&&this.inTransition.delete(n),this.inTransition.size||this.clearTransitions(),n===this.page&&(null===(e=this.panzoom)||void 0===e?void 0:e.isResting)&&this.emit("settle")}onDecel(t,e=0,i=0,n=0,s=0){const{isRTL:o,isHorizontal:a,axis:r,pages:l}=this,c=l.length,h=Math.abs(Math.atan2(i,e)/(Math.PI/180));let d=0;if(d=h>45&&h<135?a?0:i:a?e:0,!c)return;const u=this.option("dragFree");let p=this.page,f=o&&a?1:-1;const m=t.target[r]*f,g=t.current[r]*f;let{pageIndex:b}=this.getPageFromPosition(m),{pageIndex:v}=this.getPageFromPosition(g);u?this.onChange(b):(Math.abs(d)>5?(l[p].dim<document.documentElement["client"+(this.isHorizontal?"Width":"Height")]-1&&(p=v),p=o&&a?d<0?p-1:p+1:d<0?p+1:p-1):p=0===n&&0===s?p:v,this.slideTo(p,{transition:!1,friction:t.option("decelFriction")}))}onClick(t){const e=t.target,i=e&&E(e)?e.dataset:null;let n,s;i&&(void 0!==i.carouselPage?(s="slideTo",n=i.carouselPage):void 0!==i.carouselNext?s="slideNext":void 0!==i.carouselPrev&&(s="slidePrev")),s?(t.preventDefault(),t.stopPropagation(),e&&!e.hasAttribute("disabled")&&this[s](n)):this.emit("click",t)}onSlideTo(t){const e=t.detail||0;this.slideTo(this.getPageForSlide(e),{friction:0})}onChange(t,e=0){const i=this.page;this.prevPage=i,this.page=t,this.option("adaptiveHeight")&&this.setViewportHeight(),t!==i&&(this.markSelectedSlides(),this.emit("change",t,i,e))}onRefresh(){let t=this.contentDim,e=this.viewportDim;this.updateMetrics(),this.contentDim===t&&this.viewportDim===e||this.slideTo(this.page,{friction:0,transition:!1})}onResize(){this.option("breakpoints")&&this.processOptions()}onBeforeTransform(t){this.lp!==t.current[this.axis]&&(this.flipInfiniteTrack(),this.manageSlideVisiblity()),this.lp=t.current.e}onEndAnimation(){this.inTransition.size||this.emit("settle")}reInit(t=null,e=null){this.destroy(),this.state=j.Init,this.userOptions=t||this.userOptions,this.userPlugins=e||this.userPlugins,this.processOptions()}slideTo(t=0,{friction:e=this.option("friction"),transition:i=this.option("transition")}={}){if(this.state===j.Destroy)return;const{axis:n,isHorizontal:s,isRTL:o,pages:a,panzoom:r}=this,l=a.length,c=o&&s?1:-1;if(!r||!l)return;if(this.transitionTo(t,i))return;const h=this.getPageFromIndex(t);let d=a[h].pos;if(this.isInfinite){const e=this.contentDim,i=r.target[n]*c;if(2===l)d+=e*Math.floor(parseFloat(t+"")/2);else{const t=i;d=[d,d-e,d+e].reduce((function(e,i){return Math.abs(i-t)<Math.abs(e-t)?i:e}))}}d*=c,Math.abs(r.target[n]-d)<.1||(r.panTo({x:s?d:0,y:s?0:d,friction:e}),this.onChange(h))}slideToClosest(t){if(this.panzoom){const{pageIndex:e}=this.getPageFromPosition(this.panzoom.current[this.isHorizontal?"e":"f"]);this.slideTo(e,t)}}slideNext(){this.slideTo(this.page+1)}slidePrev(){this.slideTo(this.page-1)}clearTransitions(){this.inTransition.clear(),S(this.container,this.cn("inTransition"));const t=["to-prev","to-next","from-prev","from-next"];for(const e of this.slides){const i=e.el;if(i){i.removeEventListener("animationend",this.onAnimationEnd),i.classList.remove(...t);const n=e.transition;n&&i.classList.remove(`f-${n}Out`,`f-${n}In`)}}this.manageSlideVisiblity()}prependSlide(t){var e,i;let n=Array.isArray(t)?t:[t];for(const t of n.reverse())this.slides.unshift(H(t));for(let t=0;t<this.slides.length;t++)this.slides[t].index=t;const s=(null===(e=this.pages[this.page])||void 0===e?void 0:e.pos)||0;this.page+=n.length,this.updateMetrics();const o=(null===(i=this.pages[this.page])||void 0===i?void 0:i.pos)||0;if(this.panzoom){const t=this.isRTL?s-o:o-s;this.panzoom.target.e-=t,this.panzoom.current.e-=t,this.panzoom.requestTick()}}appendSlide(t){let e=Array.isArray(t)?t:[t];for(const t of e){const e=H(t);e.index=this.slides.length,this.slides.push(e),this.emit("initSlide",e,this.slides.length)}this.updateMetrics()}removeSlide(t){const e=this.slides.length;t=(t%e+e)%e,this.removeSlideEl(this.slides[t],!0),this.slides.splice(t,1);for(let t=0;t<this.slides.length;t++)this.slides[t].index=t;this.updateMetrics(),this.slideTo(this.page,{friction:0,transition:!1})}updateMetrics(){const{panzoom:t,viewport:i,track:n,isHorizontal:s}=this;if(!n)return;const o=s?"width":"height",a=s?"offsetWidth":"offsetHeight";if(i){let t=Math.max(i[a],e(i.getBoundingClientRect()[o],1e3)),n=getComputedStyle(i),r="padding",l=s?"Right":"Bottom";t-=parseFloat(n[r+(s?"Left":"Top")])+parseFloat(n[r+l]),this.viewportDim=t}let r,l=this.pages.length,c=0;for(const[t,i]of this.slides.entries()){let n=0,s=0;!i.el&&r?(n=r.dim,s=r.gap):(({dim:n,gap:s}=this.getSlideMetrics(i)),r=i),n=e(n,1e3),s=e(s,1e3),i.dim=n,i.gap=s,i.pos=c,c+=n,(this.isInfinite||t<this.slides.length-1)&&(c+=s)}const h=this.contentDim;c=e(c,1e3),this.contentDim=c,t&&(t.contentRect[o]=c,t.contentRect["e"===this.axis?"fullWidth":"fullHeight"]=c),this.pages=this.createPages(),this.pages=this.processPages(),this.state===j.Init&&this.setInitialPage(),this.page=Math.max(0,Math.min(this.page,this.pages.length-1)),t&&l===this.pages.length&&Math.abs(c-h)>.5&&(t.target[this.axis]=-1*this.pages[this.page].pos,t.current[this.axis]=-1*this.pages[this.page].pos,t.stop()),this.manageSlideVisiblity(),this.emit("refresh")}getProgress(t,i=!1){void 0===t&&(t=this.page);const n=this,s=n.panzoom,o=n.pages[t]||0;if(!o||!s)return 0;let a=-1*s.current.e,r=n.contentDim;var l=[e((a-o.pos)/(1*o.dim),1e3),e((a+r-o.pos)/(1*o.dim),1e3),e((a-r-o.pos)/(1*o.dim),1e3)].reduce((function(t,e){return Math.abs(e)<Math.abs(t)?e:t}));return i?l:Math.max(-1,Math.min(1,l))}setViewportHeight(){const{page:t,pages:e,viewport:i,isHorizontal:n}=this;if(!i||!e[t])return;let s=0;n&&this.track&&(this.track.style.height="auto",e[t].slides.forEach((t=>{t.el&&(s=Math.max(s,t.el.offsetHeight))}))),i.style.height=s?`${s}px`:""}getPageForSlide(t){for(const e of this.pages)for(const i of e.slides)if(i.index===t)return e.index;return-1}getVisibleSlides(t=0){var e;const i=new Set;let{contentDim:n,viewportDim:s,pages:o,page:a}=this;n=n+(null===(e=this.slides[this.slides.length-1])||void 0===e?void 0:e.gap)||0;let r=0;r=this.panzoom?-1*this.panzoom.current[this.axis]:o[a]&&o[a].pos||0,this.isInfinite&&(r-=Math.floor(r/n)*n),this.isRTL&&this.isHorizontal&&(r*=-1);const l=r-s*t,c=r+s*(t+1),h=this.isInfinite?[-1,0,1]:[0];for(const t of this.slides)for(const e of h){const s=t.pos+e*n,o=t.pos+t.dim+t.gap+e*n;s<c&&o>l&&i.add(t)}return i}getPageFromPosition(t){const{viewportDim:e,contentDim:i}=this,n=this.pages.length,s=this.slides.length,o=this.slides[s-1];let a=0,r=0,l=0;const c=this.option("center");c&&(t+=.5*e),this.isInfinite||(t=Math.max(this.slides[0].pos,Math.min(t,o.pos)));const h=i+o.gap;l=Math.floor(t/h)||0,t-=l*h;let d=o,u=this.slides.find((e=>{const i=t+(d&&!c?.5*d.dim:0);return d=e,e.pos<=i&&e.pos+e.dim+e.gap>i}));return u||(u=o),r=this.getPageForSlide(u.index),a=r+l*n,{page:a,pageIndex:r}}destroy(){if([j.Destroy].includes(this.state))return;this.state=j.Destroy;const{container:t,viewport:e,track:i,slides:n,panzoom:s}=this,o=this.option("classes");t.removeEventListener("click",this.onClick,{passive:!1,capture:!1}),t.removeEventListener("slideTo",this.onSlideTo),window.removeEventListener("resize",this.onResize),s&&(s.destroy(),this.panzoom=null),n&&n.forEach((t=>{this.removeSlideEl(t)})),this.detachPlugins(),e&&e.offsetParent&&i&&i.offsetParent&&e.replaceWith(...i.childNodes);for(const[e,i]of Object.entries(o))"container"!==e&&i&&t.classList.remove(i);this.track=null,this.viewport=null,this.page=0,this.slides=[];const a=this.events.get("ready");this.events=new Map,a&&this.events.set("ready",a)}}Object.defineProperty(U,"Panzoom",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(U,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:F}),Object.defineProperty(U,"Plugins",{enumerable:!0,configurable:!0,writable:!0,value:Z});const G=function(t){const e=window.pageYOffset,i=window.pageYOffset+window.innerHeight;if(!E(t))return 0;const n=t.getBoundingClientRect(),s=n.y+window.pageYOffset,o=n.y+n.height+window.pageYOffset;if(e>o||i<s)return 0;if(e<s&&i>o)return 100;if(s<e&&o>i)return 100;let a=n.height;s<e&&(a-=window.pageYOffset-s),o>i&&(a-=o-i);const r=a/window.innerHeight*100;return Math.round(r)},K=!("undefined"==typeof window||!window.document||!window.document.createElement);let J;const Q=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden]):not(.fancybox-focus-guard)","iframe","object","embed","video","audio","[contenteditable]",'[tabindex]:not([tabindex^="-"]):not([disabled]):not([aria-hidden])'].join(","),tt=t=>{if(t&&K){void 0===J&&document.createElement("div").focus({get preventScroll(){return J=!0,!1}});try{if(J)t.focus({preventScroll:!0});else{const e=window.pageXOffset||document.body.scrollTop,i=window.pageYOffset||document.body.scrollLeft;t.focus(),document.body.scrollTo({top:e,left:i,behavior:"auto"})}}catch(t){}}},et={dragToClose:!0,hideScrollbar:!0,Carousel:{classes:{container:"fancybox__carousel",viewport:"fancybox__viewport",track:"fancybox__track",slide:"fancybox__slide"}},contentClick:"toggleZoom",contentDblClick:!1,backdropClick:"close",animated:!0,idle:3500,showClass:"f-zoomInUp",hideClass:"f-fadeOut",commonCaption:!1,parentEl:null,startIndex:0,l10n:Object.assign(Object.assign({},y),{CLOSE:"Close",NEXT:"Next",PREV:"Previous",MODAL:"You can close this modal content with the ESC key",ERROR:"Something Went Wrong, Please Try Again Later",IMAGE_ERROR:"Image Not Found",ELEMENT_NOT_FOUND:"HTML Element Not Found",AJAX_NOT_FOUND:"Error Loading AJAX : Not Found",AJAX_FORBIDDEN:"Error Loading AJAX : Forbidden",IFRAME_ERROR:"Error Loading Page",TOGGLE_ZOOM:"Toggle zoom level",TOGGLE_THUMBS:"Toggle thumbnails",TOGGLE_SLIDESHOW:"Toggle slideshow",TOGGLE_FULLSCREEN:"Toggle full-screen mode",DOWNLOAD:"Download"}),tpl:{closeButton:'<button data-fancybox-close class="f-button is-close-btn" title="{{CLOSE}}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M20 20L4 4m16 0L4 20"/></svg></button>',main:'<div class="fancybox__container" role="dialog" aria-modal="true" aria-label="{{MODAL}}" tabindex="-1">\n    <div class="fancybox__backdrop"></div>\n    <div class="fancybox__carousel"></div>\n    <div class="fancybox__footer"></div>\n  </div>'},groupAll:!1,groupAttr:"data-fancybox",defaultType:"image",defaultDisplay:"block",autoFocus:!0,trapFocus:!0,placeFocusBack:!0,closeButton:"auto",keyboard:{Escape:"close",Delete:"close",Backspace:"close",PageUp:"next",PageDown:"prev",ArrowUp:"prev",ArrowDown:"next",ArrowRight:"next",ArrowLeft:"prev"},Fullscreen:{autoStart:!1},compact:()=>window.matchMedia("(max-width: 578px), (max-height: 578px)").matches,wheel:"zoom"};var it,nt;!function(t){t[t.Init=0]="Init",t[t.Ready=1]="Ready",t[t.Closing=2]="Closing",t[t.CustomClosing=3]="CustomClosing",t[t.Destroy=4]="Destroy"}(it||(it={})),function(t){t[t.Loading=0]="Loading",t[t.Opening=1]="Opening",t[t.Ready=2]="Ready",t[t.Closing=3]="Closing"}(nt||(nt={}));const st=()=>{queueMicrotask((()=>{(()=>{const{slug:t,index:e}=ot.parseURL(),i=Wt.getInstance();if(i&&!1!==i.option("Hash")){const n=i.carousel;if(t&&n){for(let e of n.slides)if(e.slug&&e.slug===t)return n.slideTo(e.index);if(t===i.option("slug"))return n.slideTo(e-1);const s=i.getSlide(),o=s&&s.triggerEl&&s.triggerEl.dataset;if(o&&o.fancybox===t)return n.slideTo(e-1)}ot.hasSilentClose=!0,i.close()}ot.startFromUrl()})()}))};class ot extends N{constructor(){super(...arguments),Object.defineProperty(this,"origHash",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(this,"timer",{enumerable:!0,configurable:!0,writable:!0,value:null})}onChange(){const t=this.instance,e=t.carousel;this.timer&&clearTimeout(this.timer);const i=t.getSlide();if(!e||!i)return;const n=t.isOpeningSlide(i),s=new URL(document.URL).hash;let o,a=i.slug||void 0,r=i.triggerEl||void 0;o=a||this.instance.option("slug"),!o&&r&&r.dataset&&(o=r.dataset.fancybox);let l="";o&&"true"!==o&&(l="#"+o+(!a&&e.slides.length>1?"-"+(i.index+1):"")),n&&(this.origHash=s!==l?s:""),l&&s!==l&&(this.timer=setTimeout((()=>{try{t.state===it.Ready&&window.history[n?"pushState":"replaceState"]({},document.title,window.location.pathname+window.location.search+l)}catch(t){}}),300))}onClose(){if(this.timer&&clearTimeout(this.timer),!0!==ot.hasSilentClose)try{window.history.replaceState({},document.title,window.location.pathname+window.location.search+(this.origHash||""))}catch(t){}}attach(){const t=this.instance;t.on("Carousel.ready",this.onChange),t.on("Carousel.change",this.onChange),t.on("close",this.onClose)}detach(){const t=this.instance;t.off("Carousel.ready",this.onChange),t.off("Carousel.change",this.onChange),t.off("close",this.onClose)}static parseURL(){const t=window.location.hash.slice(1),e=t.split("-"),i=e[e.length-1],n=i&&/^\+?\d+$/.test(i)&&parseInt(e.pop()||"1",10)||1;return{hash:t,slug:e.join("-"),index:n}}static startFromUrl(){if(ot.hasSilentClose=!1,Wt.getInstance()||!1===Wt.defaults.Hash)return;const{hash:t,slug:e,index:i}=ot.parseURL();if(!e)return;let n=document.querySelector(`[data-slug="${t}"]`);if(n&&n.dispatchEvent(new CustomEvent("click",{bubbles:!0,cancelable:!0})),Wt.getInstance())return;const s=document.querySelectorAll(`[data-fancybox="${e}"]`);s.length&&(n=s[i-1],n&&n.dispatchEvent(new CustomEvent("click",{bubbles:!0,cancelable:!0})))}static destroy(){window.removeEventListener("hashchange",st,!1)}}function at(){window.addEventListener("hashchange",st,!1),setTimeout((()=>{ot.startFromUrl()}),500)}Object.defineProperty(ot,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(ot,"hasSilentClose",{enumerable:!0,configurable:!0,writable:!0,value:!1}),K&&(/complete|interactive|loaded/.test(document.readyState)?at():document.addEventListener("DOMContentLoaded",at));class rt extends N{onCreateSlide(t,e,i){const n=this.instance.optionFor(i,"src")||"";i.el&&"image"===i.type&&"string"==typeof n&&this.setImage(i,n)}onRemoveSlide(t,e,i){i.panzoom&&i.panzoom.destroy(),i.panzoom=void 0,i.imageEl=void 0}onChange(t,e,i,n){for(const t of e.slides){const e=t.panzoom;e&&t.index!==i&&e.reset(.35)}}onClose(){var t;const e=this.instance,i=e.container,n=e.getSlide();if(!i||!i.parentElement||!n)return;const{el:s,contentEl:o,panzoom:a}=n,r=n.thumbElSrc;if(!s||!r||!o||!a||a.isContentLoading||a.state===b.Init||a.state===b.Destroy)return;a.updateMetrics();let l=this.getZoomInfo(n);if(!l)return;this.instance.state=it.CustomClosing,i.classList.remove("is-zooming-in"),i.classList.add("is-zooming-out"),o.style.backgroundImage=`url('${r}')`;const c=i.getBoundingClientRect();1===((null===(t=window.visualViewport)||void 0===t?void 0:t.scale)||1)&&Object.assign(i.style,{position:"absolute",top:`${window.pageYOffset}px`,left:`${window.pageXOffset}px`,bottom:"auto",right:"auto",width:`${c.width}px`,height:`${c.height}px`,overflow:"hidden"});const{x:h,y:d,scale:u,opacity:p}=l;if(p){const t=((t,e,i,n)=>{const s=e-t,o=n-i;return e=>i+((e-t)/s*o||0)})(a.scale,u,1,0);a.on("afterTransform",(()=>{o.style.opacity=t(a.scale)+""}))}a.on("endAnimation",(()=>{e.destroy()})),a.target.a=u,a.target.b=0,a.target.c=0,a.target.d=u,a.panTo({x:h,y:d,scale:u,friction:p?.2:.33,ignoreBounds:!0}),a.isResting&&e.destroy()}setImage(t,e){const i=this.instance;t.src=e,this.process(t,e).then((e=>{var n;const s=t.contentEl,o=t.imageEl,a=t.thumbElSrc;if(i.isClosing()||!s||!o)return;s.offsetHeight;const r=!!i.isOpeningSlide(t)&&this.getZoomInfo(t);if(this.option("protected")){null===(n=t.el)||void 0===n||n.addEventListener("contextmenu",(t=>{t.preventDefault()}));const e=document.createElement("div");P(e,"fancybox-protected"),s.appendChild(e)}if(a&&r){const n=e.contentRect,o=Math.max(n.fullWidth,n.fullHeight);let c=null;!r.opacity&&o>1200&&(c=document.createElement("img"),P(c,"fancybox-ghost"),c.src=a,s.appendChild(c));const h=()=>{c&&(P(c,"f-fadeFastOut"),setTimeout((()=>{c&&(c.remove(),c=null)}),200))};(l=a,new Promise(((t,e)=>{const i=new Image;i.onload=t,i.onerror=e,i.src=l}))).then((()=>{t.state=nt.Opening,this.instance.emit("reveal",t),this.zoomIn(t).then((()=>{h(),this.instance.done(t)}),(()=>{i.hideLoading(t)})),c&&setTimeout((()=>{h()}),o>2500?800:200)}),(()=>{i.hideLoading(t),i.revealContent(t)}))}else{const n=this.optionFor(t,"initialSize"),s=this.optionFor(t,"zoom"),o={event:i.prevMouseMoveEvent||i.options.event,friction:s?.12:0};let a=i.optionFor(t,"showClass")||void 0,r=!0;i.isOpeningSlide(t)&&("full"===n?e.zoomToFull(o):"cover"===n?e.zoomToCover(o):"max"===n?e.zoomToMax(o):r=!1,e.stop("current")),r&&a&&(a=e.isDragging?"f-fadeIn":""),i.revealContent(t,a)}var l}),(()=>{i.setError(t,"{{IMAGE_ERROR}}")}))}process(t,e){return new Promise(((i,n)=>{var o,a;const r=this.instance,l=t.el;r.clearContent(t),r.showLoading(t);let c=this.optionFor(t,"content");"string"==typeof c&&(c=s(c)),c&&E(c)||(c=document.createElement("img"),c instanceof HTMLImageElement&&(c.src=e||"",c.alt=(null===(o=t.caption)||void 0===o?void 0:o.replace(/<[^>]+>/gi,"").substring(0,1e3))||`Image ${t.index+1} of ${null===(a=r.carousel)||void 0===a?void 0:a.pages.length}`,c.draggable=!1,t.srcset&&c.setAttribute("srcset",t.srcset)),t.sizes&&c.setAttribute("sizes",t.sizes)),c.classList.add("fancybox-image"),t.imageEl=c,r.setContent(t,c,!1);t.panzoom=new k(l,p({transformParent:!0},this.option("Panzoom")||{},{content:c,width:r.optionFor(t,"width","auto"),height:r.optionFor(t,"height","auto"),wheel:()=>{const t=r.option("wheel");return("zoom"===t||"pan"==t)&&t},click:(e,i)=>{var n,s;if(r.isCompact||r.isClosing())return!1;if(t.index!==(null===(n=r.getSlide())||void 0===n?void 0:n.index))return!1;if(i){const t=i.composedPath()[0];if(["A","BUTTON","TEXTAREA","OPTION","INPUT","SELECT","VIDEO"].includes(t.nodeName))return!1}let o=!i||i.target&&(null===(s=t.contentEl)||void 0===s?void 0:s.contains(i.target));return r.option(o?"contentClick":"backdropClick")||!1},dblClick:()=>r.isCompact?"toggleZoom":r.option("contentDblClick")||!1,spinner:!1,panOnlyZoomed:!0,wheelLimit:1/0,on:{ready:t=>{i(t)},error:()=>{n()},destroy:()=>{n()}}}))}))}zoomIn(t){return new Promise(((e,i)=>{const n=this.instance,s=n.container,{panzoom:o,contentEl:a,el:r}=t;o&&o.updateMetrics();const l=this.getZoomInfo(t);if(!(l&&r&&a&&o&&s))return void i();const{x:c,y:h,scale:d,opacity:u}=l,p=()=>{t.state!==nt.Closing&&(u&&(a.style.opacity=Math.max(Math.min(1,1-(1-o.scale)/(1-d)),0)+""),o.scale>=1&&o.scale>o.targetScale-.1&&e(o))},f=t=>{S(s,"is-zooming-in"),t.scale<.99||t.scale>1.01||(a.style.opacity="",t.off("endAnimation",f),t.off("touchStart",f),t.off("afterTransform",p),e(t))};o.on("endAnimation",f),o.on("touchStart",f),o.on("afterTransform",p),o.on(["error","destroy"],(()=>{i()})),o.panTo({x:c,y:h,scale:d,friction:0,ignoreBounds:!0}),o.stop("current");const m={event:"mousemove"===o.panMode?n.prevMouseMoveEvent||n.options.event:void 0},g=this.optionFor(t,"initialSize");P(s,"is-zooming-in"),n.hideLoading(t),"full"===g?o.zoomToFull(m):"cover"===g?o.zoomToCover(m):"max"===g?o.zoomToMax(m):o.reset(.172)}))}getZoomInfo(t){var e;const{el:i,imageEl:n,thumbEl:s,panzoom:o}=t;if(!i||!n||!s||!o||G(s)<3||!this.optionFor(t,"zoom")||this.instance.state===it.Destroy)return!1;if(1!==((null===(e=window.visualViewport)||void 0===e?void 0:e.scale)||1))return!1;let{top:a,left:r,width:l,height:c}=s.getBoundingClientRect(),{top:h,left:d,fitWidth:u,fitHeight:p}=o.contentRect;if(!(l&&c&&u&&p))return!1;const f=o.container.getBoundingClientRect();d+=f.left,h+=f.top;const m=-1*(d+.5*u-(r+.5*l)),g=-1*(h+.5*p-(a+.5*c)),b=l/u;let v=this.option("zoomOpacity")||!1;return"auto"===v&&(v=Math.abs(l/c-u/p)>.1),{x:m,y:g,scale:b,opacity:v}}attach(){const t=this,e=t.instance;e.on("Carousel.change",t.onChange),e.on("Carousel.createSlide",t.onCreateSlide),e.on("Carousel.removeSlide",t.onRemoveSlide),e.on("close",t.onClose)}detach(){const t=this,e=t.instance;e.off("Carousel.change",t.onChange),e.off("Carousel.createSlide",t.onCreateSlide),e.off("Carousel.removeSlide",t.onRemoveSlide),e.off("close",t.onClose)}}Object.defineProperty(rt,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:{initialSize:"fit",Panzoom:{maxScale:1},protected:!1,zoom:!0,zoomOpacity:"auto"}}),"function"==typeof SuppressedError&&SuppressedError;const lt=(t,e={})=>{const i=new URL(t),n=new URLSearchParams(i.search),s=new URLSearchParams;for(const[t,i]of[...n,...Object.entries(e)]){let e=i.toString();"t"===t?s.set("start",parseInt(e).toString()):s.set(t,e)}let o=s.toString(),a=t.match(/#t=((.*)?\d+s)/);return a&&(o+=`#t=${a[1]}`),o},ct={ajax:null,autoSize:!0,iframeAttr:{allow:"autoplay; fullscreen",scrolling:"auto"},preload:!0,videoAutoplay:!0,videoRatio:16/9,videoTpl:'<video class="fancybox__html5video" playsinline controls controlsList="nodownload" poster="{{poster}}">\n  <source src="{{src}}" type="{{format}}" />Sorry, your browser doesn\'t support embedded videos.</video>',videoFormat:"",vimeo:{byline:1,color:"00adef",controls:1,dnt:1,muted:0},youtube:{controls:1,enablejsapi:1,nocookie:1,rel:0,fs:1}},ht=["image","html","ajax","inline","clone","iframe","map","pdf","html5video","youtube","vimeo","video"];class dt extends N{onInitSlide(t,e,i){this.processType(i)}onCreateSlide(t,e,i){this.setContent(i)}onRemoveSlide(t,e,i){i.xhr&&(i.xhr.abort(),i.xhr=null);const n=i.iframeEl;n&&(n.onload=n.onerror=null,n.src="//about:blank",i.iframeEl=null);const s=i.contentEl,o=i.placeholderEl;if("inline"===i.type&&s&&o)s.classList.remove("fancybox__content"),"none"!==s.style.display&&(s.style.display="none"),o.parentNode&&o.parentNode.insertBefore(s,o),o.remove(),i.contentEl=void 0,i.placeholderEl=void 0;else for(;i.el&&i.el.firstChild;)i.el.removeChild(i.el.firstChild)}onSelectSlide(t,e,i){i.state===nt.Ready&&this.playVideo()}onUnselectSlide(t,e,i){var n,s;if("html5video"===i.type){try{null===(s=null===(n=i.el)||void 0===n?void 0:n.querySelector("video"))||void 0===s||s.pause()}catch(t){}return}let o;"vimeo"===i.type?o={method:"pause",value:"true"}:"youtube"===i.type&&(o={event:"command",func:"pauseVideo"}),o&&i.iframeEl&&i.iframeEl.contentWindow&&i.iframeEl.contentWindow.postMessage(JSON.stringify(o),"*"),i.poller&&clearTimeout(i.poller)}onDone(t,e){t.isCurrentSlide(e)&&!t.isClosing()&&this.playVideo()}onRefresh(t,e){e.slides.forEach((t=>{t.el&&(this.setAspectRatio(t),this.resizeIframe(t))}))}onMessage(t){try{let e=JSON.parse(t.data);if("https://player.vimeo.com"===t.origin){if("ready"===e.event)for(let e of Array.from(document.getElementsByClassName("fancybox__iframe")))e instanceof HTMLIFrameElement&&e.contentWindow===t.source&&(e.dataset.ready="true")}else if(t.origin.match(/^https:\/\/(www.)?youtube(-nocookie)?.com$/)&&"onReady"===e.event){const t=document.getElementById(e.id);t&&(t.dataset.ready="true")}}catch(t){}}loadAjaxContent(t){const e=this.instance.optionFor(t,"src")||"";this.instance.showLoading(t);const i=this.instance,n=new XMLHttpRequest;i.showLoading(t),n.onreadystatechange=function(){n.readyState===XMLHttpRequest.DONE&&i.state===it.Ready&&(i.hideLoading(t),200===n.status?i.setContent(t,n.responseText):i.setError(t,404===n.status?"{{AJAX_NOT_FOUND}}":"{{AJAX_FORBIDDEN}}"))};const s=t.ajax||null;n.open(s?"POST":"GET",e+""),n.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),n.setRequestHeader("X-Requested-With","XMLHttpRequest"),n.send(s),t.xhr=n}setInlineContent(t){let e=null;if(E(t.src))e=t.src;else if("string"==typeof t.src){const i=t.src.split("#",2).pop();e=i?document.getElementById(i):null}if(e){if("clone"===t.type||e.closest(".fancybox__slide")){e=e.cloneNode(!0);const i=e.dataset.animationName;i&&(e.classList.remove(i),delete e.dataset.animationName);let n=e.getAttribute("id");n=n?`${n}--clone`:`clone-${this.instance.id}-${t.index}`,e.setAttribute("id",n)}else if(e.parentNode){const i=document.createElement("div");i.classList.add("fancybox-placeholder"),e.parentNode.insertBefore(i,e),t.placeholderEl=i}this.instance.setContent(t,e)}else this.instance.setError(t,"{{ELEMENT_NOT_FOUND}}")}setIframeContent(t){const{src:e,el:i}=t;if(!e||"string"!=typeof e||!i)return;const n=this.instance,s=document.createElement("iframe");s.className="fancybox__iframe",s.setAttribute("id",`fancybox__iframe_${n.id}_${t.index}`);for(const[e,i]of Object.entries(this.optionFor(t,"iframeAttr")||{}))s.setAttribute(e,i);s.onerror=()=>{n.setError(t,"{{IFRAME_ERROR}}")},t.iframeEl=s;const o=this.optionFor(t,"preload");if(i.classList.add("is-loading"),"iframe"!==t.type||!1===o)return s.setAttribute("src",t.src+""),this.resizeIframe(t),void n.setContent(t,s);n.showLoading(t),s.onload=()=>{if(!s.src.length)return;const e="true"!==s.dataset.ready;s.dataset.ready="true",this.resizeIframe(t),e?n.revealContent(t):n.hideLoading(t)},s.setAttribute("src",e),n.setContent(t,s,!1)}resizeIframe(t){const e=t.iframeEl,i=null==e?void 0:e.parentElement;if(!e||!i)return;let n=t.autoSize,s=t.width||0,o=t.height||0;s&&o&&(n=!1);const a=i&&i.style;if(!1!==t.preload&&!1!==n&&a)try{const t=window.getComputedStyle(i),n=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),r=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom),l=e.contentWindow;if(l){const t=l.document,e=t.getElementsByTagName("html")[0],i=t.body;a.width="",i.style.overflow="hidden",s=s||e.scrollWidth+n,a.width=`${s}px`,i.style.overflow="",a.flex="0 0 auto",a.height=`${i.scrollHeight}px`,o=e.scrollHeight+r}}catch(t){}if(s||o){const t={flex:"0 1 auto",width:"",height:""};s&&(t.width=`${s}px`),o&&(t.height=`${o}px`),Object.assign(a,t)}}playVideo(){const t=this.instance.getSlide();if(!t)return;const{el:e}=t;if(!e||!e.offsetParent)return;if(!this.optionFor(t,"videoAutoplay"))return;if("html5video"===t.type)try{const t=e.querySelector("video");if(t){const e=t.play();void 0!==e&&e.then((()=>{})).catch((e=>{t.muted=!0,t.play()}))}}catch(t){}if("youtube"!==t.type&&"vimeo"!==t.type)return;const i=()=>{if(t.iframeEl&&t.iframeEl.contentWindow){let e;if("true"===t.iframeEl.dataset.ready)return e="youtube"===t.type?{event:"command",func:"playVideo"}:{method:"play",value:"true"},e&&t.iframeEl.contentWindow.postMessage(JSON.stringify(e),"*"),void(t.poller=void 0);"youtube"===t.type&&(e={event:"listening",id:t.iframeEl.getAttribute("id")},t.iframeEl.contentWindow.postMessage(JSON.stringify(e),"*"))}t.poller=setTimeout(i,250)};i()}processType(t){if(t.html)return t.type="html",t.src=t.html,void(t.html="");const e=this.instance.optionFor(t,"src","");if(!e||"string"!=typeof e)return;let i=t.type,n=null;if(n=e.match(/(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/|shorts\/|embed\/?)?(videoseries\?list=(?:.*)|[\w-]{11}|\?listType=(?:.*)&list=(?:.*))(?:.*)/i)){const s=this.optionFor(t,"youtube"),{nocookie:o}=s,a=function(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(t);s<n.length;s++)e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(i[n[s]]=t[n[s]])}return i}(s,["nocookie"]),r=`www.youtube${o?"-nocookie":""}.com`,l=lt(e,a),c=encodeURIComponent(n[2]);t.videoId=c,t.src=`https://${r}/embed/${c}?${l}`,t.thumbSrc=t.thumbSrc||`https://i.ytimg.com/vi/${c}/mqdefault.jpg`,i="youtube"}else if(n=e.match(/^.+vimeo.com\/(?:\/)?([\d]+)((\/|\?h=)([a-z0-9]+))?(.*)?/)){const s=lt(e,this.optionFor(t,"vimeo")),o=encodeURIComponent(n[1]),a=n[4]||"";t.videoId=o,t.src=`https://player.vimeo.com/video/${o}?${a?`h=${a}${s?"&":""}`:""}${s}`,i="vimeo"}if(!i&&t.triggerEl){const e=t.triggerEl.dataset.type;ht.includes(e)&&(i=e)}i||"string"==typeof e&&("#"===e.charAt(0)?i="inline":(n=e.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))?(i="html5video",t.videoFormat=t.videoFormat||"video/"+("ogv"===n[1]?"ogg":n[1])):e.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)?i="image":e.match(/\.(pdf)((\?|#).*)?$/i)?i="pdf":(n=e.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:(?:(?:maps\/(?:place\/(?:.*)\/)?\@(.*),(\d+.?\d+?)z))|(?:\?ll=))(.*)?/i))?(t.src=`https://maps.google.${n[1]}/?ll=${(n[2]?n[2]+"&z="+Math.floor(parseFloat(n[3]))+(n[4]?n[4].replace(/^\//,"&"):""):n[4]+"").replace(/\?/,"&")}&output=${n[4]&&n[4].indexOf("layer=c")>0?"svembed":"embed"}`,i="map"):(n=e.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:maps\/search\/)(.*)/i))&&(t.src=`https://maps.google.${n[1]}/maps?q=${n[2].replace("query=","q=").replace("api=1","")}&output=embed`,i="map")),i=i||this.instance.option("defaultType"),t.type=i,"image"===i&&(t.thumbSrc=t.thumbSrc||t.src)}setContent(t){const e=this.instance.optionFor(t,"src")||"";if(t&&t.type&&e){switch(t.type){case"html":this.instance.setContent(t,e);break;case"html5video":const i=this.option("videoTpl");i&&this.instance.setContent(t,i.replace(/\{\{src\}\}/gi,e+"").replace(/\{\{format\}\}/gi,this.optionFor(t,"videoFormat")||"").replace(/\{\{poster\}\}/gi,t.poster||t.thumbSrc||""));break;case"inline":case"clone":this.setInlineContent(t);break;case"ajax":this.loadAjaxContent(t);break;case"pdf":case"map":case"youtube":case"vimeo":t.preload=!1;case"iframe":this.setIframeContent(t)}this.setAspectRatio(t)}}setAspectRatio(t){var e;const i=t.contentEl,n=this.optionFor(t,"videoRatio"),s=null===(e=t.el)||void 0===e?void 0:e.getBoundingClientRect();if(!(i&&s&&n&&1!==n&&t.type&&["video","youtube","vimeo","html5video"].includes(t.type)))return;const o=s.width,a=s.height;i.style.aspectRatio=n+"",i.style.width=o/a>n?"auto":"",i.style.height=o/a>n?"":"auto"}attach(){const t=this,e=t.instance;e.on("Carousel.initSlide",t.onInitSlide),e.on("Carousel.createSlide",t.onCreateSlide),e.on("Carousel.removeSlide",t.onRemoveSlide),e.on("Carousel.selectSlide",t.onSelectSlide),e.on("Carousel.unselectSlide",t.onUnselectSlide),e.on("Carousel.Panzoom.refresh",t.onRefresh),e.on("done",t.onDone),window.addEventListener("message",t.onMessage)}detach(){const t=this,e=t.instance;e.off("Carousel.initSlide",t.onInitSlide),e.off("Carousel.createSlide",t.onCreateSlide),e.off("Carousel.removeSlide",t.onRemoveSlide),e.off("Carousel.selectSlide",t.onSelectSlide),e.off("Carousel.unselectSlide",t.onUnselectSlide),e.off("Carousel.Panzoom.refresh",t.onRefresh),e.off("done",t.onDone),window.removeEventListener("message",t.onMessage)}}Object.defineProperty(dt,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:ct});const ut="play",pt="pause",ft="ready";class mt extends N{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:ft}),Object.defineProperty(this,"inHover",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"timer",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"progressBar",{enumerable:!0,configurable:!0,writable:!0,value:null})}get isActive(){return this.state!==ft}onReady(t){this.option("autoStart")&&(t.isInfinite||t.page<t.pages.length-1)&&this.start()}onChange(){var t;(null===(t=this.instance.panzoom)||void 0===t?void 0:t.isResting)||(this.removeProgressBar(),this.pause())}onSettle(){this.resume()}onVisibilityChange(){"visible"===document.visibilityState?this.resume():this.pause()}onMouseEnter(){this.inHover=!0,this.pause()}onMouseLeave(){var t;this.inHover=!1,(null===(t=this.instance.panzoom)||void 0===t?void 0:t.isResting)&&this.resume()}onTimerEnd(){const t=this.instance;"play"===this.state&&(t.isInfinite||t.page!==t.pages.length-1?t.slideNext():t.slideTo(0))}removeProgressBar(){this.progressBar&&(this.progressBar.remove(),this.progressBar=null)}createProgressBar(){var t;if(!this.option("showProgress"))return null;this.removeProgressBar();const e=this.instance,i=(null===(t=e.pages[e.page])||void 0===t?void 0:t.slides)||[];let n=this.option("progressParentEl");if(n||(n=(1===i.length?i[0].el:null)||e.viewport),!n)return null;const s=document.createElement("div");return P(s,"f-progress"),n.prepend(s),this.progressBar=s,s.offsetHeight,s}set(){const t=this,e=t.instance;if(e.pages.length<2)return;if(t.timer)return;const i=t.option("timeout");t.state=ut,P(e.container,"has-autoplay");let n=t.createProgressBar();n&&(n.style.transitionDuration=`${i}ms`,n.style.transform="scaleX(1)"),t.timer=setTimeout((()=>{t.timer=null,t.inHover||t.onTimerEnd()}),i),t.emit("set")}clear(){const t=this;t.timer&&(clearTimeout(t.timer),t.timer=null),t.removeProgressBar()}start(){const t=this;if(t.set(),t.state!==ft){if(t.option("pauseOnHover")){const e=t.instance.container;e.addEventListener("mouseenter",t.onMouseEnter,!1),e.addEventListener("mouseleave",t.onMouseLeave,!1)}document.addEventListener("visibilitychange",t.onVisibilityChange,!1),t.emit("start")}}stop(){const t=this,e=t.state,i=t.instance.container;t.clear(),t.state=ft,i.removeEventListener("mouseenter",t.onMouseEnter,!1),i.removeEventListener("mouseleave",t.onMouseLeave,!1),document.removeEventListener("visibilitychange",t.onVisibilityChange,!1),S(i,"has-autoplay"),e!==ft&&t.emit("stop")}pause(){const t=this;t.state===ut&&(t.state=pt,t.clear(),t.emit(pt))}resume(){const t=this,e=t.instance;if(e.isInfinite||e.page!==e.pages.length-1)if(t.state!==ut){if(t.state===pt&&!t.inHover){const e=new Event("resume",{bubbles:!0,cancelable:!0});t.emit("resume",e),e.defaultPrevented||t.set()}}else t.set();else t.stop()}toggle(){this.state===ut||this.state===pt?this.stop():this.start()}attach(){const t=this,e=t.instance;e.on("ready",t.onReady),e.on("Panzoom.startAnimation",t.onChange),e.on("Panzoom.endAnimation",t.onSettle),e.on("Panzoom.touchMove",t.onChange)}detach(){const t=this,e=t.instance;e.off("ready",t.onReady),e.off("Panzoom.startAnimation",t.onChange),e.off("Panzoom.endAnimation",t.onSettle),e.off("Panzoom.touchMove",t.onChange),t.stop()}}Object.defineProperty(mt,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:{autoStart:!0,pauseOnHover:!0,progressParentEl:null,showProgress:!0,timeout:3e3}});class gt extends N{constructor(){super(...arguments),Object.defineProperty(this,"ref",{enumerable:!0,configurable:!0,writable:!0,value:null})}onPrepare(t){const e=t.carousel;if(!e)return;const i=t.container;i&&(e.options.Autoplay=p({autoStart:!1},this.option("Autoplay")||{},{pauseOnHover:!1,timeout:this.option("timeout"),progressParentEl:()=>this.option("progressParentEl")||null,on:{start:()=>{t.emit("startSlideshow")},set:e=>{var n;i.classList.add("has-slideshow"),(null===(n=t.getSlide())||void 0===n?void 0:n.state)!==nt.Ready&&e.pause()},stop:()=>{i.classList.remove("has-slideshow"),t.isCompact||t.endIdle(),t.emit("endSlideshow")},resume:(e,i)=>{var n,s,o;!i||!i.cancelable||(null===(n=t.getSlide())||void 0===n?void 0:n.state)===nt.Ready&&(null===(o=null===(s=t.carousel)||void 0===s?void 0:s.panzoom)||void 0===o?void 0:o.isResting)||i.preventDefault()}}}),e.attachPlugins({Autoplay:mt}),this.ref=e.plugins.Autoplay)}onReady(t){const e=t.carousel,i=this.ref;e&&i&&this.option("playOnStart")&&(e.isInfinite||e.page<e.pages.length-1)&&i.start()}onDone(t,e){const i=this.ref;if(!i)return;const n=e.panzoom;n&&n.on("startAnimation",(()=>{t.isCurrentSlide(e)&&i.stop()})),t.isCurrentSlide(e)&&i.resume()}onKeydown(t,e){var i;const n=this.ref;n&&e===this.option("key")&&"BUTTON"!==(null===(i=document.activeElement)||void 0===i?void 0:i.nodeName)&&n.toggle()}attach(){const t=this,e=t.instance;e.on("Carousel.init",t.onPrepare),e.on("Carousel.ready",t.onReady),e.on("done",t.onDone),e.on("keydown",t.onKeydown)}detach(){const t=this,e=t.instance;e.off("Carousel.init",t.onPrepare),e.off("Carousel.ready",t.onReady),e.off("done",t.onDone),e.off("keydown",t.onKeydown)}}Object.defineProperty(gt,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:{key:" ",playOnStart:!1,progressParentEl:t=>{var e;return(null===(e=t.instance.container)||void 0===e?void 0:e.querySelector(".fancybox__toolbar [data-fancybox-toggle-slideshow]"))||t.instance.container},timeout:3e3}});const bt={classes:{container:"f-thumbs f-carousel__thumbs",viewport:"f-thumbs__viewport",track:"f-thumbs__track",slide:"f-thumbs__slide",isResting:"is-resting",isSelected:"is-selected",isLoading:"is-loading",hasThumbs:"has-thumbs"},minCount:2,parentEl:null,thumbTpl:'<button class="f-thumbs__slide__button" tabindex="0" type="button" aria-label="{{GOTO}}" data-carousel-index="%i"><img class="f-thumbs__slide__img" data-lazy-src="{{%s}}" alt="" /></button>',type:"modern"};var vt;!function(t){t[t.Init=0]="Init",t[t.Ready=1]="Ready",t[t.Hidden=2]="Hidden",t[t.Disabled=3]="Disabled"}(vt||(vt={}));let yt=class extends N{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"modern"}),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"track",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"carousel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"panzoom",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"thumbWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"thumbClipWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"thumbHeight",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"thumbGap",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"thumbExtraGap",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"shouldCenter",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:vt.Init})}formatThumb(t,e){return this.instance.localize(e,[["%i",t.index],["%d",t.index+1],["%s",t.thumbSrc||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"]])}getSlides(){const t=[],e=this.option("thumbTpl")||"";if(e)for(const i of this.instance.slides||[]){let n="";i.type&&(n=`for-${i.type}`,i.type&&["video","youtube","vimeo","html5video"].includes(i.type)&&(n+=" for-video")),t.push({html:this.formatThumb(i,e),customClass:n})}return t}onInitSlide(t,e){const i=e.el;i&&(e.thumbSrc=i.dataset.thumbSrc||e.thumbSrc||"",e.thumbClipWidth=parseFloat(i.dataset.thumbClipWidth||"")||e.thumbClipWidth||0,e.thumbHeight=parseFloat(i.dataset.thumbHeight||"")||e.thumbHeight||0)}onInitSlides(){this.state===vt.Init&&this.build()}onRefreshM(){this.refreshModern()}onChangeM(){"modern"===this.type&&(this.shouldCenter=!0,this.centerModern())}onClickModern(t){t.preventDefault(),t.stopPropagation();const e=this.instance,i=e.page,n=t=>{if(t){const e=t.closest("[data-carousel-index]");if(e)return parseInt(e.dataset.carouselIndex||"",10)||0}return-1},s=(t,e)=>{const i=document.elementFromPoint(t,e);return i?n(i):-1};let o=n(t.target);o<0&&(o=s(t.clientX+this.thumbGap,t.clientY),o===i&&(o=i-1)),o<0&&(o=s(t.clientX-this.thumbGap,t.clientY),o===i&&(o=i+1)),o<0&&(o=(e=>{let n=s(t.clientX-e,t.clientY),a=s(t.clientX+e,t.clientY);return o<0&&n===i&&(o=i+1),o<0&&a===i&&(o=i-1),o})(this.thumbExtraGap)),o===i?this.centerModern():o>-1&&o<e.pages.length&&e.slideTo(o)}onTransformM(){if("modern"!==this.type)return;const{instance:t,container:e,track:i}=this,n=t.panzoom;if(!(e&&i&&n&&this.panzoom))return;a(e,this.cn("isResting"),n.state!==b.Init&&n.isResting);const s=this.thumbGap,o=this.thumbExtraGap,r=this.thumbClipWidth;let l=0,c=0,h=0;for(const e of t.slides){let i=e.index,n=e.thumbSlideEl;if(!n)continue;a(n,this.cn("isSelected"),i===t.page),c=1-Math.abs(t.getProgress(i)),n.style.setProperty("--progress",c?c+"":"");const d=.5*((e.thumbWidth||0)-r);l+=s,l+=d,c&&(l-=c*(d+o)),n.style.setProperty("--shift",l-s+""),l+=d,c&&(l-=c*(d+o)),l-=s,0===i&&(h=o*c)}i&&(i.style.setProperty("--left",h+""),i.style.setProperty("--width",l+h+s+o*c+"")),this.shouldCenter&&this.centerModern()}buildClassic(){const{container:t,track:e}=this,i=this.getSlides();if(!t||!e||!i)return;const n=new this.instance.constructor(t,p({track:e,infinite:!1,center:!0,fill:!0,dragFree:!0,slidesPerPage:1,transition:!1,Dots:!1,Navigation:!1,classes:{container:"f-thumbs",viewport:"f-thumbs__viewport",track:"f-thumbs__track",slide:"f-thumbs__slide"}},this.option("Carousel")||{},{Sync:{target:this.instance},slides:i}));this.carousel=n,this.track=e,n.on("ready",(()=>{this.emit("ready")})),n.on("createSlide",((t,e)=>{this.emit("createSlide",e,e.el)}))}buildModern(){if("modern"!==this.type)return;const{container:t,track:e,instance:i}=this,n=this.option("thumbTpl")||"";if(!t||!e||!n)return;P(t,"is-horizontal"),this.updateModern();for(const t of i.slides||[]){const i=document.createElement("div");if(P(i,this.cn("slide")),t.type){let e=`for-${t.type}`;["video","youtube","vimeo","html5video"].includes(t.type)&&(e+=" for-video"),P(i,e)}i.appendChild(s(this.formatThumb(t,n))),this.emit("createSlide",t,i),t.thumbSlideEl=i,e.appendChild(i),this.resizeModernSlide(t)}const o=new i.constructor.Panzoom(t,{content:e,lockAxis:"x",zoom:!1,panOnlyZoomed:!1,bounds:()=>{let t=0,e=0,n=i.slides[0],s=i.slides[i.slides.length-1],o=i.slides[i.page];return n&&s&&o&&(e=-1*this.getModernThumbPos(0),0!==i.page&&(e+=.5*(n.thumbWidth||0)),t=-1*this.getModernThumbPos(i.slides.length-1),i.page!==i.slides.length-1&&(t+=(s.thumbWidth||0)-(o.thumbWidth||0)-.5*(s.thumbWidth||0))),{x:{min:t,max:e},y:{min:0,max:0}}}});o.on("touchStart",((t,e)=>{this.shouldCenter=!1})),o.on("click",((t,e)=>this.onClickModern(e))),o.on("ready",(()=>{this.centerModern(),this.emit("ready")})),o.on(["afterTransform","refresh"],(t=>{this.lazyLoadModern()})),this.panzoom=o,this.refreshModern()}updateModern(){if("modern"!==this.type)return;const{container:t}=this;t&&(this.thumbGap=parseFloat(getComputedStyle(t).getPropertyValue("--f-thumb-gap"))||0,this.thumbExtraGap=parseFloat(getComputedStyle(t).getPropertyValue("--f-thumb-extra-gap"))||0,this.thumbWidth=parseFloat(getComputedStyle(t).getPropertyValue("--f-thumb-width"))||40,this.thumbClipWidth=parseFloat(getComputedStyle(t).getPropertyValue("--f-thumb-clip-width"))||40,this.thumbHeight=parseFloat(getComputedStyle(t).getPropertyValue("--f-thumb-height"))||40)}refreshModern(){var t;if("modern"===this.type){this.updateModern();for(const t of this.instance.slides||[])this.resizeModernSlide(t);this.onTransformM(),null===(t=this.panzoom)||void 0===t||t.updateMetrics(!0),this.centerModern(0)}}centerModern(t){const i=this.instance,{container:n,panzoom:s}=this;if(!n||!s||s.state===b.Init)return;const o=i.page;let a=this.getModernThumbPos(o),r=a;for(let t=i.page-3;t<i.page+3;t++){if(t<0||t>i.pages.length-1||t===i.page)continue;const e=1-Math.abs(i.getProgress(t));e>0&&e<1&&(r+=e*(this.getModernThumbPos(t)-a))}let l=100;void 0===t&&(t=.2,i.inTransition.size>0&&(t=.12),Math.abs(-1*s.current.e-r)>s.containerRect.width&&(t=.5,l=0)),s.options.maxVelocity=l,s.applyChange({panX:e(-1*r-s.target.e,1e3),friction:null===i.prevPage?0:t})}lazyLoadModern(){const{instance:t,panzoom:e}=this;if(!e)return;const i=-1*e.current.e||0;let n=this.getModernThumbPos(t.page);if(e.state!==b.Init||0===n)for(const n of t.slides||[]){const t=n.thumbSlideEl;if(!t)continue;const o=t.querySelector("img[data-lazy-src]"),a=n.index,r=this.getModernThumbPos(a),l=i-.5*e.containerRect.innerWidth,c=l+e.containerRect.innerWidth;if(!o||r<l||r>c)continue;let h=o.dataset.lazySrc;if(!h||!h.length)continue;if(delete o.dataset.lazySrc,o.src=h,o.complete)continue;P(t,this.cn("isLoading"));const d=s(x);t.appendChild(d),o.addEventListener("load",(()=>{t.offsetParent&&(t.classList.remove(this.cn("isLoading")),d.remove())}),!1)}}resizeModernSlide(t){if("modern"!==this.type)return;if(!t.thumbSlideEl)return;const e=t.thumbClipWidth&&t.thumbHeight?Math.round(this.thumbHeight*(t.thumbClipWidth/t.thumbHeight)):this.thumbWidth;t.thumbWidth=e}getModernThumbPos(t){const i=this.instance.slides[t],n=this.panzoom;if(!n||!n.contentRect.fitWidth)return 0;let s=n.containerRect.innerWidth,o=n.contentRect.width;2===this.instance.slides.length&&(t-=1,o=2*this.thumbClipWidth);let a=t*(this.thumbClipWidth+this.thumbGap)+this.thumbExtraGap+.5*(i.thumbWidth||0);return a-=o>s?.5*s:.5*o,e(a||0,1)}build(){const t=this.instance,e=t.container,i=this.option("minCount")||0;if(i){let e=0;for(const i of t.slides||[])i.thumbSrc&&e++;if(e<i)return this.cleanup(),void(this.state=vt.Disabled)}const n=this.option("type");if(["modern","classic"].indexOf(n)<0)return void(this.state=vt.Disabled);this.type=n;const s=document.createElement("div");P(s,this.cn("container")),P(s,`is-${n}`);const o=this.option("parentEl");o?o.appendChild(s):e.after(s),this.container=s,P(e,this.cn("hasThumbs"));const a=document.createElement("div");P(a,this.cn("track")),s.appendChild(a),this.track=a,"classic"===n?this.buildClassic():this.buildModern(),this.state=vt.Ready,s.addEventListener("click",(e=>{setTimeout((()=>{var e;null===(e=null==s?void 0:s.querySelector(`[data-carousel-index="${t.page}"]`))||void 0===e||e.focus()}),100)}))}cleanup(){this.carousel&&this.carousel.destroy(),this.carousel=null,this.panzoom&&this.panzoom.destroy(),this.panzoom=null,this.container&&this.container.remove(),this.container=null,this.track=null,this.state=vt.Init,S(this.instance.container,this.cn("hasThumbs"))}attach(){const t=this,e=t.instance;e.on("initSlide",t.onInitSlide),e.state===j.Init?e.on("initSlides",t.onInitSlides):t.onInitSlides(),e.on("Panzoom.afterTransform",t.onTransformM),e.on("Panzoom.refresh",t.onRefreshM),e.on("change",t.onChangeM)}detach(){const t=this,e=t.instance;e.off("initSlide",t.onInitSlide),e.off("initSlides",t.onInitSlides),e.off("Panzoom.afterTransform",t.onTransformM),e.off("Panzoom.refresh",t.onRefreshM),e.off("change",t.onChangeM),t.cleanup()}};Object.defineProperty(yt,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:bt});const wt=Object.assign(Object.assign({},bt),{key:"t",showOnStart:!0,parentEl:null}),xt="is-masked",Et="aria-hidden";class St extends N{constructor(){super(...arguments),Object.defineProperty(this,"ref",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"hidden",{enumerable:!0,configurable:!0,writable:!0,value:!1})}get isEnabled(){const t=this.ref;return t&&t.state!==vt.Disabled}get isHidden(){return this.hidden}onInit(){var t;const e=this,i=e.instance,n=i.carousel;if(e.ref||!n)return;const s=e.option("parentEl")||i.footer||i.container;if(!s)return;const o=p({},e.options,{parentEl:s,classes:{container:"f-thumbs fancybox__thumbs"},Carousel:{Sync:{friction:i.option("Carousel.friction")||0}},on:{ready:t=>{const i=t.container;i&&this.hidden&&(e.refresh(),i.style.transition="none",e.hide(),i.offsetHeight,queueMicrotask((()=>{i.style.transition="",e.show()})))}}});o.Carousel=o.Carousel||{},o.Carousel.on=p((null===(t=e.options.Carousel)||void 0===t?void 0:t.on)||{},{click:(t,e)=>{e.stopPropagation()}}),n.options.Thumbs=o,n.attachPlugins({Thumbs:yt}),e.ref=n.plugins.Thumbs,e.option("showOnStart")||(e.ref.state=vt.Hidden,e.hidden=!0)}onResize(){var t;const e=null===(t=this.ref)||void 0===t?void 0:t.container;e&&(e.style.maxHeight="")}onKeydown(t,e){const i=this.option("key");i&&i===e&&this.toggle()}toggle(){const t=this.ref;t&&t.state!==vt.Disabled&&(t.state!==vt.Hidden?this.hidden?this.show():this.hide():t.build())}show(){const t=this.ref,e=t&&t.state!==vt.Disabled&&t.container;e&&(this.refresh(),e.offsetHeight,e.removeAttribute(Et),e.classList.remove(xt),this.hidden=!1)}hide(){const t=this.ref,e=t&&t.container;e&&(this.refresh(),e.offsetHeight,e.classList.add(xt),e.setAttribute(Et,"true")),this.hidden=!0}refresh(){const t=this.ref;if(!t||t.state===vt.Disabled)return;const e=t.container,i=(null==e?void 0:e.firstChild)||null;e&&i&&i.childNodes.length&&(e.style.maxHeight=`${i.getBoundingClientRect().height}px`)}attach(){const t=this,e=t.instance;e.state===it.Init?e.on("Carousel.init",t.onInit):t.onInit(),e.on("resize",t.onResize),e.on("keydown",t.onKeydown)}detach(){var t;const e=this,i=e.instance;i.off("Carousel.init",e.onInit),i.off("resize",e.onResize),i.off("keydown",e.onKeydown),null===(t=i.carousel)||void 0===t||t.detachPlugins(["Thumbs"]),e.ref=null}}Object.defineProperty(St,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:wt});const Pt={panLeft:{icon:'<svg><path d="M5 12h14M5 12l6 6M5 12l6-6"/></svg>',change:{panX:-100}},panRight:{icon:'<svg><path d="M5 12h14M13 18l6-6M13 6l6 6"/></svg>',change:{panX:100}},panUp:{icon:'<svg><path d="M12 5v14M18 11l-6-6M6 11l6-6"/></svg>',change:{panY:-100}},panDown:{icon:'<svg><path d="M12 5v14M18 13l-6 6M6 13l6 6"/></svg>',change:{panY:100}},zoomIn:{icon:'<svg><circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.35-4.35M11 8v6M8 11h6"/></svg>',action:"zoomIn"},zoomOut:{icon:'<svg><circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.35-4.35M8 11h6"/></svg>',action:"zoomOut"},toggle1to1:{icon:'<svg><path d="M3.51 3.07c5.74.02 11.48-.02 17.22.02 1.37.1 2.34 1.64 2.18 3.13 0 4.08.02 8.16 0 12.23-.1 1.54-1.47 2.64-2.79 2.46-5.61-.01-11.24.02-16.86-.01-1.36-.12-2.33-1.65-2.17-3.14 0-4.07-.02-8.16 0-12.23.1-1.36 1.22-2.48 2.42-2.46Z"/><path d="M5.65 8.54h1.49v6.92m8.94-6.92h1.49v6.92M11.5 9.4v.02m0 5.18v0"/></svg>',action:"toggleZoom"},toggleZoom:{icon:'<svg><g><line x1="11" y1="8" x2="11" y2="14"></line></g><circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.35-4.35M8 11h6"/></svg>',action:"toggleZoom"},iterateZoom:{icon:'<svg><g><line x1="11" y1="8" x2="11" y2="14"></line></g><circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.35-4.35M8 11h6"/></svg>',action:"iterateZoom"},rotateCCW:{icon:'<svg><path d="M15 4.55a8 8 0 0 0-6 14.9M9 15v5H4M18.37 7.16v.01M13 19.94v.01M16.84 18.37v.01M19.37 15.1v.01M19.94 11v.01"/></svg>',action:"rotateCCW"},rotateCW:{icon:'<svg><path d="M9 4.55a8 8 0 0 1 6 14.9M15 15v5h5M5.63 7.16v.01M4.06 11v.01M4.63 15.1v.01M7.16 18.37v.01M11 19.94v.01"/></svg>',action:"rotateCW"},flipX:{icon:'<svg style="stroke-width: 1.3"><path d="M12 3v18M16 7v10h5L16 7M8 7v10H3L8 7"/></svg>',action:"flipX"},flipY:{icon:'<svg style="stroke-width: 1.3"><path d="M3 12h18M7 16h10L7 21v-5M7 8h10L7 3v5"/></svg>',action:"flipY"},fitX:{icon:'<svg><path d="M4 12V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6M10 18H3M21 18h-7M6 15l-3 3 3 3M18 15l3 3-3 3"/></svg>',action:"fitX"},fitY:{icon:'<svg><path d="M12 20H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6M18 14v7M18 3v7M15 18l3 3 3-3M15 6l3-3 3 3"/></svg>',action:"fitY"},reset:{icon:'<svg><path d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/></svg>',action:"reset"},toggleFS:{icon:'<svg><g><path d="M14.5 9.5 21 3m0 0h-6m6 0v6M3 21l6.5-6.5M3 21v-6m0 6h6"/></g><g><path d="m14 10 7-7m-7 7h6m-6 0V4M3 21l7-7m0 0v6m0-6H4"/></g></svg>',action:"toggleFS"}};var Ct;!function(t){t[t.Init=0]="Init",t[t.Ready=1]="Ready",t[t.Disabled=2]="Disabled"}(Ct||(Ct={}));const Mt={absolute:"auto",display:{left:["infobar"],middle:[],right:["iterateZoom","slideshow","fullscreen","thumbs","close"]},enabled:"auto",items:{infobar:{tpl:'<div class="fancybox__infobar" tabindex="-1"><span data-fancybox-current-index></span>/<span data-fancybox-count></span></div>'},download:{tpl:'<a class="f-button" title="{{DOWNLOAD}}" data-fancybox-download href="javasript:;"><svg><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5 5-5M12 4v12"/></svg></a>'},prev:{tpl:'<button class="f-button" title="{{PREV}}" data-fancybox-prev><svg><path d="m15 6-6 6 6 6"/></svg></button>'},next:{tpl:'<button class="f-button" title="{{NEXT}}" data-fancybox-next><svg><path d="m9 6 6 6-6 6"/></svg></button>'},slideshow:{tpl:'<button class="f-button" title="{{TOGGLE_SLIDESHOW}}" data-fancybox-toggle-slideshow><svg><g><path d="M8 4v16l13 -8z"></path></g><g><path d="M8 4v15M17 4v15"/></g></svg></button>'},fullscreen:{tpl:'<button class="f-button" title="{{TOGGLE_FULLSCREEN}}" data-fancybox-toggle-fullscreen><svg><g><path d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2M16 4h2a2 2 0 0 1 2 2v2M16 20h2a2 2 0 0 0 2-2v-2"/></g><g><path d="M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5"/></g></svg></button>'},thumbs:{tpl:'<button class="f-button" title="{{TOGGLE_THUMBS}}" data-fancybox-toggle-thumbs><svg><circle cx="5.5" cy="5.5" r="1"/><circle cx="12" cy="5.5" r="1"/><circle cx="18.5" cy="5.5" r="1"/><circle cx="5.5" cy="12" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="18.5" cy="12" r="1"/><circle cx="5.5" cy="18.5" r="1"/><circle cx="12" cy="18.5" r="1"/><circle cx="18.5" cy="18.5" r="1"/></svg></button>'},close:{tpl:'<button class="f-button" title="{{CLOSE}}" data-fancybox-close><svg><path d="m19.5 4.5-15 15M4.5 4.5l15 15"/></svg></button>'}},parentEl:null},Tt={tabindex:"-1",width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};class Ot extends N{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:Ct.Init}),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:null})}onReady(t){var e;if(!t.carousel)return;let i=this.option("display"),n=this.option("absolute"),s=this.option("enabled");if("auto"===s){const t=this.instance.carousel;let e=0;if(t)for(const i of t.slides)(i.panzoom||"image"===i.type)&&e++;e||(s=!1)}s||(i=void 0);let o=0;const a={left:[],middle:[],right:[]};if(i)for(const t of["left","middle","right"])for(const n of i[t]){const i=this.createEl(n);i&&(null===(e=a[t])||void 0===e||e.push(i),o++)}let r=null;if(o&&(r=this.createContainer()),r){for(const[t,e]of Object.entries(a)){const i=document.createElement("div");P(i,"fancybox__toolbar__column is-"+t);for(const t of e)i.appendChild(t);"auto"!==n||"middle"!==t||e.length||(n=!0),r.appendChild(i)}!0===n&&P(r,"is-absolute"),this.state=Ct.Ready,this.onRefresh()}else this.state=Ct.Disabled}onClick(t){var e,i;const n=this.instance,s=n.getSlide(),o=null==s?void 0:s.panzoom,a=t.target,r=a&&E(a)?a.dataset:null;if(!r)return;if(void 0!==r.fancyboxToggleThumbs)return t.preventDefault(),t.stopPropagation(),void(null===(e=n.plugins.Thumbs)||void 0===e||e.toggle());if(void 0!==r.fancyboxToggleFullscreen)return t.preventDefault(),t.stopPropagation(),void this.instance.toggleFullscreen();if(void 0!==r.fancyboxToggleSlideshow){t.preventDefault(),t.stopPropagation();const e=null===(i=n.carousel)||void 0===i?void 0:i.plugins.Autoplay;let s=e.isActive;return o&&"mousemove"===o.panMode&&!s&&o.reset(),void(s?e.stop():e.start())}const l=r.panzoomAction,c=r.panzoomChange;if((c||l)&&(t.preventDefault(),t.stopPropagation()),c){let t={};try{t=JSON.parse(c)}catch(t){}o&&o.applyChange(t)}else l&&o&&o[l]&&o[l]()}onChange(){this.onRefresh()}onRefresh(){if(this.instance.isClosing())return;const t=this.container;if(!t)return;const e=this.instance.getSlide();if(!e||e.state!==nt.Ready)return;const i=e&&!e.error&&e.panzoom;for(const e of t.querySelectorAll("[data-panzoom-action]"))i?(e.removeAttribute("disabled"),e.removeAttribute("tabindex")):(e.setAttribute("disabled",""),e.setAttribute("tabindex","-1"));let n=i&&i.canZoomIn(),s=i&&i.canZoomOut();for(const e of t.querySelectorAll('[data-panzoom-action="zoomIn"]'))n?(e.removeAttribute("disabled"),e.removeAttribute("tabindex")):(e.setAttribute("disabled",""),e.setAttribute("tabindex","-1"));for(const e of t.querySelectorAll('[data-panzoom-action="zoomOut"]'))s?(e.removeAttribute("disabled"),e.removeAttribute("tabindex")):(e.setAttribute("disabled",""),e.setAttribute("tabindex","-1"));for(const e of t.querySelectorAll('[data-panzoom-action="toggleZoom"],[data-panzoom-action="iterateZoom"]')){s||n?(e.removeAttribute("disabled"),e.removeAttribute("tabindex")):(e.setAttribute("disabled",""),e.setAttribute("tabindex","-1"));const t=e.querySelector("g");t&&(t.style.display=n?"":"none")}}onDone(t,e){var i;null===(i=e.panzoom)||void 0===i||i.on("afterTransform",(()=>{this.instance.isCurrentSlide(e)&&this.onRefresh()})),this.instance.isCurrentSlide(e)&&this.onRefresh()}createContainer(){const t=this.instance.container;if(!t)return null;const e=this.option("parentEl")||t,i=document.createElement("div");return P(i,"fancybox__toolbar"),e.prepend(i),i.addEventListener("click",this.onClick,{passive:!1,capture:!0}),t&&P(t,"has-toolbar"),this.container=i,i}createEl(t){const e=this.instance,i=e.carousel;if(!i)return null;if("toggleFS"===t)return null;if("fullscreen"===t&&!e.fsAPI)return null;let n=null;const o=i.slides.length||0;let a=0,r=0;for(const t of i.slides)(t.panzoom||"image"===t.type)&&a++,("image"===t.type||t.downloadSrc)&&r++;if(o<2&&["infobar","prev","next"].includes(t))return n;if(void 0!==Pt[t]&&!a)return null;if("download"===t&&!r)return null;if("thumbs"===t){const t=e.plugins.Thumbs;if(!t||!t.isEnabled)return null}if("slideshow"===t){if(!i.plugins.Autoplay||o<2)return null}if(void 0!==Pt[t]){const e=Pt[t];n=document.createElement("button"),n.setAttribute("title",this.instance.localize(`{{${t.toUpperCase()}}}`)),P(n,"f-button"),e.action&&(n.dataset.panzoomAction=e.action),e.change&&(n.dataset.panzoomChange=JSON.stringify(e.change)),n.appendChild(s(this.instance.localize(e.icon)))}else{const e=(this.option("items")||[])[t];e&&(n=s(this.instance.localize(e.tpl)),"function"==typeof e.click&&n.addEventListener("click",(t=>{t.preventDefault(),t.stopPropagation(),"function"==typeof e.click&&e.click.call(this,this,t)})))}const l=null==n?void 0:n.querySelector("svg");if(l)for(const[t,e]of Object.entries(Tt))l.getAttribute(t)||l.setAttribute(t,String(e));return n}removeContainer(){const t=this.container;t&&t.remove(),this.container=null,this.state=Ct.Disabled;const e=this.instance.container;e&&S(e,"has-toolbar")}attach(){const t=this,e=t.instance;e.on("Carousel.initSlides",t.onReady),e.on("done",t.onDone),e.on("reveal",t.onChange),e.on("Carousel.change",t.onChange),t.onReady(t.instance)}detach(){const t=this,e=t.instance;e.off("Carousel.initSlides",t.onReady),e.off("done",t.onDone),e.off("reveal",t.onChange),e.off("Carousel.change",t.onChange),t.removeContainer()}}Object.defineProperty(Ot,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:Mt});const At={Hash:ot,Html:dt,Images:rt,Slideshow:gt,Thumbs:St,Toolbar:Ot},zt="with-fancybox",Lt="hide-scrollbar",Rt="--fancybox-scrollbar-compensate",kt="--fancybox-body-margin",It="is-animated",Dt="is-compact",Ft="is-loading",jt=function(){var t=window.getSelection();return t&&"Range"===t.type};let Ht=null,Bt=null;const Nt=new Map;let _t=0;class Wt extends g{get isIdle(){return this.idle}get isCompact(){return this.option("compact")}constructor(t=[],e={},i={}){super(e),Object.defineProperty(this,"userSlides",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"userPlugins",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"idle",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"idleTimer",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"clickTimer",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"pwt",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"ignoreFocusChange",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:it.Init}),Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"footer",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"caption",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"carousel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"lastFocus",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"prevMouseMoveEvent",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"fsAPI",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.fsAPI=(()=>{let t,e="",i="",n="";return document.fullscreenEnabled?(e="requestFullscreen",i="exitFullscreen",n="fullscreenElement"):document.webkitFullscreenEnabled&&(e="webkitRequestFullscreen",i="webkitExitFullscreen",n="webkitFullscreenElement"),e&&(t={request:function(t){return"webkitRequestFullscreen"===e?t[e](Element.ALLOW_KEYBOARD_INPUT):t[e]()},exit:function(){return document[n]&&document[i]()},isFullscreen:function(){return document[n]}}),t})(),this.id=e.id||++_t,Nt.set(this.id,this),this.userSlides=t,this.userPlugins=i,queueMicrotask((()=>{this.init()}))}init(){if(this.state===it.Destroy)return;this.state=it.Init,this.attachPlugins(Object.assign(Object.assign({},Wt.Plugins),this.userPlugins)),this.emit("init"),!0===this.option("hideScrollbar")&&(()=>{if(!K)return;const t=document.body;if(t.classList.contains(Lt))return;let e=window.innerWidth-document.documentElement.getBoundingClientRect().width;e<0&&(e=0);const i=t.currentStyle||window.getComputedStyle(t),n=parseFloat(i.marginRight);document.documentElement.style.setProperty(Rt,`${e}px`),n&&t.style.setProperty(kt,`${n}px`),t.classList.add(Lt)})(),this.initLayout(),this.scale();const t=()=>{this.initCarousel(this.userSlides),this.state=it.Ready,this.attachEvents(),this.emit("ready"),setTimeout((()=>{this.container&&this.container.setAttribute("aria-hidden","false")}),16)},e=this.fsAPI;this.option("Fullscreen.autoStart")&&e&&!e.isFullscreen()?e.request(this.container).then((()=>t())).catch((()=>t())):t()}initLayout(){var t,e;const i=this.option("parentEl")||document.body,n=s(this.localize(this.option("tpl.main")||""));n&&(n.setAttribute("id",`fancybox-${this.id}`),n.setAttribute("aria-label",this.localize("{{MODAL}}")),n.classList.toggle(Dt,this.isCompact),P(n,this.option("mainClass")||""),this.container=n,this.footer=n.querySelector(".fancybox__footer"),i.appendChild(n),P(document.documentElement,zt),Ht&&Bt||(Ht=document.createElement("span"),P(Ht,"fancybox-focus-guard"),Ht.setAttribute("tabindex","0"),Ht.setAttribute("aria-hidden","true"),Ht.setAttribute("aria-label","Focus guard"),Bt=Ht.cloneNode(),null===(t=n.parentElement)||void 0===t||t.insertBefore(Ht,n),null===(e=n.parentElement)||void 0===e||e.append(Bt)),this.option("animated")&&(P(n,It),setTimeout((()=>{this.isClosing()||S(n,It)}),350)),this.emit("initLayout"))}initCarousel(t){const e=this.container;if(!e)return;const n=e.querySelector(".fancybox__carousel");if(!n)return;const s=this.carousel=new U(n,p({},{slides:t,transition:"fade",Panzoom:{lockAxis:this.option("dragToClose")?"xy":"x",infinite:!!this.option("dragToClose")&&"y"},Dots:!1,Navigation:{classes:{container:"fancybox__nav",button:"f-button",isNext:"is-next",isPrev:"is-prev"}},initialPage:this.option("startIndex"),l10n:this.option("l10n")},this.option("Carousel")||{}));s.on("*",((t,e,...i)=>{this.emit(`Carousel.${e}`,t,...i)})),s.on(["ready","change"],(()=>{var t;const e=this.getSlide();e&&(null===(t=e.panzoom)||void 0===t||t.updateControls()),this.manageCaption(e)})),this.on("Carousel.removeSlide",((t,e,i)=>{i.contentEl&&(i.contentEl.remove(),i.contentEl=void 0);const n=i.el;n&&(S(n,"has-error"),S(n,"has-unknown"),S(n,`has-${i.type||"unknown"}`)),i.closeBtnEl&&i.closeBtnEl.remove(),i.closeBtnEl=void 0,i.captionEl&&i.captionEl.remove(),i.captionEl=void 0,i.spinnerEl&&i.spinnerEl.remove(),i.spinnerEl=void 0,i.state=void 0})),s.on("Panzoom.touchStart",(()=>{this.isCompact||this.endIdle()})),s.on("settle",(()=>{this.idleTimer||this.isCompact||!this.option("idle")||this.setIdle(),this.option("autoFocus")&&this.checkFocus()})),this.option("dragToClose")&&(s.on("Panzoom.afterTransform",((t,e)=>{const n=this.getSlide();if(n&&i(n.el))return;const s=this.container;if(s){const t=Math.abs(e.current.f),i=t<1?"":Math.max(.5,Math.min(1,1-t/e.contentRect.fitHeight*1.5));s.style.setProperty("--fancybox-ts",i?"0s":""),s.style.setProperty("--fancybox-opacity",i+"")}})),s.on("Panzoom.touchEnd",((t,e,n)=>{var s;const o=this.getSlide();if(o&&i(o.el))return;if(e.isMobile&&document.activeElement&&-1!==["TEXTAREA","INPUT"].indexOf(null===(s=document.activeElement)||void 0===s?void 0:s.nodeName))return;const a=Math.abs(e.dragOffset.y);"y"===e.lockedAxis&&(a>=200||a>=50&&e.dragOffset.time<300)&&(n&&n.cancelable&&n.preventDefault(),this.close(n,"f-throwOut"+(e.current.f<0?"Up":"Down")))}))),s.on("change",(t=>{var e;let i=null===(e=this.getSlide())||void 0===e?void 0:e.triggerEl;if(i){const e=new CustomEvent("slideTo",{bubbles:!0,cancelable:!0,detail:t.page});i.dispatchEvent(e)}})),s.on(["refresh","change"],(t=>{const e=this.container;if(!e)return;for(const i of e.querySelectorAll("[data-fancybox-current-index]"))i.innerHTML=t.page+1;for(const i of e.querySelectorAll("[data-fancybox-count]"))i.innerHTML=t.pages.length;if(!t.isInfinite){for(const i of e.querySelectorAll("[data-fancybox-next]"))t.page<t.pages.length-1?(i.removeAttribute("disabled"),i.removeAttribute("tabindex")):(i.setAttribute("disabled",""),i.setAttribute("tabindex","-1"));for(const i of e.querySelectorAll("[data-fancybox-prev]"))t.page>0?(i.removeAttribute("disabled"),i.removeAttribute("tabindex")):(i.setAttribute("disabled",""),i.setAttribute("tabindex","-1"))}const i=this.getSlide();if(!i)return;let n=i.downloadSrc||"";n||"image"!==i.type||i.error||"string"!=typeof i.src||(n=i.src);const s="disabled",o="tabindex",a="download",r="href";for(const t of e.querySelectorAll("[data-fancybox-download]")){const e=i.downloadFilename;n?(t.removeAttribute(s),t.removeAttribute(o),t.setAttribute(r,n),t.setAttribute(a,e||n),t.setAttribute("target","_blank")):(t.setAttribute(s,""),t.setAttribute(o,"-1"),t.removeAttribute(r),t.removeAttribute(a))}})),this.emit("initCarousel")}attachEvents(){const t=this,e=t.container;if(!e)return;e.addEventListener("click",t.onClick,{passive:!1,capture:!1}),e.addEventListener("wheel",t.onWheel,{passive:!1,capture:!1}),document.addEventListener("keydown",t.onKeydown,{passive:!1,capture:!0}),document.addEventListener("visibilitychange",t.onVisibilityChange,!1),document.addEventListener("mousemove",t.onMousemove),t.option("trapFocus")&&document.addEventListener("focus",t.onFocus,!0),window.addEventListener("resize",t.onResize);const i=window.visualViewport;i&&(i.addEventListener("scroll",t.onResize),i.addEventListener("resize",t.onResize))}detachEvents(){const t=this,e=t.container;if(!e)return;document.removeEventListener("keydown",t.onKeydown,{passive:!1,capture:!0}),e.removeEventListener("wheel",t.onWheel,{passive:!1,capture:!1}),e.removeEventListener("click",t.onClick,{passive:!1,capture:!1}),document.removeEventListener("mousemove",t.onMousemove),window.removeEventListener("resize",t.onResize);const i=window.visualViewport;i&&(i.removeEventListener("resize",t.onResize),i.removeEventListener("scroll",t.onResize)),document.removeEventListener("visibilitychange",t.onVisibilityChange,!1),document.removeEventListener("focus",t.onFocus,!0)}scale(){const t=this.container;if(!t)return;const e=window.visualViewport,i=Math.max(1,(null==e?void 0:e.scale)||1);let n="",s="",o="";if(e&&i>1){let t=`${e.offsetLeft}px`,a=`${e.offsetTop}px`;n=e.width*i+"px",s=e.height*i+"px",o=`translate3d(${t}, ${a}, 0) scale(${1/i})`}t.style.transform=o,t.style.width=n,t.style.height=s}onClick(t){var e,i;const{container:n,isCompact:s}=this;if(!n||this.isClosing())return;!s&&this.option("idle")&&this.resetIdle();const o=document.activeElement;if(jt()&&o&&n.contains(o))return;const a=t.composedPath()[0];if(a===(null===(e=this.carousel)||void 0===e?void 0:e.container))return;if(a.closest(".f-spinner")||a.closest("[data-fancybox-close]"))return t.preventDefault(),void this.close(t);if(a.closest("[data-fancybox-prev]"))return t.preventDefault(),void this.prev();if(a.closest("[data-fancybox-next]"))return t.preventDefault(),void this.next();if(s&&"image"===(null===(i=this.getSlide())||void 0===i?void 0:i.type))return void(this.clickTimer?(clearTimeout(this.clickTimer),this.clickTimer=null):this.clickTimer=setTimeout((()=>{this.toggleIdle(),this.clickTimer=null}),350));if(this.emit("click",t),t.defaultPrevented)return;let r=!1;if(a.closest(".fancybox__content")){if(o){if(o.closest("[contenteditable]"))return;a.matches(Q)||o.blur()}if(jt())return;r=this.option("contentClick")}else a.closest(".fancybox__carousel")&&!a.matches(Q)&&(r=this.option("backdropClick"));"close"===r?(t.preventDefault(),this.close(t)):"next"===r?(t.preventDefault(),this.next()):"prev"===r&&(t.preventDefault(),this.prev())}onWheel(t){var e;let i=this.option("wheel",t);(null===(e=t.target)||void 0===e?void 0:e.closest(".fancybox__thumbs"))&&(i="slide");const n="slide"===i,s=[-t.deltaX||0,-t.deltaY||0,-t.detail||0].reduce((function(t,e){return Math.abs(e)>Math.abs(t)?e:t})),o=Math.max(-1,Math.min(1,s)),a=Date.now();this.pwt&&a-this.pwt<300?n&&t.preventDefault():(this.pwt=a,this.emit("wheel",t),t.defaultPrevented||("close"===i?(t.preventDefault(),this.close(t)):"slide"===i&&(t.preventDefault(),this[o>0?"prev":"next"]())))}onKeydown(t){if(!this.isTopmost())return;this.isCompact||!this.option("idle")||this.isClosing()||this.resetIdle();const e=t.key,i=this.option("keyboard");if(!i||t.ctrlKey||t.altKey||t.shiftKey)return;const n=t.composedPath()[0],s=document.activeElement&&document.activeElement.classList,o=s&&s.contains("f-button")||n.dataset.carouselPage||n.dataset.carouselIndex;if("Escape"!==e&&!o&&E(n)){if(n.isContentEditable||-1!==["TEXTAREA","OPTION","INPUT","SELECT","VIDEO"].indexOf(n.nodeName))return}this.emit("keydown",e,t);const a=i[e];"function"==typeof this[a]&&(t.preventDefault(),this[a]())}onResize(){const t=Dt,e=this.container;if(!e)return;const i=this.isCompact;e.classList.toggle(t,i),this.manageCaption(this.getSlide()),this.isCompact?this.clearIdle():this.endIdle(),this.scale(),this.emit("resize")}onFocus(t){this.isTopmost()&&this.checkFocus(t)}onMousemove(t){this.prevMouseMoveEvent=t,!this.isCompact&&this.option("idle")&&this.resetIdle()}onVisibilityChange(){"visible"===document.visibilityState?this.checkFocus():this.endIdle()}manageCloseBtn(t){const e=this.optionFor(t,"closeButton")||!1;if("auto"===e){const t=this.plugins.Toolbar;if(t&&t.state===Ct.Ready)return}if(!e)return;if(!t.contentEl||t.closeBtnEl)return;const i=this.option("tpl.closeButton");if(i){const e=s(this.localize(i));t.closeBtnEl=t.contentEl.appendChild(e),t.el&&P(t.el,"has-close-btn")}}manageCaption(t=void 0){var e,i;const n="fancybox__caption",s="has-caption",o=this.container;if(!o)return;const a=this.isCompact||this.option("commonCaption"),r=!a;if(this.caption&&this.stop(this.caption),r&&this.caption&&(this.caption.remove(),this.caption=null),a&&!this.caption)for(const t of(null===(e=this.carousel)||void 0===e?void 0:e.slides)||[])t.captionEl&&(t.captionEl.remove(),t.captionEl=void 0,S(t.el,s),null===(i=t.el)||void 0===i||i.removeAttribute("aria-labelledby"));if(t||(t=this.getSlide()),!t||a&&!this.isCurrentSlide(t))return;const l=t.el;let c=this.optionFor(t,"caption","");if("string"!=typeof c||!c.length)return void(a&&this.caption&&this.animate(this.caption,"f-fadeOut",(()=>{this.caption&&(this.caption.innerHTML="")})));let h=null;if(r){if(h=t.captionEl||null,l&&!h){const e=n+`_${this.id}_${t.index}`;h=document.createElement("div"),P(h,n),h.setAttribute("id",e),t.captionEl=l.appendChild(h),P(l,s),l.setAttribute("aria-labelledby",e)}}else{if(h=this.caption,h||(h=o.querySelector("."+n)),!h){h=document.createElement("div"),h.dataset.fancyboxCaption="",P(h,n),h.innerHTML=c;(this.footer||o).prepend(h)}P(o,s),this.caption=h}h&&(h.innerHTML=c)}checkFocus(t){var e;const i=document.activeElement||null;i&&(null===(e=this.container)||void 0===e?void 0:e.contains(i))||this.focus(t)}focus(t){var e;if(this.ignoreFocusChange)return;const i=document.activeElement||null,n=(null==t?void 0:t.target)||null,s=this.container,o=this.getSlide();if(!s||!(null===(e=this.carousel)||void 0===e?void 0:e.viewport))return;if(!t&&i&&s.contains(i))return;const a=o&&o.state===nt.Ready?o.el:null;if(!a||a.contains(i)||s===i)return;t&&t.cancelable&&t.preventDefault(),this.ignoreFocusChange=!0;const r=Array.from(s.querySelectorAll(Q));let l=[],c=null;for(let t of r){const e=!t.offsetParent||t.closest('[aria-hidden="true"]'),i=a&&a.contains(t),n=!this.carousel.viewport.contains(t);if(t===s||(i||n)&&!e){l.push(t);const e=t.dataset.origTabindex;void 0!==e&&e&&(t.tabIndex=parseFloat(e)),t.removeAttribute("data-orig-tabindex"),!t.hasAttribute("autoFocus")&&c||(c=t)}else{const e=void 0===t.dataset.origTabindex?t.getAttribute("tabindex")||"":t.dataset.origTabindex;e&&(t.dataset.origTabindex=e),t.tabIndex=-1}}let h=null;t?(!n||l.indexOf(n)<0)&&(h=c||s,l.length&&(i===Bt?h=l[0]:this.lastFocus!==s&&i!==Ht||(h=l[l.length-1]))):h=o&&"image"===o.type?s:c||s,h&&tt(h),this.lastFocus=document.activeElement,this.ignoreFocusChange=!1}next(){const t=this.carousel;t&&t.pages.length>1&&t.slideNext()}prev(){const t=this.carousel;t&&t.pages.length>1&&t.slidePrev()}jumpTo(...t){this.carousel&&this.carousel.slideTo(...t)}isTopmost(){var t;return(null===(t=Wt.getInstance())||void 0===t?void 0:t.id)==this.id}animate(t=null,e="",i){if(!t||!e)return void(i&&i());this.stop(t);const n=s=>{s.target===t&&t.dataset.animationName&&(t.removeEventListener("animationend",n),delete t.dataset.animationName,i&&i(),S(t,e))};t.dataset.animationName=e,t.addEventListener("animationend",n),P(t,e)}stop(t){t&&t.dispatchEvent(new CustomEvent("animationend",{bubbles:!1,cancelable:!0,currentTarget:t}))}setContent(t,e="",i=!0){if(this.isClosing())return;const n=t.el;if(!n)return;let o=null;if(E(e)?o=e:(o=s(e+""),E(o)||(o=document.createElement("div"),o.innerHTML=e+"")),["img","picture","iframe","video","audio"].includes(o.nodeName.toLowerCase())){const t=document.createElement("div");t.appendChild(o),o=t}E(o)&&t.filter&&!t.error&&(o=o.querySelector(t.filter)),o&&E(o)?(P(o,"fancybox__content"),t.id&&o.setAttribute("id",t.id),"none"!==o.style.display&&"none"!==getComputedStyle(o).getPropertyValue("display")||(o.style.display=t.display||this.option("defaultDisplay")||"flex"),n.classList.add(`has-${t.error?"error":t.type||"unknown"}`),n.prepend(o),t.contentEl=o,i&&this.revealContent(t),this.manageCloseBtn(t),this.manageCaption(t)):this.setError(t,"{{ELEMENT_NOT_FOUND}}")}revealContent(t,e){const i=t.el,n=t.contentEl;i&&n&&(this.emit("reveal",t),this.hideLoading(t),t.state=nt.Opening,(e=this.isOpeningSlide(t)?void 0===e?this.optionFor(t,"showClass"):e:"f-fadeIn")?this.animate(n,e,(()=>{this.done(t)})):this.done(t))}done(t){this.isClosing()||(t.state=nt.Ready,this.emit("done",t),P(t.el,"is-done"),this.isCurrentSlide(t)&&this.option("autoFocus")&&queueMicrotask((()=>{this.option("autoFocus")&&(this.option("autoFocus")?this.focus():this.checkFocus())})),this.isOpeningSlide(t)&&!this.isCompact&&this.option("idle")&&this.setIdle())}isCurrentSlide(t){const e=this.getSlide();return!(!t||!e)&&e.index===t.index}isOpeningSlide(t){var e,i;return null===(null===(e=this.carousel)||void 0===e?void 0:e.prevPage)&&t.index===(null===(i=this.getSlide())||void 0===i?void 0:i.index)}showLoading(t){t.state=nt.Loading;const e=t.el;if(!e)return;P(e,Ft),this.emit("loading",t),t.spinnerEl||setTimeout((()=>{if(!this.isClosing()&&!t.spinnerEl&&t.state===nt.Loading){let i=s(x);t.spinnerEl=i,e.prepend(i),this.animate(i,"f-fadeIn")}}),250)}hideLoading(t){const e=t.el;if(!e)return;const i=t.spinnerEl;this.isClosing()?null==i||i.remove():(S(e,Ft),i&&this.animate(i,"f-fadeOut",(()=>{i.remove()})),t.state===nt.Loading&&(this.emit("loaded",t),t.state=nt.Ready))}setError(t,e){if(this.isClosing())return;const i=new Event("error",{bubbles:!0,cancelable:!0});if(this.emit("error",i,t),i.defaultPrevented)return;t.error=e,this.hideLoading(t),this.clearContent(t);const n=document.createElement("div");n.classList.add("fancybox-error"),n.innerHTML=this.localize(e||"<p>{{ERROR}}</p>"),this.setContent(t,n)}clearContent(t){var e;null===(e=this.carousel)||void 0===e||e.emit("removeSlide",t)}getSlide(){var t;const e=this.carousel;return(null===(t=null==e?void 0:e.pages[null==e?void 0:e.page])||void 0===t?void 0:t.slides[0])||void 0}close(t,e){if(this.isClosing())return;const i=new Event("shouldClose",{bubbles:!0,cancelable:!0});if(this.emit("shouldClose",i,t),i.defaultPrevented)return;t&&t.cancelable&&(t.preventDefault(),t.stopPropagation());const n=this.fsAPI,s=()=>{this.proceedClose(t,e)};n&&n.isFullscreen()?Promise.resolve(n.exit()).then((()=>s())):s()}clearIdle(){this.idleTimer&&clearTimeout(this.idleTimer),this.idleTimer=null}setIdle(t=!1){const e=()=>{this.clearIdle(),this.idle=!0,P(this.container,"is-idle"),this.emit("setIdle")};if(this.clearIdle(),!this.isClosing())if(t)e();else{const t=this.option("idle");t&&(this.idleTimer=setTimeout(e,t))}}endIdle(){this.clearIdle(),this.idle&&!this.isClosing()&&(this.idle=!1,S(this.container,"is-idle"),this.emit("endIdle"))}resetIdle(){this.endIdle(),this.setIdle()}toggleIdle(){this.idle?this.endIdle():this.setIdle(!0)}toggleFullscreen(){const t=this.fsAPI;t&&(t.isFullscreen()?t.exit():this.container&&t.request(this.container))}isClosing(){return[it.Closing,it.CustomClosing,it.Destroy].includes(this.state)}proceedClose(t,e){var i,n;this.state=it.Closing,this.clearIdle(),this.detachEvents();const s=this.container,o=this.carousel,a=this.getSlide(),r=a&&this.option("placeFocusBack")?a.triggerEl||this.option("triggerEl"):null;if(r&&(G(r)?tt(r):r.focus()),s&&(P(s,"is-closing"),s.setAttribute("aria-hidden","true"),this.option("animated")&&P(s,It),s.style.pointerEvents="none"),o){o.clearTransitions(),null===(i=o.panzoom)||void 0===i||i.destroy(),null===(n=o.plugins.Navigation)||void 0===n||n.detach();for(const t of o.slides){t.state=nt.Closing,this.hideLoading(t);const e=t.contentEl;e&&this.stop(e);const i=null==t?void 0:t.panzoom;i&&(i.stop(),i.detachEvents(),i.detachObserver()),this.isCurrentSlide(t)||o.emit("removeSlide",t)}}this.emit("close",t),this.state!==it.CustomClosing?(void 0===e&&a&&(e=this.optionFor(a,"hideClass")),e&&a?(this.animate(a.contentEl,e,(()=>{o&&o.emit("removeSlide",a)})),setTimeout((()=>{this.destroy()}),500)):this.destroy()):setTimeout((()=>{this.destroy()}),500)}destroy(){var t;if(this.state===it.Destroy)return;this.state=it.Destroy,null===(t=this.carousel)||void 0===t||t.destroy();const e=this.container;e&&e.remove(),Nt.delete(this.id);const i=Wt.getInstance();i?i.focus():(Ht&&(Ht.remove(),Ht=null),Bt&&(Bt.remove(),Bt=null),S(document.documentElement,zt),(()=>{if(!K)return;const t=document,e=t.body;e.classList.remove(Lt),e.style.setProperty(kt,""),t.documentElement.style.setProperty(Rt,"")})(),this.emit("destroy"))}static bind(t,e,i){if(!K)return;let n,s="",o={};if(void 0===t?n=document.body:"string"==typeof t?(n=document.body,s=t,"object"==typeof e&&(o=e||{})):(n=t,"string"==typeof e&&(s=e),"object"==typeof i&&(o=i||{})),!n||!E(n))return;s=s||"[data-fancybox]";const a=Wt.openers.get(n)||new Map;a.set(s,o),Wt.openers.set(n,a),1===a.size&&n.addEventListener("click",Wt.fromEvent)}static unbind(t,e){let i,n="";if("string"==typeof t?(i=document.body,n=t):(i=t,"string"==typeof e&&(n=e)),!i)return;const s=Wt.openers.get(i);s&&n&&s.delete(n),n&&s||(Wt.openers.delete(i),i.removeEventListener("click",Wt.fromEvent))}static destroy(){let t;for(;t=Wt.getInstance();)t.destroy();for(const t of Wt.openers.keys())t.removeEventListener("click",Wt.fromEvent);Wt.openers=new Map}static fromEvent(t){if(t.defaultPrevented)return;if(t.button&&0!==t.button)return;if(t.ctrlKey||t.metaKey||t.shiftKey)return;let e=t.composedPath()[0];const i=e.closest("[data-fancybox-trigger]");if(i){const t=i.dataset.fancyboxTrigger||"",n=document.querySelectorAll(`[data-fancybox="${t}"]`),s=parseInt(i.dataset.fancyboxIndex||"",10)||0;e=n[s]||e}if(!(e&&e instanceof Element))return;let n,s,o,a;if([...Wt.openers].reverse().find((([t,i])=>!(!t.contains(e)||![...i].reverse().find((([i,r])=>{let l=e.closest(i);return!!l&&(n=t,s=i,o=l,a=r,!0)}))))),!n||!s||!o)return;a=a||{},t.preventDefault(),e=o;let r=[],l=p({},et,a);l.event=t,l.triggerEl=e,l.delegate=i;const c=l.groupAll,h=l.groupAttr,d=h&&e?e.getAttribute(`${h}`):"";if((!e||d||c)&&(r=[].slice.call(n.querySelectorAll(s))),e&&!c&&(r=d?r.filter((t=>t.getAttribute(`${h}`)===d)):[e]),!r.length)return;const u=Wt.getInstance();return u&&u.options.triggerEl&&r.indexOf(u.options.triggerEl)>-1?void 0:(e&&(l.startIndex=r.indexOf(e)),Wt.fromNodes(r,l))}static fromSelector(t,e){let i=null,n="";if("string"==typeof t?(i=document.body,n=t):t instanceof HTMLElement&&"string"==typeof e&&(i=t,n=e),!i||!n)return!1;const s=Wt.openers.get(i);if(!s)return!1;const o=s.get(n);return!!o&&Wt.fromNodes(Array.from(i.querySelectorAll(n)),o)}static fromNodes(t,e){e=p({},et,e||{});const i=[];for(const n of t){const t=n.dataset||{},s=t.src||n.getAttribute("href")||n.getAttribute("currentSrc")||n.getAttribute("src")||void 0;let o;const a=e.delegate;let r;a&&i.length===e.startIndex&&(o=a instanceof HTMLImageElement?a:a.querySelector("img:not([aria-hidden])")),o||(o=n instanceof HTMLImageElement?n:n.querySelector("img:not([aria-hidden])")),o&&(r=o.currentSrc||o.src||void 0,!r&&o.dataset&&(r=o.dataset.lazySrc||o.dataset.src||void 0));const l={src:s,triggerEl:n,thumbEl:o,thumbElSrc:r,thumbSrc:r};for(const e in t)l[e]=t[e]+"";i.push(l)}return new Wt(i,e)}static getInstance(t){if(t)return Nt.get(t);return Array.from(Nt.values()).reverse().find((t=>!t.isClosing()&&t))||null}static getSlide(){var t;return(null===(t=Wt.getInstance())||void 0===t?void 0:t.getSlide())||null}static show(t=[],e={}){return new Wt(t,e)}static next(){const t=Wt.getInstance();t&&t.next()}static prev(){const t=Wt.getInstance();t&&t.prev()}static close(t=!0,...e){if(t)for(const t of Nt.values())t.close(...e);else{const t=Wt.getInstance();t&&t.close(...e)}}}Object.defineProperty(Wt,"version",{enumerable:!0,configurable:!0,writable:!0,value:"5.0.20"}),Object.defineProperty(Wt,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:et}),Object.defineProperty(Wt,"Plugins",{enumerable:!0,configurable:!0,writable:!0,value:At}),Object.defineProperty(Wt,"openers",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),t.Carousel=U,t.Fancybox=Wt,t.Panzoom=k}));
+
+
+
+// Product Like: Add / Remove
+function addFavoriteProduct(productId) {
+    if (check_user != '') {
+        Hura.Ajax.post('user', {
+            action_type: 'like', 
+            item_type : 'product', 
+            item_id: productId
+        }).then(function(response){
+            
+            $('.success-form .content-text').html('Thêm sản phẩm ưa thích thành công !');
+
+            $(".success-form").show();
+
+            setTimeout(function(){
+                $(".success-form").fadeOut();
+            }, 1100);
+
+            setTimeout(function(){
+                $('.success-form .content-text').html('Thêm sản phẩm vào giỏ hàng thành công !');
+            }, 1500);
+            
+        });
+
+    } else {
+        Fancybox.show([{ src: "#js-popup-customer-like"}]);
+    }        
+}
+
+function removeFavoriteProduct(productId) {
+    Hura.Ajax.post('user', {
+        action_type: 'remove-like', 
+        item_type : 'product', 
+        item_id: productId
+    }).then(function(response){
+        if (response.status != 'success') {
+            alert('- Có lỗi xảy ra. Vui lòng tải lại trang và thử lại')
+        }
+
+        location.reload();
+    });
+}
+//
+
+function calculatePriceOff(price, normal_price) {
+    var percent = 0;
+
+    if (normal_price > price && price > 0) {
+        percent = Math.ceil(100 - price * 100 / normal_price);
+    }
+
+    return percent;
+}
+
+function formatArticleTime(article_time) {
+    if (article_time.includes('Hôm nay')) {
+        var time    = new Date();
+        var day     = (time.getDate() <= 9) ? '0' + time.getDate() : time.getDate();
+        var month   = (time.getMonth()+1 <= 9) ? '0' + (time.getMonth()+1) : (time.getMonth()+1);
+        var year    = time.getFullYear();            
+
+        var html    = day +'.'+ month;
+    } else {
+        var day_month   = article_time.substring(0,5).replaceAll('-','.');
+        var year        = article_time.substring(6,10);
+        var html        = day_month;
+    }
+    return html + '\n'+ year;
+}
+
+function alertInput(errorArray, color) {
+    errorArray.forEach(function(input){
+        input.style.borderColor = color;
+    })
+}
+
+function countDownToNextDay(holder) {
+    const today = new Date();
+    const tomorrow = new Date(today);
+    tomorrow.setDate(tomorrow.getDate() + 1);
+    tomorrow.setHours(0,0,0,0); // set hour
+
+    var countDownDate = tomorrow.setDate(tomorrow.getDate() + 1);
+
+    var x = setInterval(function() {
+        var now = new Date().getTime();
+        var distance = countDownDate - now;
+
+        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+        if(hours <=9)   {
+            hours = "<b>0" + hours + "</b>";
+        } else {
+            hours = '<b>' + hours.toString().substr(0,1) + hours.toString().substr(1) + '</b>'
+        }
+        if(minutes <=9) {
+            minutes = "<b>0" + minutes + "</b>";
+        } else {
+            minutes = '<b>' + minutes.toString().substr(0,1) + minutes.toString().substr(1) + '</b>'
+        }
+        if(seconds <=9) {
+            seconds = "<b>0" + seconds + "</b>";
+        } else {
+            seconds = '<b>' + seconds.toString().substr(0,1) + seconds.toString().substr(1) + '</b>'
+        }
+        var html = hours + minutes + seconds;
+        
+        $(holder).html(html);
+
+    }, 1000);
+}
+
+function checkContentHeight(height) {
+    $(".js-static-content").each(function(){
+        var $row        = $(this);
+        var $row_height = $row.height();
+        
+        if ($row_height > height) {
+            $row.css("max-height", height);
+            $row.addClass("bg-content");
+            $(".js-showmore-button").css("display","block");
+        }
+    });
+    
+    $(".js-showmore-button").click(function(){
+        $(this).parents(".js-static-container").find(".js-static-content").css("max-height","unset");
+        $(this).parents(".js-static-container").find(".js-static-content").removeClass("bg-content");
+        $(this).parents(".js-static-container").find(".js-showless-button").css({"display": "block", "margin-top": "15px"});
+        $(this).hide();
+        
+        $('html, body').animate({
+            scrollTop: $(this).parents(".js-static-container").find(".js-static-content").offset().top - 160
+        },500);
+    });
+
+    $(".js-showless-button").click(function(){
+        $(this).parents(".js-static-container").find(".js-static-content").css("max-height",height);
+        $(this).parents(".js-static-container").find(".js-static-content").addClass("bg-content");
+        $(this).parents(".js-static-container").find(".js-showmore-button").css("display","block");
+        $(this).hide();
+
+        $('html, body').animate({
+            scrollTop: $(this).parents(".js-static-container").find(".js-static-content").offset().top - 160
+        },800);
+    });
+}
+
+function tooltip(){
+    var w_tooltip = $("#tooltip").width();
+    var h_tooltip = 0;
+    var pad = 10;
+    var x_mouse = 0; 
+    var y_mouse = 0;
+    var wrap_left = 0;
+    var wrap_right = 0;
+    var wrap_top = 0;
+    var wrap_bottom = 0;
+
+    $(".p-item .p-img").mousemove(function(e){
+        content_tooltip = $(this).parents(".p-item").find(".p-tooltip");
+        if(content_tooltip.length == 0){
+            return;
+            $("#tooltip").hide();
+        }
+
+        $("#tooltip").html(content_tooltip.html());
+
+        wrap_left = 0;
+        wrap_top = $(window).scrollTop();
+        wrap_bottom = $(window).height();
+        wrap_right = $(window).width();
+        x_mouse = e.pageX;
+        y_mouse = e.pageY;
+        h_tooltip = $("#tooltip").height();
+
+        if(x_mouse + w_tooltip > wrap_right) $("#tooltip").css("left",x_mouse - w_tooltip - pad);
+        else $("#tooltip").css("left",x_mouse + pad);
+
+        if(y_mouse - h_tooltip < wrap_top) $("#tooltip").css("top",wrap_top);
+        else $("#tooltip").css("top",y_mouse - h_tooltip - pad);
+
+        $("#tooltip").show();
+    });
+
+    $(".p-item .p-img").mouseout(function(){
+        $("#tooltip").hide();
+    });
+}
+
+function showCartSummary(display_node) {
+    var $status_container = $(display_node);
+    $status_container.html('...');
+    Hura.Cart.getSummary().then(summary => {
+          $status_container.html(summary.total_item);
+    });
+}
+
+function check_login(error_holder){
+    var error = "";
+    var email = document.getElementById('js-login-email').value;
+    if (email.length < 6) error += "- Mời bạn nhập địa chỉ email<br>";
+
+    var password = document.getElementById('js-login-pass').value;
+    if (password.length == 0 ) error += "- Bạn cần nhập mật khẩu <br>";
+
+    if (error != "") {
+        $(error_holder).html(error);
+        return false;
+    } else {
+        Hura.User.login(email, password).then(function (data) {
+            //console.log(data);
+            if (data.status == 'error') {                
+                $(error_holder).html(data.message);
+            } else if (GetURLParameter('return_url')) {
+                location.href =  GetURLParameter('return_url').replaceAll(';amp;','&').replaceAll(';equals;','=')
+            } else {
+              
+                location.href = '/taikhoan'
+            }
+        });
+    }  
+}
+
+function check_field_registor(error_holder) {
+    var ERROR_NOTE      = error_holder;
+    var number_regex1   = /^[0]\d{9}$/i;
+    var number_regex2   = /^[0]\d{10}$/i;
+    var error           = "";
+    var errorInput      = [];
+
+    var email   = document.getElementById("email");   
+    if(email.value.length < 4) {
+        errorInput = [...errorInput, email];
+        error += "- Bạn chưa nhập email<br>";            
+
+    } else if(validateEmail(email.value)==false){
+        errorInput = [...errorInput, email];
+        error += "- Email không hợp lệ <br>";
+    }
+
+    var password = document.getElementById('password');
+    if(password.value.length < 6) {
+        errorInput = [...errorInput, password];
+        error += "- Mật khẩu yếu<br>";            
+    }
+
+    var pass1   =  document.getElementById("password1");
+    if (pass1.value != password.value) {
+        errorInput = [...errorInput, pass1];
+        error += '- Mật khẩu không trùng khớp. Vui lòng nhập lại <br>';
+    }
+
+    var full_name = document.getElementById('full_name');
+    if(full_name.value.length < 2) {
+        errorInput = [...errorInput, full_name];
+        error += "- Tên quá ngắn<br>";            
+
+    } else if(full_name.value.indexOf('<script') > -1) { 
+        errorInput = [...errorInput, full_name];
+        error += "- Họ tên chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại<br>";
+    } 
+
+    var mobile = document.getElementById('tel');
+    if(mobile.value.length < 4) {
+        errorInput = [...errorInput, mobile];
+        error += "- Bạn chưa nhập SĐT<br>";
+
+    } else if(number_regex1.test(mobile.value) == false && number_regex2.test(mobile.value) == false){
+        errorInput = [...errorInput, mobile];
+        error += "- Số điện thoại chưa chính xác<br>";
+    }
+
+    var address = document.getElementById('address');
+    if(address.value.length < 5){
+        errorInput = [...errorInput, address];
+         error += "- Địa chỉ quá ngắn<br>";
+
+    } else if(address.value.indexOf('<script') > -1) { 
+        errorInput = [...errorInput, address];
+        error += "- Địa chỉ chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại<br>";
+    }
+
+
+    var province = $("#ship_to_province option:checked").val();    
+    var district = $("#js-district-holder option:checked").val();    
+    var sex      = $('input[type="radio"]:checked').val()
+
+    var setDefault      = [email, password, full_name, mobile, address, pass1]
+
+    alertInput(setDefault, '#d9d9d9');
+  
+    if (error != "") {
+        $(ERROR_NOTE).html(error);
+        
+        alertInput(errorInput, 'red');
+
+        return false;
+    } else {
+
+        var registerParams = {
+            action_type: "register",
+            info : {
+                email    : email.value,
+                name     : full_name.value,
+                tel      : mobile.value,
+                mobile   : mobile.value, 
+                sex      : 'male',
+                birthday : '',
+                password : password.value,
+                address  : address.value,
+                province : province,
+                district : district
+            }
+        }
+
+        Hura.Ajax.post('customer', registerParams).then(function (data) {
+            console.log(data);
+            if(data.status == 'error' && data.message == 'Email exist' ){
+
+                $(ERROR_NOTE).html('Email đã được sử dụng <br> Vui lòng đăng ký lại ! ');
+
+            } else {
+                $(ERROR_NOTE).html('Bạn đã đăng ký thành công ! ');
+              
+                $('.customer-page button[type=button]').html("Đang xử lý ... !").css({"background":"#ccc", "border-color":"transparent", "pointer-events":"none"});
+              
+                location.href="/dang-nhap";
+            }
+        })
+
+    }
+}
+
+function check_user_captcha(captcha){
+    $('#check_captcha').html("... đang kiểm tra");
+
+    var params = {
+        captcha: captcha
+    };
+
+    Hura.Ajax.post('check-captcha', params).then(function (data) {
+        console.log(data);
+        $('#check_captcha').html(data);
+    })
+} 
+
+function subscribe_newsletter(a, error_holder){
+    var number_regex1   = /^[0]\d{9}$/i;
+    var number_regex2   = /^[0]\d{10}$/i;
+    var NOTIFY          = error_holder;
+    var error           = "";
+    var email           = $(a).val();
+
+    if(email.length < 4) {
+        error += "- Bạn chưa nhập email <br>";
+    } else if(validateEmail(email)==false){
+        error += "- Email không hợp lệ <br>";
+    }
+
+    if(error != "") {            
+        $(NOTIFY).html(error).show();
+        $(a).css('border','2px solid  #FA5252');
+      
+        return false;
+    } else {
+        var params = {
+            action : 'customer', 
+            action_type: 'register-newsletter', 
+            info : { 
+                full_name: 'Khách hàng nhận bản tin', 
+                email: email
+            }
+        };
+
+        Hura.Ajax.post('customer', params).then(function (data) {
+            
+            if(data.status == 'success') {
+                $(NOTIFY).html("- Quý khách đã đăng ký thành công").show();
+                $(a).css('border','unset');
+                $(a).val("");
+
+                setTimeout(function(){
+                    $(NOTIFY).html("").hide();
+                },2000);
+                
+            } else if(data.message == 'Email exist'){
+                $(NOTIFY).html("- Email này đã tồn tại").show();
+                $(a).css('border','2px solid  #FA5252');
+            } else {
+
+                $(NOTIFY).html("- Lỗi xảy ra, vui lòng thử lại").show();
+                $(a).css('border','2px solid  #FA5252');
+            }
+        })
+    }
+}
+
+function show_datetime_from_unix(int){
+    var date = new Date(int*1000);
+    return date;
+}
+
+function toTimestamp(strDate){
+    var datum = Date.parse(strDate);
+    return datum/1000;
+}
+
+function formatDate(a){
+    var a = new Date(parseInt(a)*1000);
+    
+    var year    = a.getFullYear();
+    var month   = ((a.getMonth()+1) <= 9) ? '0' + (a.getMonth()+1) : a.getMonth()+1;
+    var date    = (a.getDate() <= 10) ? '0' + a.getDate() : a.getDate();
+    var hour    = (a.getHours() <= 10) ? '0' + a.getHours() : a.getHours();
+    var min     = (a.getMinutes() <= 10) ? '0' + a.getMinutes() : a.getMinutes();
+    var sec     = (a.getSeconds() <= 10) ? '0' + a.getSeconds() : a.getSeconds();
+    var text    = (hour < 12) ? 'am' : 'pm';
+    var time    = `Ngày ${date}-${month}-${year}, ${hour}:${min} ${text}`;
+    return time;  
+}
+
+function GetURLParameter(sParam){
+    var sPageURL = window.location.search.substring(1);
+    var sURLVariables = sPageURL.split('&');
+    for (var i = 0; i < sURLVariables.length; i++)
+    {
+        var sParameterName = sURLVariables[i].split('=');
+        if (sParameterName[0] == sParam)
+        {
+            return sParameterName[1];
+        }
+    }
+}
+
+function validateEmail(sEmail) {
+    var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
+    if (filter.test(sEmail)) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+
+function validatePhoneNumber(a){
+    var number_regex1 = /^[0]\d{9}$/i;
+    var number_regex2 = /^[0]\d{10}$/i;
+
+    if(number_regex1.test(a) == false && number_regex2.test(a) == false) return false;
+    return true;
+}
+
+function formatCurrency(a) {
+    var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
+    var len = b.length;
+    b = b.substring(0, len - 3);
+    return b;
+}
+
+function isOnScreen(elem) {
+    // if the element doesn't exist, abort
+    if( elem.length == 0 ) {
+        return;
+    }
+    var $window = jQuery(window)
+    var viewport_top = $window.scrollTop()
+    var viewport_height = $window.height()
+    var viewport_bottom = viewport_top + viewport_height
+    var $elem = jQuery(elem)
+    var top = $elem.offset().top
+    var height = $elem.height()
+    var bottom = top + height
+
+    return  (top >= viewport_top && top < viewport_bottom) ||
+            (bottom > viewport_top && bottom <= viewport_bottom) ||
+            (height > viewport_height && top <= viewport_top && bottom >= viewport_bottom)
+}
+
+function strToNumber(str) {
+    str += ''; //convert to str incase it's already a number
+    while(str.indexOf(".") > 0){
+        str = str.replace('.','');
+    }
+    var result = parseFloat(str);
+    return isNaN(result) ? 0 : result;
+}
+
+function writeStringToPrice(str){
+    str = (str+'').replace(/\./g, "");
+    var first_group = str.substr(0,str.length % 3);
+    var remain_group = str.replace(first_group,"");
+    var num_group = remain_group.length/3;
+    var result = "", group_of_three;
+
+    for(var i=0;i < num_group;i++){
+        group_of_three = remain_group.substr(i*3,3);
+        result += group_of_three;
+        if(i !== (num_group-1)) result += ".";
+    }
+
+    if(first_group.length > 0) {
+        return (result !== "") ? first_group + "." + result : first_group;
+    }
+
+    return result;
+}
+
+function loaiTrungLap(array, key) {
+    let check = {};
+    let res = [];
+    for(let i=0; i<array.length; i++) {
+        if(!check[array[i][key]]){
+            check[array[i][key]] = true;
+            res.push(array[i]);
+        }
+    }
+    return res;
+}
+
+// search
+function _run_search() {
+    $('#js-global-search').keyup(debounce(function(){
+        inputString = $(this).val();
+        search(inputString);
+    },200));
+
+    $("#js-global-search").keydown(function(e){
+        var inputString = $("#js-global-search").val();
+        if(e.keyCode == 13 && inputString == ''){
+            return false;
+        }
+    });
+
+    $('body').click(function(){
+        $("#js-search-holder").hide();
+    });
+}
+
+function search(inputString){
+    var button = $('form[action="/tim"]').find('button');
+
+    var params = {
+        action_type : "search",
+        limit       : 10,
+        q           : inputString
+    }
+
+    Hura.Ajax.get('search', params).then(function (data) {        
+        if (inputString.trim() != '') {               
+            if (data != '') {
+                var html = Hura.Template.parse(instant_search_result_template, data.list);
+                Hura.Template.render('#js-search-holder', html);
+
+                button.attr('type','submit');
+
+            } else {
+                $('#js-search-holder').html('<p style="text-align: center;margin: 15px;">Không tìm thấy kết quả của <b>"'+inputString+'"</b></p>');
+                button.attr('type','button');
+            }
+            
+            $("#js-search-holder").show();
+        } else {
+            $("#js-search-holder").hide();
+        }
+    })
+}
+
+function debounce(func, wait, immediate) {
+    var timeout;
+    return function() {
+        var context = this, args = arguments;
+        var later = function() {
+            timeout = null;
+            if (!immediate) func.apply(context, args);
+        };
+        var callNow = immediate && !timeout;
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+        if (callNow) func.apply(context, args);
+    };
+};
+// end search
+
+function _getPathName(){
+    var pathname = location.pathname;
+
+    if(pathname == '/tim') {
+        if ( GetURLParameter('q') ) {
+            pathname = '/tim?q=' + GetURLParameter('q')
+        } else {
+            pathname = '/tim?q='
+        }
+    }
+
+    $('.js-pathName').attr('href', pathname);
+    $('.js-select-path').val(pathname);
+}
+
+function show_hide_pass(pa) {
+    var x = $(pa).parents('.item').find('.input-pass').attr('type');
+    
+    if (x === "password") {
+        $(pa).parents('.item').find('.input-pass').attr('type','text');
+    } else {
+        $(pa).parents('.item').find('.input-pass').attr('type','password');
+    }
+}
+
+function addProductToCart(product_id, quantity ,redirect) {
+    var product_prop = {
+        quantity: quantity,
+        buyer_note : ''
+    };
+
+    Hura.Cart.Product.add(product_id, 0, product_prop).then(function(response){
+        if (redirect == '/cart') {
+            location.href = redirect;
+        } else {
+            // showCartSummary(".js-cart-count");
+
+            $('.js-cart-count').html(response.length);
+
+            $(".success-form").show();
+
+            setTimeout(function(){
+                $(".success-form").fadeOut(); 
+            }, 1000);
+        }
+    });
+}
+
+// 
+function animateValue(id, end, duration) {    
+    var start = 0;
+    if (start === end) return;
+    var range = end - start;
+    var current = start;
+    var increment = end > start? 1 : -1;
+    var stepTime = Math.abs(Math.floor(duration / range));
+    var obj = id;
+    var timer = setInterval(function() {
+        current += increment;
+        obj.innerHTML = current;
+        if (current == end) {
+            clearInterval(timer);
+        }
+    }, stepTime);
+}
\ No newline at end of file
diff --git a/LaptopTCC/js/magiczoom.js b/LaptopTCC/js/magiczoom.js
new file mode 100644
index 0000000..8b470d6
--- /dev/null
+++ b/LaptopTCC/js/magiczoom.js
@@ -0,0 +1,2 @@
+/*Magic Zoom Plus v5.2.2*/
+eval(function(m,a,g,i,c,k){c=function(e){return(e<a?'':c(parseInt(e/a)))+((e=e%a)>35?String.fromCharCode(e+29):e.toString(36))};if(!''.replace(/^/,String)){while(g--){k[c(g)]=i[g]||c(g)}i=[function(e){return k[e]}];c=function(){return'\\w+'};g=1};while(g--){if(i[g]){m=m.replace(new RegExp('\\b'+c(g)+'\\b','g'),i[g])}}return m}('1j.9U=(17(){1b z,A;z=A=(17(){1b V={4J:"gu.3-b5",ev:0,88:{},$bC:17(Z){1a(Z.$6z||(Z.$6z=++P.ev))},9e:17(Z){1a(P.88[Z]||(P.88[Z]={}))},$F:17(){},$1l:17(){1a 1l},$1r:17(){1a 1r},ei:"eC-"+1p.5S(1p.6w()*1t bA().ew()),3r:17(Z){1a(2D!=Z)},bY:17(aa,Z){1a(2D!=aa)?aa:Z},9g:17(Z){1a!!(Z)},1O:17(Z){if(!P.3r(Z)){1a 1l}if(Z.$4N){1a Z.$4N}if(!!Z.66){if(1==Z.66){1a"6g"}if(3==Z.66){1a"er"}}if(Z.1I&&Z.es){1a"gs"}if(Z.1I&&Z.9X){1a"21"}if((Z 5r 1j.72||Z 5r 1j.bN)&&Z.5o===P.3O){1a"40"}if(Z 5r 1j.6u){1a"4h"}if(Z 5r 1j.bN){1a"17"}if(Z 5r 1j.69){1a"1N"}if(P.1e.4X){if(P.3r(Z.d9)){1a"1A"}}1k{if(Z===1j.1A||Z.5o==1j.1v||Z.5o==1j.dw||Z.5o==1j.eN||Z.5o==1j.gr||Z.5o==1j.gv){1a"1A"}}if(Z 5r 1j.bA){1a"ep"}if(Z 5r 1j.eb){1a"gw"}if(Z===1j){1a"1j"}if(Z===1n){1a"1n"}1a 8w(Z)},26:17(ae,ad){if(!(ae 5r 1j.6u)){ae=[ae]}if(!ad){1a ae[0]}1S(1b ac=0,aa=ae.1I;ac<aa;ac++){if(!P.3r(ae)){8F}1S(1b ab in ad){if(!72.2z.3Z.2e(ad,ab)){8F}3j{ae[ac][ab]=ad[ab]}3G(Z){}}}1a ae[0]},8Y:17(ad,ac){if(!(ad 5r 1j.6u)){ad=[ad]}1S(1b ab=0,Z=ad.1I;ab<Z;ab++){if(!P.3r(ad[ab])){8F}if(!ad[ab].2z){8F}1S(1b aa in(ac||{})){if(!ad[ab].2z[aa]){ad[ab].2z[aa]=ac[aa]}}}1a ad[0]},ex:17(ab,aa){if(!P.3r(ab)){1a ab}1S(1b Z in(aa||{})){if(!ab[Z]){ab[Z]=aa[Z]}}1a ab},$3j:17(){1S(1b aa=0,Z=21.1I;aa<Z;aa++){3j{1a 21[aa]()}3G(ab){}}1a 1h},$A:17(ab){if(!P.3r(ab)){1a P.$([])}if(ab.et){1a P.$(ab.et())}if(ab.es){1b aa=ab.1I||0,Z=1t 6u(aa);5M(aa--){Z[aa]=ab[aa]}1a P.$(Z)}1a P.$(6u.2z.aY.2e(ab))},64:17(){1a 1t bA().ew()},4d:17(ad){1b ab;4A(P.1O(ad)){1D"8D":ab={};1S(1b ac in ad){ab[ac]=P.4d(ad[ac])}1H;1D"4h":ab=[];1S(1b aa=0,Z=ad.1I;aa<Z;aa++){ab[aa]=P.4d(ad[aa])}1H;1P:1a ad}1a P.$(ab)},$:17(ab){1b Z=1r;if(!P.3r(ab)){1a 1h}if(ab.$bx){1a ab}4A(P.1O(ab)){1D"4h":ab=P.ex(ab,P.26(P.6u,{$bx:P.$F}));ab.3f=ab.eQ;1a ab;1H;1D"1N":1b aa=1n.cP(ab);if(P.3r(aa)){1a P.$(aa)}1a 1h;1H;1D"1j":1D"1n":P.$bC(ab);ab=P.26(ab,P.3F);1H;1D"6g":P.$bC(ab);ab=P.26(ab,P.3U);1H;1D"1A":ab=P.26(ab,P.1v);1H;1D"er":1D"17":1D"4h":1D"ep":1P:Z=1l;1H}if(Z){1a P.26(ab,{$bx:P.$F})}1k{1a ab}},$1t:17(Z,ab,aa){1a P.$(P.cA.8x(Z)).8i(ab||{}).1y(aa||{})},6K:17(aa,ac,ag){1b ad,ab,ae,af=[],Z=-1;ag||(ag=P.ei);ad=P.$(ag)||P.$1t("2q",{id:ag,1u:"9D/6e"}).24((1n.gp||1n.3C),"1G");ab=ad.eg||ad.ef;if("1N"!=P.1O(ac)){1S(1b ae in ac){af.3g(ae+":"+ac[ae])}ac=af.7F(";")}if(ab.eh){Z=ab.eh(aa+" {"+ac+"}",ab.gh.1I)}1k{Z=ab.gg(aa,ac)}1a Z},gj:17(ac,Z){1b ab,aa;ab=P.$(ac);if("6g"!==P.1O(ab)){1a}aa=ab.eg||ab.ef;if(aa.ek){aa.ek(Z)}1k{if(aa.eo){aa.eo(Z)}}},gO:17(){1a"gT-gW-ge-gU-gN".4i(/[gM]/g,17(ab){1b aa=1p.6w()*16|0,Z=ab=="x"?aa:(aa&3|8);1a Z.7R(16)}).7L()},63:(17(){1b Z;1a 17(aa){if(!Z){Z=1n.8x("a")}Z.3A("6Y",aa);1a("!!"+Z.6Y).4i("!!","")}})(),gF:17(ab){1b ac=0,Z=ab.1I;1S(1b aa=0;aa<Z;++aa){ac=31*ac+ab.fp(aa);ac%=gE}1a ac}};1b P=V;1b Q=V.$;if(!1j.eB){1j.eB=V;1j.$eC=V.$}P.6u={$4N:"4h",4M:17(ac,ad){1b Z=13.1I;1S(1b aa=13.1I,ab=(ad<0)?1p.1V(0,aa+ad):ad||0;ab<aa;ab++){if(13[ab]===ac){1a ab}}1a-1},5U:17(Z,aa){1a 13.4M(Z,aa)!=-1},eQ:17(Z,ac){1S(1b ab=0,aa=13.1I;ab<aa;ab++){if(ab in 13){Z.2e(ac,13[ab],ab,13)}}},36:17(Z,ae){1b ad=[];1S(1b ac=0,aa=13.1I;ac<aa;ac++){if(ac in 13){1b ab=13[ac];if(Z.2e(ae,13[ac],ac,13)){ad.3g(ab)}}}1a ad},gK:17(Z,ad){1b ac=[];1S(1b ab=0,aa=13.1I;ab<aa;ab++){if(ab in 13){ac[ab]=Z.2e(ad,13[ab],ab,13)}}1a ac}};P.8Y(69,{$4N:"1N",5a:17(){1a 13.4i(/^\\s+|\\s+$/g,"")},eq:17(Z,aa){1a(aa||1l)?(13.7R()===Z.7R()):(13.5d().7R()===Z.5d().7R())},5G:17(){1a 13.4i(/-\\D/g,17(Z){1a Z.9j(1).7L()})},9d:17(){1a 13.4i(/[A-Z]/g,17(Z){1a("-"+Z.9j(0).5d())})},gI:17(Z){1a 5P(13,Z||10)},gX:17(){1a 2v(13)},cK:17(){1a!13.4i(/1r/i,"").5a()},4L:17(aa,Z){Z=Z||"";1a(Z+13+Z).4M(Z+aa+Z)>-1}});V.8Y(bN,{$4N:"17",1F:17(){1b aa=P.$A(21),Z=13,ab=aa.76();1a 17(){1a Z.6i(ab||1h,aa.5V(P.$A(21)))}},2M:17(){1b aa=P.$A(21),Z=13,ab=aa.76();1a 17(ac){1a Z.6i(ab||1h,P.$([ac||(P.1e.2F?1j.1A:1h)]).5V(aa))}},2G:17(){1b aa=P.$A(21),Z=13,ab=aa.76();1a 1j.4v(17(){1a Z.6i(Z,aa)},ab||0)},cL:17(){1b aa=P.$A(21),Z=13;1a 17(){1a Z.2G.6i(Z,aa)}},cm:17(){1b aa=P.$A(21),Z=13,ab=aa.76();1a 1j.fi(17(){1a Z.6i(Z,aa)},ab||0)}});1b W={},O=2A.fE.5d(),N=O.3z(/(3T|6n|4X|aS)\\/(\\d+\\.?\\d*)/i),S=O.3z(/(fG|aF)\\/(\\d+\\.?\\d*)/i)||O.3z(/(fc|5w|ar|dQ|73|aF)\\/(\\d+\\.?\\d*)/i),U=O.3z(/4J\\/(\\d+\\.?\\d*)/i),J=1n.5k.2q;17 K(aa){1b Z=aa.9j(0).7L()+aa.aY(1);1a aa in J||("f8"+Z)in J||("fe"+Z)in J||("6p"+Z)in J||("O"+Z)in J}P.1e={2O:{fP:!!(1n.fM),fK:!!(1j.bV),bl:!!(1n.fz),57:!!(1n.fL||1n.fF||1n.8X||1n.ft||1n.gd||1n.g6||1n.g5||1n.g4||1n.g3),cF:!!(1j.g7)&&!!(1j.g8)&&(1j.a8&&"fQ"in 1t a8),1Y:K("1Y"),2i:K("2i"),9s:K("9s"),eD:K("eD"),5b:1l,f6:1l,8h:1l,5Q:1l,7z:(17(){1a 1n.fU.fT("av://ay.au.aU/fS/fR/fV#fW","1.1")})()},aH:17(){1a"fZ"in 1j||(1j.eK&&1n 5r eK)||(2A.iy>0)||(2A.hZ>0)}(),2Z:O.3z(/(6O|bb\\d+|hW).+|i1|i4\\/|i3|i2|hV|gY|hM|hL|hP|ip(e7|dS|ad)|hS|hQ|i6 |i7|is|ir|2Z.+dQ|io|73 m(it|in)i|iw( il)?|dD|p(ib|i9)\\/|i8|ic|ik|ii(4|6)0|hJ|he|hf\\.(1e|3K)|hg|hk|hi (ce|dD)|hh|h9/)?1r:1l,7y:(N&&N[1])?N[1].5d():(1j.73)?"aS":!!(1j.h2)?"4X":(2D!==1n.h1||1h!=1j.h0)?"6n":(1h!==1j.gZ||!2A.h3)?"3T":"h4",4J:(N&&N[2])?2v(N[2]):0,4u:(S&&S[1])?S[1].5d():"",6Z:(S&&S[2])?2v(S[2]):0,8P:"",bp:"",59:"",2F:0,4Q:O.3z(/ip(?:ad|dS|e7)/)?"ao":(O.3z(/(?:hm|6O)/)||2A.4Q.3z(/fC|9p|hC/i)||["hA"])[0].5d(),fh:1n.97&&"e8"==1n.97.5d(),fu:0,4a:17(){1a(1n.97&&"e8"==1n.97.5d())?1n.3C:1n.5k},5b:1j.5b||1j.hD||1j.hE||1j.hG||1j.hx||2D,92:1j.92||1j.dZ||1j.dZ||1j.hn||1j.hw||1j.hv||2D,2m:1l,7Q:17(){if(P.1e.2m){1a}1b ac,ab;P.1e.2m=1r;P.3C=P.$(1n.3C);P.9p=P.$(1j);3j{1b aa=P.$1t("2X").1y({1f:2I,1g:2I,7G:"6y",2g:"5t",1G:-ht}).24(1n.3C);P.1e.fu=aa.cH-aa.cj;aa.2U()}3G(Z){}3j{ac=P.$1t("2X");ab=ac.2q;ab.f2="f3:29(aX://),29(aX://),hF 29(aX://)";P.1e.2O.f6=(/(29\\s*\\(.*?){3}/).3n(ab.f3);ab=1h;ac=1h}3G(Z){}if(!P.1e.7J){P.1e.7J=P.an("2i").9d()}3j{ac=P.$1t("2X");ac.2q.f2=P.an("36").9d()+":5e(hB);";P.1e.2O.8h=!!ac.2q.1I&&(!P.1e.2F||P.1e.2F>9);ac=1h}3G(Z){}if(!P.1e.2O.8h){P.$(1n.5k).1B("6I-h6-3l")}3j{P.1e.2O.5Q=(17(){1b ad=P.$1t("5Q");1a!!(ad.fg&&ad.fg("2d"))})()}3G(Z){}if(2D===1j.h7&&2D!==1j.h8){W.2W="ha"}P.3F.33.2e(P.$(1n),"a3")}};(17(){1b ae=[],ad,ac,aa;17 Z(){1a!!(21.9X.bo)}4A(P.1e.7y){1D"4X":if(!P.1e.4J){P.1e.4J=!!(1j.a8)?3:2}1H;1D"6n":P.1e.4J=(S&&S[2])?2v(S[2]):0;1H}P.1e[P.1e.7y]=1r;if(S&&"fc"===S[1]){P.1e.4u="5w"}if(!!1j.5w){P.1e.5w=1r}if(S&&"aF"===S[1]){P.1e.4u="73";P.1e.73=1r}if("ar"===P.1e.4u&&(U&&U[1])){P.1e.6Z=2v(U[1])}if("6O"==P.1e.4Q&&P.1e.3T&&(U&&U[1])){P.1e.8o=1r}ad=({6n:["-fj-","fe","fj"],3T:["-3T-","f8","3T"],4X:["-6p-","6p","6p"],aS:["-o-","O","o"]})[P.1e.7y]||["","",""];P.1e.8P=ad[0];P.1e.bp=ad[1];P.1e.59=ad[2];P.1e.2F=(!P.1e.4X)?2D:(1n.f9)?1n.f9:17(){1b af=0;if(P.1e.fh){1a 5}4A(P.1e.4J){1D 2:af=6;1H;1D 3:af=7;1H}1a af}();ae.3g(P.1e.4Q+"-3l");if(P.1e.2Z){ae.3g("2Z-3l")}if(P.1e.8o){ae.3g("6O-1e-3l")}if(P.1e.2F){P.1e.4u="ie";P.1e.6Z=P.1e.2F;ae.3g("ie"+P.1e.2F+"-3l");1S(ac=11;ac>P.1e.2F;ac--){ae.3g("lt-ie"+ac+"-3l")}}if(P.1e.3T&&P.1e.4J<i0){P.1e.2O.57=1l}if(P.1e.5b){P.1e.5b.2e(1j,17(){P.1e.2O.5b=1r})}if(P.1e.2O.7z){ae.3g("7z-3l")}1k{ae.3g("6I-7z-3l")}aa=(1n.5k.6t||"").3z(/\\S+/g)||[];1n.5k.6t=P.$(aa).5V(ae).7F(" ");3j{1n.5k.3A("3v-3l-fq",P.1e.4u);1n.5k.3A("3v-3l-fq-fX",P.1e.6Z)}3G(ab){}if(P.1e.2F&&P.1e.2F<9){1n.8x("5I");1n.8x("eO")}})();(17(){P.1e.57={9R:P.1e.2O.57,51:17(){1a!!(1n.g2||1n[P.1e.59+"g9"]||1n.57||1n.fH||1n[P.1e.59+"fN"])},bG:17(Z,aa){aa||(aa={});if(13.9R){P.$(1n).1C(13.aR,13.eY=17(ab){if(13.51()){aa.bF&&aa.bF()}1k{P.$(1n).1Q(13.aR,13.eY);aa.bJ&&aa.bJ()}}.2M(13));P.$(1n).1C(13.ax,13.6C=17(ab){aa.8O&&aa.8O();P.$(1n).1Q(13.ax,13.6C)}.2M(13));(Z[P.1e.59+"fJ"]||Z[P.1e.59+"fI"]||Z.fO||17(){}).2e(Z)}1k{if(aa.8O){aa.8O()}}},ee:(1n.8X||1n.ft||1n[P.1e.59+"gJ"]||1n[P.1e.59+"gL"]||17(){}).1F(1n),aR:1n.fb?"gC":(1n.8X?"":P.1e.59)+"gS",ax:1n.fb?"gB":(1n.8X?"":P.1e.59)+"gn",go:P.1e.59,gk:1h}})();1b Y=/\\S+/g,M=/^(3S(fm|fx|fA|fB)gi)|((7P|8J)(fm|fx|fA|fB))$/,R={"gx":("2D"===8w(J.fo))?"gy":"fo"},T={e2:1r,dY:1r,2r:1r,dU:1r,1m:1r},L=(1j.fv)?17(ab,Z){1b aa=1j.fv(ab,1h);1a aa?aa.gt(Z)||aa[Z]:1h}:17(ac,aa){1b ab=ac.hc,Z=1h;Z=ab?ab[aa]:1h;if(1h==Z&&ac.2q&&ac.2q[aa]){Z=ac.2q[aa]}1a Z};17 X(ab){1b Z,aa;aa=(P.1e.3T&&"36"==ab)?1l:(ab in J);if(!aa){Z=P.1e.bp+ab.9j(0).7L()+ab.aY(1);if(Z in J){1a Z}}1a ab}P.an=X;P.3U={cv:17(Z){1a!(Z||"").4L(" ")&&(13.6t||"").4L(Z," ")},1B:17(ad){1b aa=(13.6t||"").3z(Y)||[],ac=(ad||"").3z(Y)||[],Z=ac.1I,ab=0;1S(;ab<Z;ab++){if(!P.$(aa).5U(ac[ab])){aa.3g(ac[ab])}}13.6t=aa.7F(" ");1a 13},1R:17(ae){1b aa=(13.6t||"").3z(Y)||[],ad=(ae||"").3z(Y)||[],Z=ad.1I,ac=0,ab;1S(;ac<Z;ac++){if((ab=P.$(aa).4M(ad[ac]))>-1){aa.9E(ab,1)}}13.6t=ae?aa.7F(" "):"";1a 13},gz:17(Z){1a 13.cv(Z)?13.1R(Z):13.1B(Z)},3t:17(aa){1b ab=aa.5G(),Z=1h;aa=R[ab]||(R[ab]=X(ab));Z=L(13,aa);if("2C"===Z){Z=1h}if(1h!==Z){if("2r"==aa){1a P.3r(Z)?2v(Z):1}if(M.3n(aa)){Z=5P(Z,10)?Z:"5Z"}}1a Z},3M:17(aa,Z){1b ac=aa.5G();3j{if("2r"==aa){13.cq(Z);1a 13}aa=R[ac]||(R[ac]=X(ac));13.2q[aa]=Z+(("6E"==P.1O(Z)&&!T[ac])?"2y":"")}3G(ab){}1a 13},1y:17(aa){1S(1b Z in aa){13.3M(Z,aa[Z])}1a 13},gq:17(){1b Z={};P.$A(21).3f(17(aa){Z[aa]=13.3t(aa)},13);1a Z},cq:17(ab,Z){1b aa;Z=Z||1l;13.2q.2r=ab;ab=5P(2v(ab)*2I);if(Z){if(0===ab){if("3w"!=13.2q.4K){13.2q.4K="3w"}}1k{if("5W"!=13.2q.4K){13.2q.4K="5W"}}}if(P.1e.2F&&P.1e.2F<9){if(!9a(ab)){if(!~13.2q.36.4M("aL")){13.2q.36+=" cs:ct.cu.aL(9l="+ab+")"}1k{13.2q.36=13.2q.36.4i(/9l=\\d*/i,"9l="+ab)}}1k{13.2q.36=13.2q.36.4i(/cs:ct.cu.aL\\(9l=\\d*\\)/i,"").5a();if(""===13.2q.36){13.2q.5J("36")}}}1a 13},8i:17(Z){1S(1b aa in Z){if("40"===aa){13.1B(""+Z[aa])}1k{13.3A(aa,""+Z[aa])}}1a 13},gD:17(){1b aa=0,Z=0;aa=13.3t("1Y-5m");Z=13.3t("1Y-cf");aa=aa.4M("6p")>-1?2v(aa):aa.4M("s")>-1?2v(aa)*bO:0;Z=Z.4M("6p")>-1?2v(Z):Z.4M("s")>-1?2v(Z)*bO:0;1a aa+Z},4l:17(){1a 13.1y({6c:"2Y",4K:"3w"})},5y:17(){1a 13.1y({6c:"",4K:"5W"})},1E:17(){1a{1f:13.cH,1g:13.gG}},8s:17(aa){1b Z=13.1E();Z.1f-=(2v(13.3t("3S-1M-1f")||0)+2v(13.3t("3S-2K-1f")||0));Z.1g-=(2v(13.3t("3S-1G-1f")||0)+2v(13.3t("3S-2N-1f")||0));if(!aa){Z.1f-=(2v(13.3t("7P-1M")||0)+2v(13.3t("7P-2K")||0));Z.1g-=(2v(13.3t("7P-1G")||0)+2v(13.3t("7P-2N")||0))}1a Z},7w:17(){1a{1G:13.8g,1M:13.8p}},gH:17(){1b Z=13,aa={1G:0,1M:0};do{aa.1M+=Z.8p||0;aa.1G+=Z.8g||0;Z=Z.4x}5M(Z);1a aa},8y:17(){1b ad=13,aa=0,ac=0;if(P.3r(1n.5k.7i)){1b Z=13.7i(),ab=P.$(1n).7w(),ae=P.1e.4a();1a{1G:Z.1G+ab.y-ae.g1,1M:Z.1M+ab.x-ae.g0}}do{aa+=ad.fY||0;ac+=ad.gV||0;ad=ad.hY}5M(ad&&!(/^(?:3C|aA)$/i).3n(ad.aP));1a{1G:ac,1M:aa}},7q:17(){1b aa=13.8y();1b Z=13.1E();1a{1G:aa.1G,2N:aa.1G+Z.1g,1M:aa.1M,2K:aa.1M+Z.1f}},5z:17(aa){3j{13.hX=aa}3G(Z){13.i5=aa}1a 13},2U:17(){1a(13.4x)?13.4x.bW(13):13},5h:17(){P.$A(13.hU).3f(17(Z){if(3==Z.66||8==Z.66){1a}P.$(Z).5h()});13.2U();13.c3();if(13.$6z){P.88[13.$6z]=1h;4V P.88[13.$6z]}1a 1h},3d:17(ab,aa){aa=aa||"2N";1b Z=13.4j;("1G"==aa&&Z)?13.hj(ab,Z):13.b1(ab);1a 13},24:17(ab,aa){1b Z=P.$(ab).3d(13,aa);1a 13},fw:17(Z){13.3d(Z.4x.8l(13,Z));1a 13},9G:17(Z){if("6g"!==P.1O("1N"==P.1O(Z)?Z=1n.cP(Z):Z)){1a 1l}1a(13==Z)?1l:(13.5U&&!(P.1e.cl))?(13.5U(Z)):(13.cR)?!!(13.cR(Z)&16):P.$A(13.8b(Z.aP)).5U(Z)}};P.3U.h5=P.3U.3t;P.3U.hl=P.3U.1y;if(!1j.3U){1j.3U=P.$F;if(P.1e.7y.3T){1j.1n.8x("hz")}1j.3U.2z=(P.1e.7y.3T)?1j["[[ho.2z]]"]:{}}P.8Y(1j.3U,{$4N:"6g"});P.3F={1E:17(){if(P.1e.aH||P.1e.hu||P.1e.cl){1a{1f:1j.5l,1g:1j.4W}}1a{1f:P.1e.4a().cj,1g:P.1e.4a().hs}},7w:17(){1a{x:1j.hr||P.1e.4a().8p,y:1j.hp||P.1e.4a().8g}},hq:17(){1b Z=13.1E();1a{1f:1p.1V(P.1e.4a().hy,Z.1f),1g:1p.1V(P.1e.4a().hH,Z.1g)}}};P.26(1n,{$4N:"1n"});P.26(1j,{$4N:"1j"});P.26([P.3U,P.3F],{2c:17(ac,aa){1b Z=P.9e(13.$6z),ab=Z[ac];if(2D!==aa&&2D===ab){ab=Z[ac]=aa}1a(P.3r(ab)?ab:1h)},3e:17(ab,aa){1b Z=P.9e(13.$6z);Z[ab]=aa;1a 13},3a:17(aa){1b Z=P.9e(13.$6z);4V Z[aa];1a 13}});if(!(1j.ca&&1j.ca.2z&&1j.ca.2z.c2)){P.26([P.3U,P.3F],{c2:17(Z){1a P.$A(13.9T("*")).36(17(ab){3j{1a(1==ab.66&&ab.6t.4L(Z," "))}3G(aa){}})}})}P.26([P.3U,P.3F],{9V:17(){1a 13.c2(21[0])},8b:17(){1a 13.9T(21[0])}});if(P.1e.57.9R&&!1n.ds){P.3U.ds=17(){P.1e.57.bG(13)}}P.1v={$4N:"1A",6f:P.$1l,2f:17(){1a 13.5g().41()},5g:17(){if(13.dq){13.dq()}1k{13.d9=1r}1a 13},41:17(){if(13.cW){13.cW()}1k{13.hb=1l}1a 13},4r:17(){13.6f=P.$1r;1a 13},7A:17(){1b aa,Z;aa=((/3u/i).3n(13.1u))?13.2L[0]:13;1a(!P.3r(aa))?{x:0,y:0}:{x:aa.2H,y:aa.2J}},5F:17(){1b aa,Z;aa=((/3u/i).3n(13.1u))?13.2L[0]:13;1a(!P.3r(aa))?{x:0,y:0}:{x:aa.56||aa.2H+P.1e.4a().8p,y:aa.52||aa.2J+P.1e.4a().8g}},bj:17(){1b Z=13.4g||13.hd;5M(Z&&3==Z.66){Z=Z.4x}1a Z},8c:17(){1b aa=1h;4A(13.1u){1D"7I":1D"hI":1D"ih":aa=13.9y||13.ij;1H;1D"8d":1D"bX":1D"dG":aa=13.9y||13.ig;1H;1P:1a aa}3j{5M(aa&&3==aa.66){aa=aa.4x}}3G(Z){aa=1h}1a aa},6X:17(){if(!13.d1&&13.2t!==2D){1a(13.2t&1?1:(13.2t&2?3:(13.2t&4?2:0)))}1a 13.d1},ia:17(){1a(13.2l&&("3u"===13.2l||13.2l===13.5c))||(/3u/i).3n(13.1u)},im:17(){1a 13.2l?(("3u"===13.2l||13.5c===13.2l)&&13.9n):1===13.2L.1I&&(13.6a.1I?13.6a[0].3I==13.2L[0].3I:1r)}};P.bi="d3";P.bf="iv";P.9M="";if(!1n.d3){P.bi="ix";P.bf="iu";P.9M="87"}P.1v.1x={1u:"",x:1h,y:1h,2S:1h,2t:1h,4g:1h,9y:1h,$4N:"1A.4p",6f:P.$1l,5j:P.$([]),4c:17(Z){1b aa=Z;13.5j.3g(aa)},2f:17(){1a 13.5g().41()},5g:17(){13.5j.3f(17(aa){3j{aa.5g()}3G(Z){}});1a 13},41:17(){13.5j.3f(17(aa){3j{aa.41()}3G(Z){}});1a 13},4r:17(){13.6f=P.$1r;1a 13},7A:17(){1a{x:13.2H,y:13.2J}},5F:17(){1a{x:13.x,y:13.y}},bj:17(){1a 13.4g},8c:17(){1a 13.9y},6X:17(){1a 13.2t},eF:17(){1a 13.5j.1I>0?13.5j[0].bj():2D}};P.26([P.3U,P.3F],{1C:17(ab,ad,ae,ah){1b ag,Z,ac,af,aa;if("1N"==P.1O(ab)){aa=ab.8C(" ");if(aa.1I>1){ab=aa}}if(P.1O(ab)=="4h"){P.$(ab).3f(13.1C.2M(13,ad,ae,ah));1a 13}if(!ab||!ad||P.1O(ab)!="1N"||P.1O(ad)!="17"){1a 13}if(ab=="a3"&&P.1e.2m){ad.2e(13);1a 13}ab=W[ab]||ab;ae=5P(ae||50);if(!ad.$9B){ad.$9B=1p.5S(1p.6w()*P.64())}ag=P.3F.2c.2e(13,"8G",{});Z=ag[ab];if(!Z){ag[ab]=Z=P.$([]);ac=13;if(P.1v.1x[ab]){P.1v.1x[ab].1L.5K.2e(13,ah)}1k{Z.3o=17(ai){ai=P.26(ai||1j.e,{$4N:"1A"});P.3F.33.2e(ac,ab,P.$(ai))};13[P.bi](P.9M+ab,Z.3o,1l)}}af={1u:ab,fn:ad,bh:ae,cZ:ad.$9B};Z.3g(af);Z.iq(17(aj,ai){1a aj.bh-ai.bh});1a 13},1Q:17(af){1b ad=P.3F.2c.2e(13,"8G",{}),ab,Z,aa,ag,ae,ac;ae=21.1I>1?21[1]:-2I;if("1N"==P.1O(af)){ac=af.8C(" ");if(ac.1I>1){af=ac}}if(P.1O(af)=="4h"){P.$(af).3f(13.1Q.2M(13,ae));1a 13}af=W[af]||af;if(!af||P.1O(af)!="1N"||!ad||!ad[af]){1a 13}ab=ad[af]||[];1S(aa=0;aa<ab.1I;aa++){Z=ab[aa];if(-2I==ae||!!ae&&ae.$9B===Z.cZ){ag=ab.9E(aa--,1)}}if(0===ab.1I){if(P.1v.1x[af]){P.1v.1x[af].1L.2U.2e(13)}1k{13[P.bf](P.9M+af,ab.3o,1l)}4V ad[af]}1a 13},33:17(ad,af){1b ac=P.3F.2c.2e(13,"8G",{}),ab,Z,aa;ad=W[ad]||ad;if(!ad||P.1O(ad)!="1N"||!ac||!ac[ad]){1a 13}3j{af=P.26(af||{},{1u:ad})}3G(ae){}if(2D===af.2S){af.2S=P.64()}ab=ac[ad]||[];1S(aa=0;aa<ab.1I&&!(af.6f&&af.6f());aa++){ab[aa].fn.2e(13,af)}},bq:17(aa,Z){1b ad=("a3"==aa)?1l:1r,ac=13,ab;aa=W[aa]||aa;if(!ad){P.3F.33.2e(13,aa);1a 13}if(ac===1n&&1n.9W&&!ac.az){ac=1n.5k}if(1n.9W){ab=1n.9W(aa);ab.6d(Z,1r,1r)}1k{ab=1n.hR();ab.9v=aa}if(1n.9W){ac.az(ab)}1k{ac.hT("87"+Z,ab)}1a ab},c3:17(){1b aa=P.3F.2c.2e(13,"8G");if(!aa){1a 13}1S(1b Z in aa){P.3F.1Q.2e(13,Z)}P.3F.3a.2e(13,"8G");1a 13}});(17(Z){if("7U"===1n.8I){1a Z.1e.7Q.2G(1)}if(Z.1e.3T&&Z.1e.4J<hO){(17(){(Z.$(["2k","7U"]).5U(1n.8I))?Z.1e.7Q():21.9X.2G(50)})()}1k{if(Z.1e.4X&&Z.1e.2F<9&&1j==1G){(17(){(Z.$3j(17(){Z.1e.4a().hK("1M");1a 1r}))?Z.1e.7Q():21.9X.2G(50)})()}1k{Z.3F.1C.2e(Z.$(1n),"hN",Z.1e.7Q);Z.3F.1C.2e(Z.$(1j),"65",Z.1e.7Q)}}})(V);P.3O=17(){1b ad=1h,aa=P.$A(21);if("40"==P.1O(aa[0])){ad=aa.76()}1b Z=17(){1S(1b ag in 13){13[ag]=P.4d(13[ag])}if(13.5o.$3Q){13.$3Q={};1b ai=13.5o.$3Q;1S(1b ah in ai){1b af=ai[ah];4A(P.1O(af)){1D"17":13.$3Q[ah]=P.3O.cT(13,af);1H;1D"8D":13.$3Q[ah]=P.4d(af);1H;1D"4h":13.$3Q[ah]=P.4d(af);1H}}}1b ae=(13.3N)?13.3N.6i(13,21):13;4V 13.bo;1a ae};if(!Z.2z.3N){Z.2z.3N=P.$F}if(ad){1b ac=17(){};ac.2z=ad.2z;Z.2z=1t ac;Z.$3Q={};1S(1b ab in ad.2z){Z.$3Q[ab]=ad.2z[ab]}}1k{Z.$3Q=1h}Z.5o=P.3O;Z.2z.5o=Z;P.26(Z.2z,aa[0]);P.26(Z,{$4N:"40"});1a Z};V.3O.cT=17(Z,aa){1a 17(){1b ac=13.bo;1b ab=aa.6i(Z,21);1a ab}};(17(ac){1b ab=ac.$;1b Z=5,aa=aI;ac.1v.1x.1T=1t ac.3O(ac.26(ac.1v.1x,{1u:"1T",3N:17(af,ae){1b ad=ae.5F();13.x=ad.x;13.y=ad.y;13.2H=ae.2H;13.2J=ae.2J;13.2S=ae.2S;13.2t=ae.6X();13.4g=af;13.4c(ae)}}));ac.1v.1x.1T.1L={1w:{7N:aa,2t:1},5K:17(ad){13.3e("1A:1T:1w",ac.26(ac.4d(ac.1v.1x.1T.1L.1w),ad||{}));13.1C("6Q",ac.1v.1x.1T.1L.3o,1);13.1C("5X",ac.1v.1x.1T.1L.3o,1);13.1C("2T",ac.1v.1x.1T.1L.bn,1);if(ac.1e.4X&&ac.1e.2F<9){13.1C("9P",ac.1v.1x.1T.1L.3o,1)}},2U:17(){13.1Q("6Q",ac.1v.1x.1T.1L.3o);13.1Q("5X",ac.1v.1x.1T.1L.3o);13.1Q("2T",ac.1v.1x.1T.1L.bn);if(ac.1e.4X&&ac.1e.2F<9){13.1Q("9P",ac.1v.1x.1T.1L.3o)}},bn:17(ad){ad.41()},3o:17(ag){1b af,ad,ae;ad=13.2c("1A:1T:1w");if(ag.1u!="9P"&&ag.6X()!=ad.2t){1a}if(13.2c("1A:1T:b3")){13.3a("1A:1T:b3");1a}if("6Q"==ag.1u){af=1t ac.1v.1x.1T(13,ag);13.3e("1A:1T:9Z",af)}1k{if("5X"==ag.1u){af=13.2c("1A:1T:9Z");if(!af){1a}ae=ag.5F();13.3a("1A:1T:9Z");af.4c(ag);if(ag.2S-af.2S<=ad.7N&&1p.8L(1p.4E(ae.x-af.x,2)+1p.4E(ae.y-af.y,2))<=Z){13.33("1T",af)}1n.33("5X",ag)}1k{if(ag.1u=="9P"){af=1t ac.1v.1x.1T(13,ag);13.33("1T",af)}}}}}})(V);(17(aa){1b Z=aa.$;aa.1v.1x.2R=1t aa.3O(aa.26(aa.1v.1x,{1u:"2R",2p:"3R",6x:1l,3N:17(ae,ad,ac){1b ab=ad.5F();13.x=ab.x;13.y=ab.y;13.2H=ad.2H;13.2J=ad.2J;13.2S=ad.2S;13.2t=ad.6X();13.4g=ae;13.4c(ad);13.2p=ac}}));aa.1v.1x.2R.1L={5K:17(){1b ac=aa.1v.1x.2R.1L.dm.2M(13),ab=aa.1v.1x.2R.1L.9S.2M(13);13.1C("6Q",aa.1v.1x.2R.1L.bQ,1);13.1C("5X",aa.1v.1x.2R.1L.9S,1);1n.1C("6T",ac,1);1n.1C("5X",ab,1);13.3e("1A:2R:4F:1n:5E",ac);13.3e("1A:2R:4F:1n:7c",ab)},2U:17(){13.1Q("6Q",aa.1v.1x.2R.1L.bQ);13.1Q("5X",aa.1v.1x.2R.1L.9S);Z(1n).1Q("6T",13.2c("1A:2R:4F:1n:5E")||aa.$F);Z(1n).1Q("5X",13.2c("1A:2R:4F:1n:7c")||aa.$F);13.3a("1A:2R:4F:1n:5E");13.3a("1A:2R:4F:1n:7c")},bQ:17(ac){1b ab;if(1!=ac.6X()){1a}ab=1t aa.1v.1x.2R(13,ac,"3R");13.3e("1A:2R:3R",ab)},9S:17(ac){1b ab;ab=13.2c("1A:2R:3R");if(!ab){1a}ac.41();ab=1t aa.1v.1x.2R(13,ac,"9A");13.3a("1A:2R:3R");13.33("2R",ab)},dm:17(ac){1b ab;ab=13.2c("1A:2R:3R");if(!ab){1a}ac.41();if(!ab.6x){ab.6x=1r;13.33("2R",ab)}ab=1t aa.1v.1x.2R(13,ac,"dk");13.33("2R",ab)}}})(V);(17(aa){1b Z=aa.$;aa.1v.1x.4e=1t aa.3O(aa.26(aa.1v.1x,{1u:"4e",7j:1l,7k:1h,3N:17(ad,ac){1b ab=ac.5F();13.x=ab.x;13.y=ab.y;13.2H=ac.2H;13.2J=ac.2J;13.2S=ac.2S;13.2t=ac.6X();13.4g=ad;13.4c(ac)}}));aa.1v.1x.4e.1L={1w:{7N:7m},5K:17(ab){13.3e("1A:4e:1w",aa.26(aa.4d(aa.1v.1x.4e.1L.1w),ab||{}));13.1C("1T",aa.1v.1x.4e.1L.3o,1)},2U:17(){13.1Q("1T",aa.1v.1x.4e.1L.3o)},3o:17(ad){1b ac,ab;ac=13.2c("1A:4e:1A");ab=13.2c("1A:4e:1w");if(!ac){ac=1t aa.1v.1x.4e(13,ad);ac.7k=4v(17(){ac.7j=1r;ad.6f=aa.$1l;13.33("1T",ad);13.3a("1A:4e:1A")}.1F(13),ab.7N+10);13.3e("1A:4e:1A",ac);ad.4r()}1k{3J(ac.7k);13.3a("1A:4e:1A");if(!ac.7j){ac.4c(ad);ad.4r().2f();13.33("4e",ac)}1k{}}}}})(V);(17(af){1b ae=af.$;17 Z(ag){1a ag.2l?(("3u"===ag.2l||ag.5c===ag.2l)&&ag.9n):1===ag.2L.1I&&(ag.6a.1I?ag.6a[0].3I==ag.2L[0].3I:1r)}17 ab(ag){if(ag.2l){1a("3u"===ag.2l||ag.5c===ag.2l)?ag.9x:1h}1k{1a ag.2L[0].3I}}17 ac(ag){if(ag.2l){1a("3u"===ag.2l||ag.5c===ag.2l)?ag:1h}1k{1a ag.2L[0]}}af.1v.1x.1Z=1t af.3O(af.26(af.1v.1x,{1u:"1Z",id:1h,3N:17(ah,ag){1b ai=ac(ag);13.id=ai.9x||ai.3I;13.x=ai.56;13.y=ai.52;13.56=ai.56;13.52=ai.52;13.2H=ai.2H;13.2J=ai.2J;13.2S=ag.2S;13.2t=0;13.4g=ah;13.4c(ag)}}));1b aa=10,ad=7m;af.1v.1x.1Z.1L={5K:17(ag){13.1C(["5s",1j.2A.3c?"6U":"7v"],af.1v.1x.1Z.1L.7b,1);13.1C(["6h",1j.2A.3c?"5N":"6j"],af.1v.1x.1Z.1L.74,1);13.1C("2T",af.1v.1x.1Z.1L.b4,1)},2U:17(){13.1Q(["5s",1j.2A.3c?"6U":"7v"],af.1v.1x.1Z.1L.7b);13.1Q(["6h",1j.2A.3c?"5N":"6j"],af.1v.1x.1Z.1L.74);13.1Q("2T",af.1v.1x.1Z.1L.b4)},b4:17(ag){ag.41()},7b:17(ag){if(!Z(ag)){13.3a("1A:1Z:1A");1a}13.3e("1A:1Z:1A",1t af.1v.1x.1Z(13,ag));13.3e("1A:1T:b3",1r)},74:17(aj){1b ah=af.64(),ai=13.2c("1A:1Z:1A"),ag=13.2c("1A:1Z:1w");if(!ai||!Z(aj)){1a}13.3a("1A:1Z:1A");if(ai.id==ab(aj)&&aj.2S-ai.2S<=ad&&1p.8L(1p.4E(ac(aj).56-ai.x,2)+1p.4E(ac(aj).52-ai.y,2))<=aa){13.3a("1A:1T:9Z");aj.2f();ai.4c(aj);13.33("1Z",ai)}}}})(V);P.1v.1x.3D=1t P.3O(P.26(P.1v.1x,{1u:"3D",7j:1l,7k:1h,3N:17(aa,Z){13.x=Z.x;13.y=Z.y;13.2H=Z.2H;13.2J=Z.2J;13.2S=Z.2S;13.2t=0;13.4g=aa;13.4c(Z)}}));P.1v.1x.3D.1L={1w:{7N:aI},5K:17(Z){13.3e("1A:3D:1w",P.26(P.4d(P.1v.1x.3D.1L.1w),Z||{}));13.1C("1Z",P.1v.1x.3D.1L.3o,1)},2U:17(){13.1Q("1Z",P.1v.1x.3D.1L.3o)},3o:17(ab){1b aa,Z;aa=13.2c("1A:3D:1A");Z=13.2c("1A:3D:1w");if(!aa){aa=1t P.1v.1x.3D(13,ab);aa.7k=4v(17(){aa.7j=1r;ab.6f=P.$1l;13.33("1Z",ab)}.1F(13),Z.7N+10);13.3e("1A:3D:1A",aa);ab.4r()}1k{3J(aa.7k);13.3a("1A:3D:1A");if(!aa.7j){aa.4c(ab);ab.4r().2f();13.33("3D",aa)}1k{}}}};(17(ae){1b ad=ae.$;17 Z(af){1a af.2l?(("3u"===af.2l||af.5c===af.2l)&&af.9n):1===af.2L.1I&&(af.6a.1I?af.6a[0].3I==af.2L[0].3I:1r)}17 ab(af){if(af.2l){1a("3u"===af.2l||af.5c===af.2l)?af.9x:1h}1k{1a af.2L[0].3I}}17 ac(af){if(af.2l){1a("3u"===af.2l||af.5c===af.2l)?af:1h}1k{1a af.2L[0]}}1b aa=10;ae.1v.1x.2s=1t ae.3O(ae.26(ae.1v.1x,{1u:"2s",2p:"3R",id:1h,6x:1l,3N:17(ah,ag,af){1b ai=ac(ag);13.id=ai.9x||ai.3I;13.2H=ai.2H;13.2J=ai.2J;13.56=ai.56;13.52=ai.52;13.x=ai.56;13.y=ai.52;13.2S=ag.2S;13.2t=0;13.4g=ah;13.4c(ag);13.2p=af}}));ae.1v.1x.2s.1L={5K:17(){1b ag=ae.1v.1x.2s.1L.9I.1F(13),af=ae.1v.1x.2s.1L.74.1F(13);13.1C(["5s",1j.2A.3c?"6U":"7v"],ae.1v.1x.2s.1L.7b,1);13.1C(["6h",1j.2A.3c?"5N":"6j"],ae.1v.1x.2s.1L.74,1);13.1C(["8n",1j.2A.3c?"5u":"6l"],ae.1v.1x.2s.1L.9I,1);13.3e("1A:2s:4F:1n:5E",ag);13.3e("1A:2s:4F:1n:7c",af);ad(1n).1C(1j.2A.3c?"5u":"6l",ag,1);ad(1n).1C(1j.2A.3c?"5N":"6j",af,1)},2U:17(){13.1Q(["5s",1j.2A.3c?"6U":"7v"],ae.1v.1x.2s.1L.7b);13.1Q(["6h",1j.2A.3c?"5N":"6j"],ae.1v.1x.2s.1L.74);13.1Q(["8n",1j.2A.3c?"5u":"6l"],ae.1v.1x.2s.1L.9I);ad(1n).1Q(1j.2A.3c?"5u":"6l",13.2c("1A:2s:4F:1n:5E")||ae.$F,1);ad(1n).1Q(1j.2A.3c?"5N":"6j",13.2c("1A:2s:4F:1n:7c")||ae.$F,1);13.3a("1A:2s:4F:1n:5E");13.3a("1A:2s:4F:1n:7c")},7b:17(ag){1b af;if(!Z(ag)){1a}af=1t ae.1v.1x.2s(13,ag,"3R");13.3e("1A:2s:3R",af)},74:17(ag){1b af;af=13.2c("1A:2s:3R");if(!af||!af.6x||af.id!=ab(ag)){1a}af=1t ae.1v.1x.2s(13,ag,"9A");13.3a("1A:2s:3R");13.33("2s",af)},9I:17(ag){1b af;af=13.2c("1A:2s:3R");if(!af||!Z(ag)){1a}if(af.id!=ab(ag)){13.3a("1A:2s:3R");1a}if(!af.6x&&1p.8L(1p.4E(ac(ag).56-af.x,2)+1p.4E(ac(ag).52-af.y,2))>aa){af.6x=1r;13.33("2s",af)}if(!af.6x){1a}af=1t ae.1v.1x.2s(13,ag,"dk");13.33("2s",af)}}})(V);P.1v.1x.3V=1t P.3O(P.26(P.1v.1x,{1u:"3V",4f:1,b6:1,dd:1,2p:"gb",3N:17(aa,Z){13.2S=Z.2S;13.2t=0;13.4g=aa;13.x=Z.4w[0].2H+(Z.4w[1].2H-Z.4w[0].2H)/2;13.y=Z.4w[0].2J+(Z.4w[1].2J-Z.4w[0].2J)/2;13.dj=1p.8L(1p.4E(Z.4w[0].2H-Z.4w[1].2H,2)+1p.4E(Z.4w[0].2J-Z.4w[1].2J,2));13.4c(Z)},3X:17(Z){1b aa;13.2p="gc";if(Z.2L[0].3I!=13.5j[0].4w[0].3I||Z.2L[1].3I!=13.5j[0].4w[1].3I){1a}aa=1p.8L(1p.4E(Z.2L[0].2H-Z.2L[1].2H,2)+1p.4E(Z.2L[0].2J-Z.2L[1].2J,2));13.b6=13.4f;13.4f=aa/13.dj;13.dd=13.4f/13.b6;13.x=Z.2L[0].2H+(Z.2L[1].2H-Z.2L[0].2H)/2;13.y=Z.2L[0].2J+(Z.2L[1].2J-Z.2L[0].2J)/2;13.4c(Z)}}));P.1v.1x.3V.1L={5K:17(){13.1C("5s",P.1v.1x.3V.1L.bM,1);13.1C("6h",P.1v.1x.3V.1L.bE,1);13.1C("8n",P.1v.1x.3V.1L.bw,1)},2U:17(){13.1Q("5s",P.1v.1x.3V.1L.bM);13.1Q("6h",P.1v.1x.3V.1L.bE);13.1Q("8n",P.1v.1x.3V.1L.bw)},bM:17(aa){1b Z;if(aa.4w.1I!=2){1a}aa.41();Z=1t P.1v.1x.3V(13,aa);13.3e("1A:3V:1A",Z)},bE:17(aa){1b Z;Z=13.2c("1A:3V:1A");if(!Z){1a}aa.41();13.3a("1A:3V:1A")},bw:17(aa){1b Z;Z=13.2c("1A:3V:1A");if(!Z){1a}aa.41();Z.3X(aa);13.33("3V",Z)}};(17(ae){1b ac=ae.$;ae.1v.1x.4y=1t ae.3O(ae.26(ae.1v.1x,{1u:"4y",3N:17(ak,aj,am,ag,af,al,ah){1b ai=aj.5F();13.x=ai.x;13.y=ai.y;13.2S=aj.2S;13.4g=ak;13.gP=am||0;13.cd=ag||0;13.8f=af||0;13.gQ=al||0;13.gR=ah||0;13.bz=aj.bz||0;13.bS=1l;13.4c(aj)}}));1b ad,aa;17 Z(){ad=1h}17 ab(af,ag){1a(af>50)||(1===ag&&!("9p"==ae.1e.4Q&&af<1))||(0===af%12)||(0==af%4.gA)}ae.1v.1x.4y.1L={9v:"gl"in 1n||ae.1e.2F>8?"gm":"gf",5K:17(){13.1C(ae.1v.1x.4y.1L.9v,ae.1v.1x.4y.1L.3o,1)},2U:17(){13.1Q(ae.1v.1x.4y.1L.9v,ae.1v.1x.4y.1L.3o,1)},3o:17(ak){1b al=0,ai=0,ag=0,af=0,aj,ah;if(ak.cw){ag=ak.cw*-1}if(ak.cz!==2D){ag=ak.cz}if(ak.cy!==2D){ag=ak.cy}if(ak.cx!==2D){ai=ak.cx*-1}if(ak.8f){ag=-1*ak.8f}if(ak.cd){ai=ak.cd}if(0===ag&&0===ai){1a}al=0===ag?ai:ag;af=1p.1V(1p.3H(ag),1p.3H(ai));if(!ad||af<ad){ad=af}aj=al>0?"5S":"43";al=1p[aj](al/ad);ai=1p[aj](ai/ad);ag=1p[aj](ag/ad);if(aa){3J(aa)}aa=4v(Z,7m);ah=1t ae.1v.1x.4y(13,ak,al,ai,ag,0,ad);ah.bS=ab(ad,ak.bz||0);13.33("4y",ah)}}})(V);P.9p=P.$(1j);P.cA=P.$(1n);1a V})();(17(L){if(!L){5H"6J 6H 6L"}1b K=L.$;1b J=1j.kC||1j.kD||1h;z.aW=1t L.3O({2a:1h,2m:1l,1w:{8V:L.$F,5Y:L.$F,by:L.$F,6C:L.$F,7h:L.$F,cD:L.$F,a0:1l,cJ:1r},1z:1h,8M:1h,bB:0,7B:{8V:17(M){if(M.4g&&(7m===M.4g.a9||cE===M.4g.a9)&&M.kw){13.1w.8V.1F(1h,(M.2k-(13.1w.cJ?13.bB:0))/M.kl).2G(1);13.bB=M.2k}},5Y:17(M){if(M){K(M).2f()}13.7Z();if(13.2m){1a}13.2m=1r;13.8r();!13.1w.a0&&13.1w.8V.1F(1h,1).2G(1);13.1w.5Y.1F(1h,13).2G(1);13.1w.7h.1F(1h,13).2G(1)},by:17(M){if(M){K(M).2f()}13.7Z();13.2m=1l;13.8r();13.1w.by.1F(1h,13).2G(1);13.1w.7h.1F(1h,13).2G(1)},6C:17(M){if(M){K(M).2f()}13.7Z();13.2m=1l;13.8r();13.1w.6C.1F(1h,13).2G(1);13.1w.7h.1F(1h,13).2G(1)}},9H:17(){K(["65","bt","cM"]).3f(17(M){13.2a.1C(M,13.7B["87"+M].2M(13).cL(1))},13)},7Z:17(){if(13.8M){3j{3J(13.8M)}3G(M){}13.8M=1h}K(["65","bt","cM"]).3f(17(N){13.2a.1Q(N)},13)},8r:17(){13.1E();if(13.2a.2c("1t")){1b M=13.2a.4x;13.2a.2U().3a("1t").1y({2g:"kr",1G:"2C"});M.5h()}},cG:17(N){1b O=1t a8(),M;K(["bt","kH"]).3f(17(P){O["87"+P]=K(17(Q){13.7B["87"+P].2e(13,Q)}).1F(13)},13);O.6C=K(17(){13.1w.cD.1F(1h,13).2G(1);13.1w.a0=1l;13.9H();13.2a.1W=N}).1F(13);O.5Y=K(17(){if(7m!==O.a9&&cE!==O.a9){13.7B.6C.2e(13);1a}M=O.kV;13.9H();if(J&&!L.1e.4X&&!("ao"===L.1e.4Q&&L.1e.4J<kQ)){13.2a.3A("1W",J.ks(M))}1k{13.2a.1W=N}}).1F(13);O.8e("l5",N);O.kA="lv";O.lw()},3N:17(N,M){13.1w=L.26(13.1w,M);13.2a=K(N)||L.$1t("2a",{},{"1V-1f":"2Y","1V-1g":"2Y"}).24(L.$1t("2X").1B("3l-aw-2a").1y({2g:"5t",1G:-fD,1f:10,1g:10,7G:"3w"}).24(1n.3C)).3e("1t",1r);if(L.1e.2O.cF&&13.1w.a0&&"1N"==L.1O(N)){13.cG(N);1a}1b O=17(){if(13.ck()){13.7B.5Y.2e(13)}1k{13.7B.6C.2e(13)}O=1h}.1F(13);13.9H();if("1N"==L.1O(N)){13.2a.1W=N}1k{if(L.1e.4X&&5==L.1e.4J&&L.1e.2F<9){13.2a.cN=17(){if(/2k|7U/.3n(13.2a.8I)){13.2a.cN=1h;O&&O()}}.1F(13)}13.2a.1W=N.2u("1W")}13.2a&&13.2a.7U&&O&&(13.8M=O.2G(2I))},lB:17(){13.7Z();13.8r();13.2m=1l;1a 13},ck:17(){1b M=13.2a;1a(M.9K)?(M.9K>0):(M.8I)?("7U"==M.8I):M.1f>0},1E:17(){1a 13.1z||(13.1z={1f:13.2a.9K||13.2a.1f,1g:13.2a.cQ||13.2a.1g})}})})(z);(17(K){if(!K){5H"6J 6H 6L"}if(K.5x){1a}1b J=K.$;K.5x=1t K.3O({3N:17(M,L){1b N;13.el=K.$(M);13.1w=K.26(13.1w,L);13.5T=1l;13.7E=13.bP;N=K.5x.8q[13.1w.1Y]||13.1w.1Y;if("17"===K.1O(N)){13.7E=N}1k{13.5D=13.8k(N)||13.8k("6m")}if("1N"==K.1O(13.1w.7D)){13.1w.7D="l8"===13.1w.7D?6q:5P(13.1w.7D)||1}},1w:{dh:60,5m:9Y,1Y:"6m",7D:1,4P:"f1",cn:K.$F,7C:K.$F,c7:K.$F,da:K.$F,93:1l,l9:1l},4q:1h,5D:1h,7E:1h,lh:17(L){13.1w.1Y=L;L=K.5x.8q[13.1w.1Y]||13.1w.1Y;if("17"===K.1O(L)){13.7E=L}1k{13.7E=13.bP;13.5D=13.8k(L)||13.8k("6m")}},4O:17(N){1b L=/\\%$/,M;13.4q=N||{};13.br=0;13.2p=0;13.lg=0;13.9f={};13.7p="7p"===13.1w.4P||"7p-4H"===13.1w.4P;13.7f="7f"===13.1w.4P||"7f-4H"===13.1w.4P;1S(M in 13.4q){L.3n(13.4q[M][0])&&(13.9f[M]=1r);if("4H"===13.1w.4P||"7p-4H"===13.1w.4P||"7f-4H"===13.1w.4P){13.4q[M].4H()}}13.bH=K.64();13.cO=13.bH+13.1w.5m;13.1w.cn.2e();if(0===13.1w.5m){13.6M(1);13.1w.7C.2e()}1k{13.8Z=13.di.1F(13);if(!13.1w.93&&K.1e.2O.5b){13.5T=K.1e.5b.2e(1j,13.8Z)}1k{13.5T=13.8Z.cm(1p.4S(bO/13.1w.dh))}}1a 13},bI:17(){if(13.5T){if(!13.1w.93&&K.1e.2O.5b&&K.1e.92){K.1e.92.2e(1j,13.5T)}1k{ed(13.5T)}13.5T=1l}},2f:17(L){L=K.3r(L)?L:1l;13.bI();if(L){13.6M(1);13.1w.7C.2G(10)}1a 13},b9:17(N,M,L){N=2v(N);M=2v(M);1a(M-N)*L+N},di:17(){1b M=K.64(),L=(M-13.bH)/13.1w.5m,N=1p.5S(L);if(M>=13.cO&&N>=13.1w.7D){13.bI();13.6M(1);13.1w.7C.2G(10);1a 13}if(13.7p&&13.br<N){1S(1b O in 13.4q){13.4q[O].4H()}}13.br=N;if(!13.1w.93&&K.1e.2O.5b){13.5T=K.1e.5b.2e(1j,13.8Z)}13.6M((13.7f?N:0)+13.7E(L%1))},6M:17(L){1b M={},O=L;1S(1b N in 13.4q){if("2r"===N){M[N]=1p.4S(13.b9(13.4q[N][0],13.4q[N][1],L)*2I)/2I}1k{M[N]=13.b9(13.4q[N][0],13.4q[N][1],L);13.9f[N]&&(M[N]+="%")}}13.1w.c7(M,13.el);13.7e(M);13.1w.da(M,13.el)},7e:17(L){1a 13.el.1y(L)},8k:17(L){1b M,N=1h;if("1N"!==K.1O(L)){1a 1h}4A(L){1D"9o":N=J([0,0,1,1]);1H;1D"6m":N=J([0.25,0.1,0.25,1]);1H;1D"6m-in":N=J([0.42,0,1,1]);1H;1D"6m-dc":N=J([0,0,0.58,1]);1H;1D"6m-in-dc":N=J([0.42,0,0.58,1]);1H;1D"d2":N=J([0.47,0,0.kt,0.l1]);1H;1D"df":N=J([0.39,0.kL,0.kS,1]);1H;1D"kR":N=J([0.kP,0.bk,0.55,0.95]);1H;1D"d5":N=J([0.55,0.kB,0.68,0.53]);1H;1D"cY":N=J([0.25,0.46,0.45,0.94]);1H;1D"kO":N=J([0.kN,0.dl,0.kJ,0.kK]);1H;1D"cU":N=J([0.55,0.kM,0.kT,0.19]);1H;1D"cV":N=J([0.kU,0.61,0.dp,1]);1H;1D"l2":N=J([0.l0,0.b2,0.dp,1]);1H;1D"kZ":N=J([0.eJ,0.dl,0.eL,0.22]);1H;1D"kW":N=J([0.d6,0.84,0.44,1]);1H;1D"kX":N=J([0.77,0,0.a4,1]);1H;1D"kY":N=J([0.kI,0.bk,0.ku,0.kq]);1H;1D"kp":N=J([0.23,1,0.32,1]);1H;1D"km":N=J([0.86,0,0.kn,1]);1H;1D"d0":N=J([0.95,0.bk,0.ko,0.kv]);1H;1D"d4":N=J([0.19,1,0.22,1]);1H;1D"kE":N=J([1,0,0,1]);1H;1D"kF":N=J([0.6,0.kG,0.98,0.kx]);1H;1D"ky":N=J([0.kz,0.82,0.d6,1]);1H;1D"l4":N=J([0.lE,0.lD,0.15,0.86]);1H;1D"dn":N=J([0.6,-0.28,0.eH,0.b2]);1H;1D"dt":N=J([0.a4,0.bD,0.32,1.lA]);1H;1D"lz":N=J([0.68,-0.55,0.lx,1.55]);1H;1P:L=L.4i(/\\s/g,"");if(L.3z(/^5A-5B\\((?:-?[0-9\\.]{0,}[0-9]{1,},){3}(?:-?[0-9\\.]{0,}[0-9]{1,})\\)$/)){N=L.4i(/^5A-5B\\s*\\(|\\)$/g,"").8C(",");1S(M=N.1I-1;M>=0;M--){N[M]=2v(N[M])}}}1a J(N)},bP:17(X){1b L=0,W=0,T=0,Y=0,V=0,R=0,S=13.1w.5m;17 Q(Z){1a((L*Z+W)*Z+T)*Z}17 P(Z){1a((Y*Z+V)*Z+R)*Z}17 N(Z){1a(3*L*Z+2*W)*Z+T}17 U(Z){1a 1/(7m*Z)}17 M(Z,aa){1a P(O(Z,aa))}17 O(ag,ah){1b af,ae,ad,aa,Z,ac;17 ab(ai){if(ai>=0){1a ai}1k{1a 0-ai}}1S(ad=ag,ac=0;ac<8;ac++){aa=Q(ad)-ag;if(ab(aa)<ah){1a ad}Z=N(ad);if(ab(Z)<0.c8){1H}ad=ad-aa/Z}af=0;ae=1;ad=ag;if(ad<af){1a af}if(ad>ae){1a ae}5M(af<ae){aa=Q(ad);if(ab(aa-ag)<ah){1a ad}if(ag>aa){af=ad}1k{ae=ad}ad=(ae-af)*0.5+af}1a ad}T=3*13.5D[0];W=3*(13.5D[2]-13.5D[0])-T;L=1-T-W;R=3*13.5D[1];V=3*(13.5D[3]-13.5D[1])-R;Y=1-R-V;1a M(X,U(S))}});K.5x.8q={9o:"9o",lC:"d2",lF:"df",ly:"d0",ls:"d4",ld:"d5",le:"cY",lf:"cU",lc:"cV",lu:"dn",la:"dt",dr:17(M,L){L=L||[];1a 1p.4E(2,10*--M)*1p.dg(20*M*1p.du*(L[0]||1)/3)},l6:17(M,L){1a 1-K.5x.8q.dr(1-M,L)},db:17(N){1S(1b M=0,L=1;1;M+=L,L/=2){if(N>=(7-4*M)/11){1a L*L-1p.4E((11-6*M-11*N)/4,2)}}},l7:17(L){1a 1-K.5x.8q.db(1-L)},2Y:17(L){1a 0}}})(z);(17(K){if(!K){5H"6J 6H 6L"}if(K.9r){1a}1b J=K.$;K.9r=1t K.3O(K.5x,{3N:17(L,M){13.bR=L;13.1w=K.26(13.1w,M);13.5T=1l;13.$3Q.3N()},4O:17(P){1b L=/\\%$/,O,N,M=P.1I;13.c5=P;13.9k=1t 6u(M);1S(N=0;N<M;N++){13.9k[N]={};1S(O in P[N]){L.3n(P[N][O][0])&&(13.9k[N][O]=1r);if("4H"===13.1w.4P||"7p-4H"===13.1w.4P||"7f-4H"===13.1w.4P){13.c5[N][O].4H()}}}13.$3Q.4O({});1a 13},6M:17(L){1S(1b M=0;M<13.bR.1I;M++){13.el=K.$(13.bR[M]);13.4q=13.c5[M];13.9f=13.9k[M];13.$3Q.6M(L)}}})})(z);(17(K){if(!K){5H"6J 6H 6L";1a}if(K.c1){1a}1b J=K.$;K.c1=17(M,N){1b L=13.7O=K.$1t("2X",1h,{2g:"5t","z-8Q":co}).1B("lp");K.$(M).1C("7I",17(){L.24(1n.3C)});K.$(M).1C("8d",17(){L.2U()});K.$(M).1C("6T",17(S){1b U=20,R=K.$(S).5F(),Q=L.1E(),P=K.$(1j).1E(),T=K.$(1j).7w();17 O(X,V,W){1a(W<(X-V)/2)?W:((W>(X+V)/2)?(W-V):(X-V)/2)}L.1y({1M:T.x+O(P.1f,Q.1f+2*U,R.x-T.x)+U,1G:T.y+O(P.1g,Q.1g+2*U,R.y-T.y)+U})});13.9D(N)};K.c1.2z.9D=17(L){13.7O.4j&&13.7O.bW(13.7O.4j);13.7O.3d(1n.9h(L))}})(z);(17(K){if(!K){5H"6J 6H 6L";1a}if(K.lq){1a}1b J=K.$;K.8U=17(O,N,M,L){13.9m=1h;13.5q=K.$1t("ch",1h,{2g:"5t","z-8Q":co,4K:"3w",2r:0.8}).1B(L||"").24(M||1n.3C);13.cp(O);13.5y(N)};K.8U.2z.5y=17(L){13.5q.5y();13.9m=13.4l.1F(13).2G(K.bY(L,lr))};K.8U.2z.4l=17(L){3J(13.9m);13.9m=1h;if(13.5q&&!13.c4){13.c4=1t z.5x(13.5q,{5m:K.bY(L,bv),7C:17(){13.5q.5h();4V 13.5q;13.c4=1h}.1F(13)}).4O({2r:[13.5q.3t("2r"),0]})}};K.8U.2z.cp=17(L){13.5q.4j&&13.7O.bW(13.5q.4j);13.5q.3d(1n.9h(L))}})(z);(17(K){if(!K){5H"6J 6H 6L"}if(K.7t){1a}1b N=K.$,J=1h,R={"3q":1,4h:2,6E:3,"17":4,1N:2I},L={"3q":17(U,T,S){if("3q"!=K.1O(T)){if(S||"1N"!=K.1O(T)){1a 1l}1k{if(!/^(1r|1l)$/.3n(T)){1a 1l}1k{T=T.cK()}}}if(U.3Z("2E")&&!N(U["2E"]).5U(T)){1a 1l}J=T;1a 1r},1N:17(U,T,S){if("1N"!==K.1O(T)){1a 1l}1k{if(U.3Z("2E")&&!N(U["2E"]).5U(T)){1a 1l}1k{J=""+T;1a 1r}}},6E:17(V,U,T){1b S=1l,X=/%$/,W=(K.1O(U)=="1N"&&X.3n(U));if(T&&!"6E"==8w U){1a 1l}U=2v(U);if(9a(U)){1a 1l}if(9a(V.7s)){V.7s=cC.lo}if(9a(V.aD)){V.aD=cC.ln}if(V.3Z("2E")&&!N(V["2E"]).5U(U)){1a 1l}if(V.7s>U||U>V.aD){1a 1l}J=W?(U+"%"):U;1a 1r},4h:17(V,T,S){if("1N"===K.1O(T)){3j{T=1j.lj.lk(T)}3G(U){1a 1l}}if(K.1O(T)==="4h"){J=T;1a 1r}1k{1a 1l}},"17":17(U,T,S){if(K.1O(T)==="17"){J=T;1a 1r}1k{1a 1l}}},M=17(X,W,T){1b V;V=X.3Z("3b")?X.3b:[X];if("4h"!=K.1O(V)){1a 1l}1S(1b U=0,S=V.1I-1;U<=S;U++){if(L[V[U].1u](V[U],W,T)){1a 1r}}1a 1l},P=17(X){1b V,U,W,S,T;if(X.3Z("3b")){S=X.3b.1I;1S(V=0;V<S;V++){1S(U=V+1;U<S;U++){if(R[X.3b[V]["1u"]]>R[X.3b[U].1u]){T=X.3b[V];X.3b[V]=X.3b[U];X.3b[U]=T}}}}1a X},Q=17(V){1b U;U=V.3Z("3b")?V.3b:[V];if("4h"!=K.1O(U)){1a 1l}1S(1b T=U.1I-1;T>=0;T--){if(!U[T].1u||!R.3Z(U[T].1u)){1a 1l}if(K.3r(U[T]["2E"])){if("4h"!==K.1O(U[T]["2E"])){1a 1l}1S(1b S=U[T]["2E"].1I-1;S>=0;S--){if(!L[U[T].1u]({1u:U[T].1u},U[T]["2E"][S],1r)){1a 1l}}}}if(V.3Z("1P")&&!M(V,V["1P"],1r)){1a 1l}1a 1r},O=17(S){13.4C={};13.1w={};13.cI(S)};K.26(O.2z,{cI:17(U){1b T,S,V;1S(T in U){if(!U.3Z(T)){8F}S=(T+"").5a().5G();if(!13.4C.3Z(S)){13.4C[S]=P(U[T]);if(!Q(13.4C[S])){5H"ll lm l3 kj \'"+T+"\' j9 in "+U}13.1w[S]=2D}}},7e:17(T,S){T=(T+"").5a().5G();if(K.1O(S)=="1N"){S=S.5a()}if(13.4C.3Z(T)){J=S;if(M(13.4C[T],S)){13.1w[T]=J}J=1h}},f7:17(S){S=(S+"").5a().5G();if(13.4C.3Z(S)){1a K.3r(13.1w[S])?13.1w[S]:13.4C[S]["1P"]}},89:17(T){1S(1b S in T){13.7e(S,T[S])}},fl:17(){1b T=K.26({},13.1w);1S(1b S in T){if(2D===T[S]&&2D!==13.4C[S]["1P"]){T[S]=13.4C[S]["1P"]}}1a T},a7:17(S){N(S.8C(";")).3f(N(17(T){T=T.8C(":");13.7e(T.76().5a(),T.7F(":"))}).1F(13))},9g:17(S){S=(S+"").5a().5G();1a 13.4C.3Z(S)},j8:17(S){S=(S+"").5a().5G();1a 13.9g(S)&&K.3r(13.1w[S])},2U:17(S){S=(S+"").5a().5G();if(13.9g(S)){4V 13.1w[S];4V 13.4C[S]}}});K.7t=O}(z));(17(N){if(!N){5H"6J 6H 6L";1a}1b M=N.$;if(N.91){1a}1b L="av://ay.au.aU/ja/7z",K="av://ay.au.aU/jb/jc";1b J=17(O){13.6W={};13.7l=M(O);13.5Q=M(1n.9z(L,"7z"));13.5Q.3A("1f",13.7l.9K||13.7l.1f);13.5Q.3A("1g",13.7l.cQ||13.7l.1g);13.1i=M(1n.9z(L,"1i"));13.1i.j7(K,"6Y",13.7l.2u("1W"));13.1i.3A("1f","2I%");13.1i.3A("1g","2I%");13.1i.24(13.5Q)};J.2z.75=17(){1a 13.5Q};J.2z.5e=17(O){if(1p.4S(O)<1){1a}if(!13.6W.5e){13.6W.5e=M(1n.9z(L,"36"));13.6W.5e.3A("id","d7");13.6W.5e.b1(M(1n.9z(L,"j6")).8i({"in":"j2",cS:O}));13.6W.5e.24(13.5Q);13.1i.3A("36","29(#d7)")}1k{13.6W.5e.4j.3A("cS",O)}1a 13};N.91=J}(z));1b s=(17(L){1b K=L.$;1b J=17(N,M){13.3m={8P:"3l",3E:"7X",2g:"2N",1z:{j1:"2y",1f:"2C",1g:"2C"},j3:["1g","1f"]};13.3Q=N;13.4I=1h;13.6F=1h;13.2Q=1h;13.2P={};13.d8=[];13.6B=1h;13.aC=1h;13.5R=1h;13.3m=L.26(13.3m,M);13.3k=13.3m.8P+"-bd";13.7W=13.3m.8P+"-6N";13.cX()};J.2z={cX:17(){13.4I=L.$1t("2X").1B(13.3k).1B(13.3k+"-"+13.3m.3E).1y({4K:"3w"});13.6F=L.$1t("2X").1B(13.3k+"-6F").24(13.4I);13.4I.24(13.3Q);K(["4G","4B"]).3f(17(M){13.2P[M]=L.$1t("2t").1B(13.3k+"-2t").1B(13.3k+"-2t-"+M).24(13.4I).1C("1T 1Z",(17(O,N){K(O).5j[0].2f().4r();K(O).5g();13.6y(N)}).2M(13,M))}.1F(13));13.2P.4G.1B(13.3k+"-2t-4Y");13.2Q=L.$1t("j4").1C("1T 1Z",17(M){M.2f()})},dL:17(N){1b M=L.$1t("li").1B(13.7W).3d(N).24(13.2Q);1t L.aW(N,{7h:13.a6.1F(13)});13.d8.3g(M);1a M},e6:17(N){1b M=13.6B||13.2Q.9V(13.7W+"-6P")[0];if(M){K(M).1R(13.7W+"-6P")}13.6B=K(N);if(!13.6B){1a}13.6B.1B(13.7W+"-6P");13.6y(13.6B)},b7:17(){if(13.6F!==13.2Q.4x){K(13.2Q).24(13.6F);13.de();K(1j).1C("78",13.5R=13.a6.1F(13));13.b7.1F(13).2G(1);1a}1b M=13.3Q.1E();if(M.1g>0&&M.1g>M.1f){13.8E("4Z")}1k{13.8E("7X")}13.a6();13.4I.1y({4K:""})},2f:17(){if(13.5R){K(1j).1Q("78",13.5R)}13.4I.5h()},6y:17(Z,P){1b R={x:0,y:0},ac="4Z"==13.3m.3E?"1G":"1M",U="4Z"==13.3m.3E?"1g":"1f",Q="4Z"==13.3m.3E?"y":"x",Y=13.2Q.4x.1E()[U],V=13.2Q.4x.8y(),O=13.2Q.1E()[U],X,M,ab,S,N,W,T,aa=[];if(13.aC){13.aC.2f()}1k{13.2Q.1y("1Y",L.1e.7J+69.7o(32)+"9J")}if(2D===P){P=9Y}X=13.2Q.8y();if("1N"==L.1O(Z)){R[Q]=("4B"==Z)?1p.1V(X[ac]-V[ac]-Y,Y-O):1p.2h(X[ac]-V[ac]+Y,0)}1k{if("6g"==L.1O(Z)){M=Z.1E();ab=Z.8y();R[Q]=1p.2h(0,1p.1V(Y-O,X[ac]+Y/2-ab[ac]-M[U]/2))}1k{1a}}if(L.1e.6n&&"6O"==L.1e.4Q||L.1e.2F&&L.1e.2F<10){if("1N"==L.1O(Z)&&R[Q]==X[ac]-V[ac]){X[ac]+=0===X[ac]-V[ac]?30:-30}R["8J-"+ac]=[((O<=Y)?0:(X[ac]-V[ac])),R[Q]];4V R.x;4V R.y;if(!13.aO){13.aO=1t L.9r([13.2Q],{5m:bv})}aa.3g(R);13.aO.4O(aa);T=R["8J-"+ac][1]}1k{13.2Q.1y({1Y:L.1e.7J+69.7o(32)+P+"6p 6m",2i:"4o("+R.x+"2y, "+R.y+"2y, 0)"});T=R[Q]}if(T>=0){13.2P.4G.1B(13.3k+"-2t-4Y")}1k{13.2P.4G.1R(13.3k+"-2t-4Y")}if(T<=Y-O){13.2P.4B.1B(13.3k+"-2t-4Y")}1k{13.2P.4B.1R(13.3k+"-2t-4Y")}T=1h},de:17(){1b O,N,P,W,V,Y,Q,U,T,X,ad,aa,ab,Z={x:0,y:0},M,S,R=aI,ac=17(ag){1b af,ae=0;1S(af=1.5;af<=90;af+=1.5){ae+=(ag*1p.dg(af/1p.du/2))}(W<0)&&(ae*=(-1));1a ae};V=K(17(ae){Z={x:0,y:0};M="4Z"==13.3m.3E?"1G":"1M";S="4Z"==13.3m.3E?"1g":"1f";O="4Z"==13.3m.3E?"y":"x";aa=13.2Q.4x.1E()[S];ad=13.2Q.1E()[S];P=aa-ad;if(P>=0){1a}if(ae.2p=="3R"){if(2D===ab){ab=0}13.2Q.3M("1Y",L.1e.7J+69.7o(32)+"dT");Y=ae[O];T=ae.y;U=ae.x;X=1l}1k{if("9A"==ae.2p){if(X){1a}Q=ac(1p.3H(W));ab+=Q;(ab<=P)&&(ab=P);(ab>=0)&&(ab=0);Z[O]=ab;13.2Q.3M("1Y",L.1e.7J+69.7o(32)+R+"6p  5A-5B(.0, .0, .0, 1)");13.2Q.3M("2i","4o("+Z.x+"2y, "+Z.y+"2y, 5Z)");W=0}1k{if(X){1a}if("7X"==13.3m.3E&&1p.3H(ae.x-U)>1p.3H(ae.y-T)||"4Z"==13.3m.3E&&1p.3H(ae.x-U)<1p.3H(ae.y-T)){ae.2f();W=ae[O]-Y;ab+=W;Z[O]=ab;13.2Q.3M("2i","4o("+Z.x+"2y, "+Z.y+"2y, 5Z)");if(ab>=0){13.2P.4G.1B(13.3k+"-2t-4Y")}1k{13.2P.4G.1R(13.3k+"-2t-4Y")}if(ab<=P){13.2P.4B.1B(13.3k+"-2t-4Y")}1k{13.2P.4B.1R(13.3k+"-2t-4Y")}}1k{X=1r}}Y=ae[O]}}).1F(13);13.2Q.1C("2s",V)},a6:17(){1b P,O,M,N=13.3Q.1E();if(N.1g>0&&N.1g>N.1f){13.8E("4Z")}1k{13.8E("7X")}P="4Z"==13.3m.3E?"1g":"1f";O=13.2Q.1E()[P];M=13.4I.1E()[P];if(O<=M){13.4I.1B("6I-2P");13.2Q.3M("1Y","").1E();13.2Q.3M("2i","4o(0,0,0)");13.2P.4G.1B(13.3k+"-2t-4Y");13.2P.4B.1R(13.3k+"-2t-4Y")}1k{13.4I.1R("6I-2P")}if(13.6B){13.6y(13.6B,0)}},8E:17(M){if("4Z"!==M&&"7X"!==M||M==13.3m.3E){1a}13.4I.1R(13.3k+"-"+13.3m.3E);13.3m.3E=M;13.4I.1B(13.3k+"-"+13.3m.3E);13.2Q.3M("1Y","2Y").1E();13.2Q.3M("2i","").3M("8J","")}};1a J})(z);1b i=A.$;if(8w 72.aK!=="17"){72.aK=17(M){if(M==1h){5H 1t j5("jd je 2D jm 1h 6b 8D")}M=72(M);1S(1b J=1;J<21.1I;J++){1b L=21[J];if(L!=1h){1S(1b K in L){if(72.2z.3Z.2e(L,K)){M[K]=L[K]}}}}1a M}}if(!A.1e.a2){A.1e.a2=A.an("2i").9d()}1b p={4k:{1u:"1N","2E":["2T","7M"],"1P":"7M"},4b:{3b:[{1u:"1N","2E":["1m","2B","4n","48"],"1P":"1m"},{1u:"3q","2E":[1l]}],"1P":"1m"},dX:{3b:[{1u:"1N","2E":["2C"]},{1u:"6E",7s:1}],"1P":"2C"},e3:{3b:[{1u:"1N","2E":["2C"]},{1u:"6E",7s:1}],"1P":"2C"},aN:{1u:"1N","1P":"2K"},jn:{1u:"6E",7s:0,"1P":15},81:{3b:[{1u:"1N","2E":["2N","1G","48"],"1P":"48"},{1u:"3q","2E":[1l]}],"1P":"48"},2n:{3b:[{1u:"1N","2E":["1j","eR","48"]},{1u:"3q","2E":[1l]}],"1P":"1j"},4z:{3b:[{1u:"1N","2E":["1m","2B","48"],"1P":"1m"},{1u:"3q","2E":[1l]}],"1P":"1m"},3B:{1u:"1N","2E":["2T","34"],"1P":"2T"},3Y:{1u:"3q","1P":1r},eE:{1u:"3q","1P":1r},3p:{3b:[{1u:"1N","2E":["aV","34","48"]},{1u:"3q","2E":[1l]}],"1P":"aV"},eX:{1u:"3q","1P":1r},dF:{1u:"3q","1P":1r},dz:{1u:"3q","1P":1l},8S:{1u:"3q","1P":1l},bu:{1u:"3q","1P":1r},fs:{1u:"3q","1P":1l},e5:{1u:"3q","1P":1r},bm:{1u:"1N","2E":["2T","7M"],"1P":"2T"},5v:{1u:"1N"},9w:{1u:"3q","1P":1l},cc:{1u:"1N","1P":"jo 6b 1m"},aq:{1u:"1N","1P":"cB 6b 1m"},9i:{1u:"1N","1P":"cB 6b 2n"},jp:{1u:"1N","1P":"jl"},jk:{1u:"1N","1P":"jg"},jf:{1u:"1N","1P":"jh"}};1b m={4b:{3b:[{1u:"1N","2E":["1m","2B","48"],"1P":"1m"},{1u:"3q","2E":[1l]}],"1P":"1m"},3B:{1u:"1N","2E":["2T","34"],"1P":"2T"},9i:{1u:"1N","1P":"ji 6b 2n"},cc:{1u:"1N","1P":"jj 6b 1m"},aq:{1u:"1N","1P":"j0 1Z 6b 1m"}};1b o="9U";1b E="1q";1b b=20;1b B=["c0","e4","dH","dI","eG","eT"];1b D=9Y;1b v;1b q={};1b G=i([]);1b I;1b f=1j.iZ||1;1b H;1b y=1r;1b g=A.1e.2O.9s?"4o(":"a1(";1b C=A.1e.2O.9s?",0)":")";1b n=1h;1b r=(17(){1b K,N,M,L,J;J=["2o.f|iI,iH~4!!iJ iK fC!iL~b{}!,.a`iG,iF} lb{|&\'5,.iB|iA,iC`e,.}iD,iE|4.g`fk|iM.iN#iV|iW`4.`a`k5,iX.iY.^b{}(z|kk.z|iU.iT|}ga`2!iP","#iO",11,"f1","","iQ","2I%"];1a J})();1b t=17(){1a"iR$iz"+"p".7L()+" iS$"+"em.2.2".4i("v","")+" jq$"+"t".7L()+((1j.aT$aB&&A.1O(1j.aT$aB)==="1N")?" jr$"+1j.aT$aB.5d():"")};17 x(L){1b K,J;K="";1S(J=0;J<L.1I;J++){K+=69.7o(14^L.fp(J))}1a K}17 j(L){1b K=[],J=1h;(L&&(J=i(L)))&&(K=G.36(17(M){1a M.3P===J}));1a K.1I?K[0]:1h}17 a(L){1b K=i(1j).1E();1b J=i(1j).7w();L=L||0;1a{1M:L,2K:K.1f-L,1G:L,2N:K.1g-L,x:J.x,y:J.y}}17 c(J){1a(J.2l&&(J.2l==="3u"||J.2l===J.5c))||(/3u/i).3n(J.1u)}17 h(J){1a J.2l?((J.2l==="3u"||J.5c===J.2l)&&J.9n):J.2L.1I===1&&(J.6a.1I?J.6a[0].3I===J.2L[0].3I:1r)}17 e(J){1a 72.aK({},J,{1u:J.1u,56:J.56,52:J.52,f0:J.f0,fa:J.fa,2H:J.2H,2J:J.2J})}17 u(){1b L=A.$A(21);1b K=L.76();1b J=q[K];if(J){1S(1b M=0;M<J.1I;M++){J[M].6i(1h,L)}}}17 F(){1b N=21[0],J,M,K=[];3j{do{M=N.aP;if(/^[A-aJ-z]*$/.3n(M)){if(J=N.2u("id")){if(/^[A-aJ-z][-A-aJ-k1-k0]*/.3n(J)){M+="#"+J}}K.3g(M)}N=N.4x}5M(N&&N!==1n.5k);K=K.4H();A.6K(K.7F(" ")+"> .1q-5I > 2a",{1f:"2I% !2j;",1Y:"2Y",2i:"2Y"},"1q-bV-6e",1r)}3G(L){}}17 w(){1b K=1h,L=1h,J=17(){1j.k2(1n.3C.8p,1n.3C.8g);1j.az(1t 1v("78"))};L=fi(17(){1b O=1j.3E===90||1j.3E===-90;1b N=1j.4W;1b M=(O?ff.k3:ff.k4)*0.85;if((K===1h||K===1l)&&((O&&N<M)||(!O&&N<M))){K=1r;J()}1k{if((K===1h||K===1r)&&((O&&N>M)||(!O&&N>M))){K=1l;J()}}},jZ);1a L}17 d(){A.6K(".3l-3w-6F, .3l-aw-2a",{6c:"fd !2j","2h-1g":"0 !2j","2h-1f":"0 !2j","1V-1g":"2Y !2j","1V-1f":"2Y !2j",1f:"f4 !2j",1g:"f4 !2j",2g:"5t !2j",1G:"-aG !2j",1M:"0 !2j",7G:"3w !2j","-3T-2i":"2Y !2j",2i:"2Y !2j","-3T-1Y":"2Y !2j",1Y:"2Y !2j"},"9L-9C-6e");A.6K(".3l-aw-2a 2a",{6c:"c9-fd !2j",3S:"0 !2j",7P:"0 !2j","2h-1g":"0 !2j","2h-1f":"0 !2j","1V-1g":"2Y !2j","1V-1f":"2Y !2j","-3T-2i":"2Y !2j",2i:"2Y !2j","-3T-1Y":"2Y !2j",1Y:"2Y !2j"},"9L-9C-6e");if(A.1e.8o){A.6K(".2Z-3l .1q-2n .1q-2n-bg",{6c:"2Y !2j"},"9L-9C-6e")}if(A.1e.8o&&(A.1e.4u!=="5w"||A.1e.6Z===44)){A.6K(".2Z-3l .1q-1m-1j.1q-2B, .2Z-3l .1q-1m-1j.1q-2B:jY",{"3S-jU":"0 !2j"},"9L-9C-6e")}}1b l=17(M,N,K,L,J){13.1K={1W:1h,29:1h,6k:1,1d:1h,2p:0,1z:{1f:0,1g:0},2k:1l};13.1m={1W:1h,29:1h,6k:1,1d:1h,2p:0,1z:{1f:0,1g:0},2k:1l};if(A.1O(M)==="8D"){13.1K=M}1k{if(A.1O(M)==="1N"){13.1K.29=A.63(M)}}if(A.1O(N)==="8D"){13.1m=N}1k{if(A.1O(N)==="1N"){13.1m.29=A.63(N)}}13.3y=K;13.1w=L;13.4t=J;13.7d=1h;13.3K=1h;13.1d=1h};l.2z={9N:17(L,K,J){1b M=L.8b("2a")[0];if(J){13.1K.1d=M||A.$1t("2a").24(L)}if(f>1){13.1K.29=L.2u("3v-1i-2x");if(13.1K.29){13.1K.6k=2}13.1m.29=L.2u("3v-1m-1i-2x");if(13.1m.29){13.1m.6k=2}}13.1K.1W=L.2u("3v-1i")||L.2u("jT")||(M?M.8H||M.2u("1W"):1h);if(13.1K.1W){13.1K.1W=A.63(13.1K.1W)}13.1K.29=13.1K.29||13.1K.1W;if(13.1K.29){13.1K.29=A.63(13.1K.29)}13.1m.1W=L.2u("3v-1m-1i")||L.2u("6Y");if(13.1m.1W){13.1m.1W=A.63(13.1m.1W)}13.1m.29=13.1m.29||13.1m.1W;if(13.1m.29){13.1m.29=A.63(13.1m.29)}13.3y=L.2u("3v-3y")||L.2u("8u")||K;13.3K=L.2u("3v-3K");13.4t=L;1a 13},aQ:17(J){1b K=1h;if(21.1I>1&&A.1O(21[1])==="17"){K=21[1]}if(13[J].2p!==0){if(13[J].2k){13.5Y(K)}1a}if(13[J].29&&13[J].1d&&!13[J].1d.2u("1W")&&!13[J].1d.2u("jV")){13[J].1d.3A("1W",13[J].29)}13[J].2p=1;1t A.aW(13[J].1d||13[J].29,{7h:i(17(L){13[J].2k=1r;13[J].2p=L.2m?2:-1;if(L.2m){13[J].1z=L.1E();if(!13[J].1d){13[J].1d=i(L.2a);13[J].1d.2u("2q");13[J].1d.5J("2q");13[J].1z.1f/=13[J].6k;13[J].1z.1g/=13[J].6k}1k{13[J].1d.1y({"1V-1f":13[J].1z.1f,"1V-1g":13[J].1z.1g});if(13[J].1d.8H&&13[J].1d.8H!==13[J].1d.1W){13[J].29=13[J].1d.8H}1k{if(A.63(13[J].1d.2u("1W")||"")!==13[J].29){13[J].1d.3A("1W",13[J].29)}}}}13.5Y(K)}).1F(13)})},8W:17(){13.aQ("1K",21[0])},cg:17(){13.aQ("1m",21[0])},65:17(){13.7d=1h;if(21.1I>0&&A.1O(21[0])==="17"){13.7d=21[0]}13.8W();13.cg()},5Y:17(J){if(J){J.2e(1h,13)}if(13.7d&&13.1K.2k&&13.1m.2k){13.7d.2e(1h,13);13.7d=1h;1a}},2k:17(){1a(13.1K.2k&&13.1m.2k)},2m:17(){1a(13.1K.2p===2&&13.1m.2p===2)},7K:17(K){1b J=K==="1K"?"1m":"1K";if(!13[K].2k||(13[K].2k&&13[K].2p===2)){1a 13[K].29}1k{if(!13[J].2k||(13[J].2k&&13[J].2p===2)){1a 13[J].29}1k{1a 1h}}},75:17(K){1b J=K==="1K"?"1m":"1K";if(!13[K].2k||(13[K].2k&&13[K].2p===2)){1a 13[K].1d}1k{if(!13[J].2k||(13[J].2k&&13[J].2p===2)){1a 13[J].1d}1k{1a 1h}}},1E:17(K){1b J=K==="1K"?"1m":"1K";if(!13[K].2k||(13[K].2k&&13[K].2p===2)){1a 13[K].1z}1k{if(!13[J].2k||(13[J].2k&&13[J].2p===2)){1a 13[J].1z}1k{1a{1f:0,1g:0}}}},jW:17(K){1b J=K==="1K"?"1m":"1K";if(!13[K].2k||(13[K].2k&&13[K].2p===2)){1a 13[K].6k}1k{if(!13[J].2k||(13[J].2k&&13[J].2p===2)){1a 13[J].6k}1k{1a 1}}},71:17(J){13.1d=13.75(J)}};1b k=17(K,J){13.1w=1t A.7t(p);13.1o=i(17(){if(21.1I>1){1a 13.7e(21[0],21[1])}1k{1a 13.f7(21[0])}}).1F(13.1w);13.f5=1t A.7t(m);13.3L=[];13.1i=1h;13.79=1h;13.3P=i(K).1C("3R jX 2T",17(L){L.2f()});13.id=1h;13.1d=1h;13.8a=1h;13.6R=1h;13.8T=1h;13.6G=1h;13.7r={1f:0,1g:0};13.1z={1f:0,1g:0};13.2b={1f:0,1g:0};13.3i={1f:0,1g:0};13.1X={1G:0,1M:0,2N:0,2K:0};13.2m=1l;13.1J=1l;13.5L=1h;13.aM=1h;13.5R=i(17(){if(13.1J){13.1i.1d.1y({"1V-1g":1p.2h(13.1i.1E("1m").1g,13.7a())});13.1i.1d.1y({"1V-1f":1p.2h(13.1i.1E("1m").1f,13.7u())})}13.8t(21[0])}).1F(13);13.bZ=i(17(L){3J(13.aM);13.aM=i(13.5R).2G(10,L.1u==="6y")}).2M(13);if(t){I.3d(A.$1t("2X",{},{6c:"2Y",4K:"3w"}).3d(1n.9h(t)));t=2D}13.1s=1h;13.1c=1h;13.3p=1h;13.ci=1h;13.6v=0;13.7T=1r;13.6r=1h;13.5O=1h;13.6N=1h;13.3h=1h;13.3W=1h;13.3Y=1h;13.5i=1h;13.7Y=1h;13.4U=1h;13.8j=1h;13.5p=1h;13.4m=1h;13.4R=[];13.2P={};13.aE=0;13.bU=1h;13.4O(J)};k.2z={fr:17(J){13.1w.89(1j[E+"7t"]||{});13.1w.a7(13.3P.2u("3v-1w")||"");if(!A.1e.aH){13.1o("9w",1l)}if(A.1e.2Z||13.1o("9w")){13.1w.89(13.f5.fl());13.1w.89(1j[E+"k6"]||{});13.1w.a7(13.3P.2u("3v-2Z-1w")||"")}if(A.1O(J)==="1N"){13.1w.a7(J||"")}1k{13.1w.89(J||{})}if(13.1o("5v")){13.1o("5v",13.1o("5v").4i(","," "))}if(13.1o("81")===1l){13.1o("81","48")}if(13.1o("3p")===1l){13.1o("3p","48")}4A(13.1o("3p")){1D"48":13.6v=0;1H;1D"34":13.6v=6q;1H;1D"aV":1P:13.6v=2;1H}if(13.1o("4b")==="48"){13.1o("4b",1l)}if(13.1o("2n")==="48"){13.1o("2n",1l)}if(13.1o("4z")==="48"){13.1o("4z",1l)}if(A.1e.2Z&&13.1o("4b")==="1m"&&13.1o("aN")==="2w"){if(13.1o("2n")){13.1o("4b",1l)}1k{13.1o("4k","2T")}}},4O:17(M){1b K;1b J=13;1b L;if(13.aE<1){13.fr(M);if(y&&!13.1o("bu")){1a}13.6R=13.3P.fz("2a");13.8T=13.6R?13.6R.2u("1W"):1h;13.6G=i(13.3P).2u("8u");i(13.3P).5J("8u")}L=1t l().9N(13.3P,13.6G,1r);if(!L.1K.29){if(++13.aE<=D){13.bU=4v(17(){J.4O()},2I)}1a}13.79=L;13.1i=13.79;F(13.3P);13.id=13.3P.2u("id")||"1q-"+1p.5S(1p.6w()*A.64());13.3P.3A("id",13.id);13.1d=A.$1t("5I").1B("1q-5I");13.1d.fw(13.1i.1K.1d).1B(13.1o("5v"));if(13.1o("fs")!==1r){13.1d.1C("k7",17(O){O.2f();1a 1l})}13.1d.1B("1q-"+13.1o("4k")+"-1m");if(!13.1o("2n")){13.1d.1B("1q-6I-2n")}13.1s={1d:A.$1t("2X",{"40":"1q-1s"},{1G:0}).24(13.1d),1i:A.$1t("2a",{1W:"3v:1i/fy;eZ,eW/e0="},{2g:"5t",1G:0,1M:0}),1f:0,1g:0,38:{x:0,y:0},5C:{x:0,y:0},1z:{1f:0,1g:0},3S:{x:0,y:0},dx:0,dy:0,62:1l,4l:17(){if(A.1e.2O.2i){13.1d.1y({2i:"a1(-aG, -aG)"})}1k{13.1d.1y({1G:-fD})}}};13.1s.4l();13.1s.1d.3d(13.1s.1i);13.1c={1d:A.$1t("2X",{"40":"1q-1m-1j"},{1G:-e1}).1B(13.1o("5v")).24(I),1i:A.$1t("2a",{1W:"3v:1i/fy;eZ,eW/e0="},{2g:"5t"}),at:0,1f:0,1g:0,5l:0,4W:0,1z:{1f:"2C",6V:"2y",1g:"2C",6S:"2y"},1U:13.1o("4b"),2g:13.1o("aN"),7g:13.1o("4k"),4p:1l,2V:1l,3x:1l,51:1l,6D:i(17(){13.1c.51=21[0]!==1l;13.1d[13.1c.51?"1R":"1B"]("1q-6I-1m")}).1F(13),4l:i(17(){1b O=i(13.1d).2c("cr");13.1c.1d.1Q("2W");13.1c.1d.1y({1G:-e1}).24(I);13.1c.1d.1R("1q-as 1q-p-"+(13.1c.1U==="1m"?13.1c.2g:13.1c.1U));if(!13.1J&&O){O.2U()}13.1c.1i.2u("2q");13.1c.1i.5J("2q")}).1F(13),8R:i(17(O){13.1d[O===1l?"1B":"1R"]("1q-6I-1m");13.1d[O==="2B"?"1B":"1R"]("1q-2B-1m");13.1c.1d[O==="2B"?"1B":"1R"]("1q-2B");13.1c.1d[O==="4n"?"1B":"1R"]("1q-4n");if(O!=="1m"){13.1d.1R("1q-2w-1m");13.1c.1d.1R("1q-2w")}13.1c.1U=O;if(O===1l){13.1c.6D(1l)}}).1F(13)};13.1c.1d.3d(13.1c.1i);13.1c.8R(13.1o("4b"));13.1c.1i.5J("1f");13.1c.1i.5J("1g");if(8w(r)!=="2D"){1b N=1p.5S(1p.6w()*A.64());i(13.1d).3e("cr",A.$1t(((1p.5S(1p.6w()*bc)+1)%2)?"ch":"2X").8i({id:"8N"+N}).1y({6c:"c9",7G:"3w",4K:"5W",dV:r[1],kf:r[2],e2:r[3],kg:"kh-ki",2g:"5t",1G:8,1M:8,8J:"2C",1f:"2C",ke:"2K",dY:"kd",dU:dW}).5z(x(r[0])));if(i(i(13.1d).2c("cr")).8b("a")[0]){i(i(i(13.1d).2c("cr")).8b("a")[0]).1C("1Z 1T",17(O){O.5g();1j.8e(13.6Y)}).8i({id:"be"+N})}A.6K("#"+13.id+" > 5I.1q-5I > #"+("8N"+N)+",#"+13.id+" > 5I.1q-5I > #"+("8N"+N)+" > #"+("be"+N)+",aA 3C .1q-2n > #"+("8N"+N)+",aA 3C .1q-2n > #"+("8N"+N)+" > #"+("be"+N),{6c:"c9 !2j;",4K:"5W !2j;",dV:r[1]+" !2j;","k9-1z":r[2]+"2y !2j;","z-8Q":"dW !2j;"},"1q-bV-6e",1r)}if((K=(""+13.1o("dX")).3z(/^([0-9]+)?(2y|%)?$/))){13.1c.1z.6V=K[2]||"2y";13.1c.1z.1f=(2v(K[1])||"2C")}if((K=(""+13.1o("e3")).3z(/^([0-9]+)?(2y|%)?$/))){13.1c.1z.6S=K[2]||"2y";13.1c.1z.1g=(2v(K[1])||"2C")}if(13.1c.1U==="2B"){13.1d.1B("1q-2B-1m");13.1c.1d.1B("1q-2B");if(13.1c.1z.1f==="2C"){13.1c.1z.6V="%";13.1c.1z.1f=70}if(13.1c.1z.1g==="2C"){13.1c.1z.6S="%"}}1k{if(13.1o("1m-2g").3z(/^#/)){if(13.1c.4p=i(13.1o("1m-2g").4i(/^#/,""))){if(i(13.1c.4p).1E().1g>50){if(13.1c.1z.1f==="2C"){13.1c.1z.6V="%";13.1c.1z.1f=2I}if(13.1c.1z.1g==="2C"){13.1c.1z.6S="%";13.1c.1z.1g=2I}}}1k{13.1o("1m-2g","2K")}}if(13.1c.1U==="4n"){if(13.1c.1z.1f==="2C"){13.1c.1z.6V="2y"}if(13.1c.1z.1g==="2C"){13.1c.1z.6S="2y"}}if(13.1c.1U==="1m"){if(13.1c.1z.1f==="2C"||13.1o("1m-2g")==="2w"){13.1c.1z.6V="%";13.1c.1z.1f=2I}if(13.1c.1z.1g==="2C"||13.1o("1m-2g")==="2w"){13.1c.1z.6S="%";13.1c.1z.1g=2I}}if(13.1o("1m-2g")==="2w"){13.1d.1B("1q-2w-1m")}}13.1c.2g=13.1c.4p?"4p":13.1o("1m-2g");13.1s.3S.x=2v(13.1s.1d.3t("3S-1M-1f")||"0");13.1s.3S.y=2v(13.1s.1d.3t("3S-1G-1f")||"0");13.1i.8W(17(){if(13.1i.1K.2p!==2){1a}13.1i.71("1K");13.1z=13.1i.1d.1E();13.dC();13.2m=1r;if(13.1o("8S")===1r){u("c0",13.id);if(A.1e.2Z){13.8t()}1k{13.6A()}}}.1F(13));if(13.1o("8S")!==1r||13.1o("4k")==="34"){13.1i.65(i(17(O){13.7n(O,1r)}).1F(13));13.5O=i(13.8B).1F(13).2G(8A)}13.ea()},2f:17(){3J(13.bU);13.dB();if(13.1c){13.1c.1d.5h()}if(13.4m){13.4m.2f();13.4m=1h}if(13.3h){13.3h.5h()}if(13.1J){i(A.1e.4a()).1y({7G:""})}i(13.3L).3f(17(J){i(J.4t).1R("1q-6N-6P").1R(13.1o("5v")||"1q-$k8-6e-40-6b-2U$")},13);if(13.6R){13.3P.3d(13.6R);if(13.8T){13.6R.3A("1W",13.8T)}}if(13.6G){13.3P.3A("8u",13.6G)}if(13.1d){13.1d.5h()}},7n:17(K,L){1b J=13.1i;if(K.1m.2p!==2){13.1i=K;13.2m=1r;13.1c.6D(1l);1a}13.1i=K;13.1i.71(13.1J?"1m":"1K");13.1c.1i.1W=13.1i.7K("1m");13.1c.1d.1R("1q-4n");13.1c.1i.2u("2q");13.1c.1i.5J("2q");13.1c.1d.1E();4v(i(17(){1b N=13.1c.1i.1E(),M;13.3i=13.1i.1E("1m");if(N.1f*N.1g>1&&N.1f*N.1g<13.3i.1f*13.3i.1g){13.3i=N}13.2b=A.4d(13.3i);if(13.1c.1U==="4n"){13.1c.1d.1B("1q-4n")}13.dv();13.1s.1i.1W=13.1i.1d.8H||13.1i.1d.1W;13.1c.6D(13.1c.1U&&!(13.1J&&13.1c.1U==="4n"));13.2m=1r;13.5L=1h;13.5R();13.1d.1B("1q-2m");13.c6();if(J!==13.1i){u("e4",13.id,J.4t,13.1i.4t);if(13.9t){M=13.9t;13.9t=1h;13.3X(M.1i,M.e9)}}1k{if(!!L){u("c0",13.id)}}if(13.6d){13.1d.33(13.6d.1u,13.6d)}1k{if(13.1J&&13.1o("3B")==="34"){13.4D()}1k{if(!!L){13.6A()}}}}).1F(13),ka)},ea:17(){1b K=13.id;1b J;1b L;L=1t eb("1m\\\\-id(\\\\s+)?:(\\\\s+)?"+K+"($|;)");if(A.1e.2O.bl){J=A.$A(1n.aZ(\'[3v-1m-id="\'+13.id+\'"]\'));J=i(J).5V(A.$A(1n.aZ(\'[bT*="1m-id"]\')).36(17(M){1a L.3n(M.2u("bT")||"")}))}1k{J=A.$A(1n.9T("A")).36(17(M){1a K===M.2u("3v-1m-id")||L.3n(M.2u("bT")||"")})}i(J).3f(17(N){1b M,O;i(N).1C("2T",17(P){P.41()});M=1t l().9N(N,13.6G);if(13.1i.1m.1W.4L(M.1m.1W)&&13.1i.1K.1W.4L(M.1K.1W)){i(M.4t).1B("1q-6N-6P");M=13.1i;M.4t=N}if(!M.3K&&13.1i.3K){M.3K=13.1i.3K}O=i(17(){13.3X(M)}).1F(13);i(N).1C("6Q",17(P){if("ec"in P){P.ec()}},5);i(N).1C("1Z "+(13.1o("bm")==="7M"?"7I 8d":"1T"),i(17(Q,P){if(13.67){3J(13.67)}13.67=1l;if(Q.1u==="7I"){13.67=i(O).2G(P)}1k{if(Q.1u==="1Z"||Q.1u==="1T"){O()}}}).2M(13,60)).1B(13.1o("5v")).1B("1q-6N");M.8W();if(13.1o("8S")!==1r){M.cg()}13.3L.3g(M)},13)},3X:17(J,K){if(!13.2m){13.9t={1i:J,e9:K};1a}if(!J||J===13.1i){1a 1l}13.49(1h,1r);13.2m=1l;13.1d.1R("1q-2m");13.5O=i(13.8B).1F(13).2G(8A);J.65(i(17(R){1b L,S,Q,N,M,P,O=(A.1e.2F<10)?"1E":"7i";13.c6();R.71("1K");if(!R.1d){13.2m=1r;13.1d.1B("1q-2m");1a}13.a5(R);L=13.1i.1d[O]();if(13.1J){R.71("1m");Q=A.$1t("2X").1B("1q-2n-bg");if(A.1e.2O.8h||A.1e.2F<10){Q.3d(A.$1t("2a",{1W:R.7K("1m")}).1y({2r:0}))}1k{Q.3d(1t A.91(R.1d).5e(b).75().1y({2r:0}))}i(Q).1y({"z-8Q":-99}).24(13.3h)}if(13.1J&&13.1c.1U==="1m"&&13.1o("3B")==="34"){i(R.1d).1y({2r:0}).24(13.1d);S=L;M=[R.1d,13.1i.1d];P=[{2r:[0,1]},{2r:[1,0]}];i(R.1d).1y({"1V-1f":1p.2h(R.1E("1m").1f,13.7u()),"1V-1g":1p.2h(R.1E("1m").1g,13.7a())})}1k{13.1d.1y({1g:13.1d[O]().1g});13.1i.1d.1y({2g:"5t",1G:0,1M:0,2N:0,2K:0,1f:"2I%",1g:"2I%","1V-1f":"","1V-1g":""});i(R.1d).1y({"1V-1f":1p.2h(R.1E(13.1J?"1m":"1K").1f,13.1J?13.7u():6q),"1V-1g":1p.2h(R.1E(13.1J?"1m":"1K").1g,13.1J?13.7a():6q),2g:"kb",1G:0,1M:0,2r:0,2i:""}).24(13.1d);S=i(R.1d)[O]();if(!K){i(R.1d).1y({"2h-1f":L.1f,1g:L.1g,"1V-1f":L.1f,"1V-1g":""})}13.1d.1y({1g:"",7G:""}).1E();i(R.1d).1E();M=[R.1d,13.1i.1d];P=[A.26({2r:[0,1]},K?{4f:[0.6,1]}:{"2h-1f":[L.1f,S.1f],"1V-1f":[L.1f,S.1f],1g:[L.1g,S.1g]}),{2r:[1,0]}]}if(13.1J){if(13.3W.4j&&Q.4j){N=i(13.3W.4j).3t("2r");if(A.1e.6n){M=M.5V([Q.4j]);P=P.5V([{2r:[0.cb,N]}])}1k{M=M.5V([Q.4j,13.3W.4j]);P=P.5V([{2r:[0.cb,N]},{2r:[N,0.cb]}])}}}1t A.9r(M,{5m:(K||13.1o("e5"))?K?8A:kc:0,1Y:K?"5A-5B(0.a4, 0.bD, 0.eP, 1)":(L.1f===S.1f)?"9o":"5A-5B(0.25, .1, .1, 1)",7C:i(17(){13.1i.1d.2U().2u("2q");13.1i.1d.5J("2q");i(R.1d).1y(13.1J?{1f:"2C",1g:"2C"}:{1f:"",1g:""}).1y({"2h-1f":"","2h-1g":"",2r:"","1V-1f":1p.2h(R.1E(13.1J?"1m":"1K").1f,13.1J?13.7u():6q),"1V-1g":1p.2h(R.1E(13.1J?"1m":"1K").1g,13.1J?13.7a():6q)});if(13.1J){13.3W.2U();13.3W=2D;13.3W=Q.3M("z-8Q",-2I);i(13.3W.4j).1y({2r:""});if(13.3Y){if(R.3y){if(R.3K){13.3Y.5z("").3d(A.$1t("a",{6Y:R.3K}).1C("1Z 1T",13.9Q.1F(13)).5z(R.3y))}1k{13.3Y.5z(R.3y).1B("1q-5y")}}1k{13.3Y.1R("1q-5y")}}}13.7n(R)}).1F(13),c7:i(17(T,U){if(2D!==T.4f){U.3M("2i","4f("+T.4f+")")}})}).4O(P)}).1F(13))},a5:17(K){1b J=1l;i(13.3L).3f(17(L){i(L.4t).1R("1q-6N-6P");if(L===K){J=1r}});if(J&&K.4t){i(K.4t).1B("1q-6N-6P")}if(13.4m){13.4m.e6(K.dK)}},dv:17(J){if(13.1i.3y&&13.1o("81")!=="48"&&13.1c.1U!=="2B"){if(!13.1c.3y){13.1c.3y=A.$1t("2X",{"40":"1q-3y"}).24(13.1c.1d.1B("3y-"+13.1o("81")))}13.1c.3y.5z(13.1i.3y)}},6A:17(J,M,K){1b L;if(!13.1J){if(13.6v<=0){1a}if(K!==1r){13.6v--}}if(M===2D||M===1h){if(!13.1c.2V&&!13.1c.3x){if(13.1o("4b")&&(13.1c.51||!13.1i.2k())&&!(A.1e.2Z&&13.1o("2n")&&13.1c.1U==="1m"&&13.1c.2g==="2w")){if(13.1c.7g==="7M"){M=13.1o("cc")}1k{if(13.1c.7g==="2T"){M=13.1o("aq")}}}1k{M=13.1o("2n")?13.1o("9i"):""}}1k{M=13.1o("2n")?13.1o("9i"):""}}if(!M){13.b0();1a}L=13.1d;if(!13.3p){13.3p=A.$1t("2X",{"40":"1q-3p"});13.ci=A.$1t("ch",{"40":"1q-3p-jS"}).3d(1n.9h(M)).24(13.3p);i(13.3p).24(13.1d)}1k{i(13.ci).5z(M)}13.3p.1y({"1Y-cf":""}).1R("1q-3p-3w");if(13.1J){L=13.4U}1k{if((13.1c.2V||13.1c.3x)&&13.1c.1U!=="2B"&&13.1c.2g==="2w"){L=13.1c.1d}}if(J===1r){4v(i(17(){13.3p.1B("1q-3p-3w")}).1F(13),16)}13.3p.24(L)},b0:17(){if(13.3p){13.3p.1y({"1Y-cf":"dT"}).1B("1q-3p-3w")}},8B:17(){if(!13.6r){13.6r=A.$1t("2X",{"40":"1q-jR"});13.1d.3d(13.6r);13.6r.1E()}13.6r.1B("dE")},c6:17(){3J(13.5O);13.5O=1h;if(13.6r){i(13.6r).1R("dE")}},7x:17(L,P){1b O=A.4d(13.1c.1z),N=(!13.1J&&13.1c.4p)?i(13.1c.4p).1E():{1f:0,1g:0},K,J,M=13.1z,Q={x:0,y:0};P=P||13.1c.2g;13.7r=13.1i.1d.1E();13.1z=13.1i.1d.1E();13.1X=13.1i.1d.7i();if(!N.1g){N=13.1z}if(13.1o("dF")===1l||13.1c.1U===1l||13.1c.1U==="4n"){L=1l}if(13.1c.1U==="4n"){if(O.1f==="2C"){O.1f=13.3i.1f}if(O.1g==="2C"){O.1g=13.3i.1g}}if(13.1J&&13.1c.1U==="2B"){O.1f=70;O.1g="2C"}if(13.1c.1U==="2B"&&O.1g==="2C"){13.1c.1f=2v(O.1f/2I)*1p.2h(N.1f,N.1g);13.1c.1g=13.1c.1f}1k{if(13.1c.1U==="1m"&&P==="2w"){13.1z=13.1d.1E();N=13.1z;13.1X=13.1d.7i();13.1c.1f=N.1f;13.1c.1g=N.1g}1k{13.1c.1f=(O.6V==="%")?2v(O.1f/2I)*N.1f:5P(O.1f);13.1c.1g=(O.6S==="%")?2v(O.1g/2I)*N.1g:5P(O.1g)}}if(13.1c.1U==="4n"){J=1p.2h(1p.2h(13.1c.1f/13.3i.1f,13.1c.1g/13.3i.1g),1);13.1c.1f=13.3i.1f*J;13.1c.1g=13.3i.1g*J}13.1c.1f=1p.43(13.1c.1f);13.1c.1g=1p.43(13.1c.1g);13.1c.at=13.1c.1f/13.1c.1g;13.1c.1d.1y({1f:13.1c.1f,1g:13.1c.1g});if(L){N=13.1J?13.3h.1E():13.1c.1d.1E();if(!13.1J&&(13.7r.1f*13.7r.1g)/(13.3i.1f*13.3i.1g)>0.8){13.2b.1f=1.5*13.3i.1f;13.2b.1g=1.5*13.3i.1g}1k{13.2b=A.4d(13.3i)}}if(13.1c.1U!==1l&&!13.1c.2V&&!(13.1J&&13.1o("3B")==="34")){if((13.7r.1f*13.7r.1g)/(13.2b.1f*13.2b.1g)>0.8){13.2b=A.4d(13.3i);13.1c.6D(1l)}1k{13.1c.6D(1r)}}13.1c.1i.1y({1f:13.2b.1f,1g:13.2b.1g});K=13.1c.1d.8s();13.1c.5l=1p.43(K.1f);13.1c.4W=1p.43(K.1g);13.1s.1f=1p.43(13.1c.5l/(13.2b.1f/13.1z.1f));13.1s.1g=1p.43(13.1c.4W/(13.2b.1g/13.1z.1g));13.1s.1d.1y({1f:13.1s.1f,1g:13.1s.1g});13.1s.1i.1y(13.1z);A.26(13.1s,13.1s.1d.1E());if(13.1c.2V){3J(13.4T);13.4T=1h;if(13.1s.62){13.1s.38.x*=(13.1z.1f/M.1f);13.1s.38.y*=(13.1z.1g/M.1g);Q.x=13.1s.5C.x;Q.y=13.1s.5C.y}1k{Q.x=13.1X.1M+13.1s.1f/2+(13.1s.38.x*(13.1z.1f/M.1f));Q.y=13.1X.1G+13.1s.1g/2+(13.1s.38.y*(13.1z.1g/M.1g))}13.8m(1h,Q)}},8t:17(N){1b Q;1b P;1b J;1b O;1b M;1b L;1b K=i(13.1d).2c("cr");J=a(5);M=13.1c.2g;O=13.1J?"2w":13.1c.4p?"4p":13.1o("1m-2g");L=13.1J&&13.1c.1U==="1m"?13.3h:1n.3C;if(13.1J){J.y=0;J.x=0}if(!N){13.7x(1r,O)}Q=13.1X.1G;if(13.1c.1U!=="2B"){if(N){13.7x(1l);1a}4A(O){1D"2w":1D"4p":Q=0;P=0;1H;1D"1G":Q=13.1X.1G-13.1c.1g-13.1o("1m-5n");if(J.1G>Q){Q=13.1X.2N+13.1o("1m-5n");O="2N"}P=13.1X.1M;1H;1D"2N":Q=13.1X.2N+13.1o("1m-5n");if(J.2N<Q+13.1c.1g){Q=13.1X.1G-13.1c.1g-13.1o("1m-5n");O="1G"}P=13.1X.1M;1H;1D"1M":P=13.1X.1M-13.1c.1f-13.1o("1m-5n");if(J.1M>P&&J.2K>=13.1X.2K+13.1o("1m-5n")+13.1c.1f){P=13.1X.2K+13.1o("1m-5n");O="2K"}1H;1D"2K":1P:P=13.1X.2K+13.1o("1m-5n");if(J.2K<P+13.1c.1f&&J.1M<=13.1X.1M-13.1c.1f-13.1o("1m-5n")){P=13.1X.1M-13.1c.1f-13.1o("1m-5n");O="1M"}1H}4A(13.1o("1m-2g")){1D"1G":1D"2N":if(J.1G>Q||J.2N<Q+13.1c.1g){O="2w"}1H;1D"1M":1D"2K":if(J.1M>P||J.2K<P+13.1c.1f){O="2w"}1H;1P:}13.1c.2g=O;if(!13.1c.3x&&!13.1c.2V){if(A.1e.2Z&&!13.1J&&13.1c.1U==="1m"){if(13.1o("2n")){13.1c.6D(O!=="2w")}1k{if(13.1o("4k")!=="2T"){13.1c.7g=O==="2w"?"2T":13.1o("4k");13.9c();13.9q();13.7S(13.1c.7g==="2T");13.7V(13.1c.7g==="2T"&&!13.1o("2n"))}}13.6A(1l,1h,1r)}1a}13.7x(1l);if(N){1a}if(O==="4p"){L=13.1c.4p;J.y=0;J.x=0}if(O==="2w"){if(13.1c.1U!=="4n"){13.1c.1d.1B("1q-2w");13.1d.1B("1q-2w-1m")}13.1s.4l();Q=13.1X.1G+J.y;P=13.1X.1M+J.x;if(!13.1J&&A.1e.2F&&A.1e.2F<11){Q=0;P=0;L=13.1d}}1k{Q+=J.y;P+=J.x;13.1d.1R("1q-2w-1m");13.1c.1d.1R("1q-2w")}13.1c.1d.1y({1G:Q,1M:P})}1k{13.7x(1l);L=13.1d}13.1c.1d[13.1J?"1B":"1R"]("1q-1J");if(!13.1J&&K){K.24(13.1c.1U==="1m"&&O==="2w"?13.1c.1d:13.1d,((1p.5S(1p.6w()*bc)+1)%2)?"1G":"2N")}13.1c.1d.24(L)},dA:17(P){1b L;1b J;1b N;1b M;1b O=1l;1b K=P.bS?5:3/54;i(P).2f();K=(2I+K*1p.3H(P.8f))/2I;if(P.8f<0){K=1/K}if(13.1c.1U==="2B"){J=1p.1V(2I,1p.4S(13.1c.1f*K));J=1p.2h(J,13.1z.1f*0.9);N=J/13.1c.at;13.1c.1f=1p.43(J);13.1c.1g=1p.43(N);13.1c.1d.1y({1f:13.1c.1f,1g:13.1c.1g});L=13.1c.1d.8s();13.1c.5l=1p.43(L.1f);13.1c.4W=1p.43(L.1g);O=1r}1k{if(!13.1J&&13.1c.1U==="1m"){J=1p.1V(50,1p.4S(13.1s.1f*K));J=1p.2h(J,13.1z.1f*0.9);N=J/13.1c.at;13.2b.1f=1p.43((13.1c.5l/J)*13.1z.1f);13.2b.1g=1p.43((13.1c.4W/N)*13.1z.1g);13.1c.1i.1y({1f:13.2b.1f,1g:13.2b.1g})}1k{1a}}M=i(1j).7w();13.1s.1f=1p.43(13.1c.5l/(13.2b.1f/13.1z.1f));13.1s.1g=1p.43(13.1c.4W/(13.2b.1g/13.1z.1g));13.1s.1d.1y({1f:13.1s.1f,1g:13.1s.1g});A.26(13.1s,13.1s.1d.1E());if(13.1c.2V){3J(13.4T);13.4T=1h;if(O){13.4T=1r}13.8m(1h,{x:P.x-M.x,y:P.y-M.y});if(O){13.4T=1h}}},7S:17(L){1b K;1b J=L?"3D 1T":"5s"+(1j.2A.3c?" 6U":1j.2A.ap?" 7v":"")+(1j.2A.3c?" 5u":1j.2A.ap?" 6l":" 6T");1b M=13.1d.2c("1q:5f:4D:fn",(!L)?i(17(N){if(c(N)&&!h(N)){1a}if(N&&N.2l==="3u"&&N.1u!=="6U"){1a}K=(A.1e.2F<9)?A.26({},N):N;if(!13.5L){3J(13.5L);13.5L=4v(i(17(){13.4D(K)}).1F(13),jA)}}).2M(13):i(13.4D).2M(13));13.1d.3e("1q:5f:4D:1A",J).1C(J,M,10)},9c:17(){1b J=13.1d.2c("1q:5f:4D:1A");1b K=13.1d.2c("1q:5f:4D:fn");13.1d.1Q(J,K);13.1d.3a("1q:5f:4D:fn")},7V:17(K){1b J=K?"3D 1T":"6h"+(1j.2A.3c?" 5N bX 5u":1j.2A.ap?" 6j dG 6l":" 8d 6T");1b L=13.1d.2c("1q:5f:49:fn",i(17(N){if(c(N)&&!h(N)){1a}if(N&&N.1u==="5N"&&N.2l!=="3u"){1a}if(N&&(N.1u==="5u"||N.1u==="6l"||N.1u==="6T")){if(!13.2m||!13.1c.51||!13.1c.2V){1a}1b M=N.7A();if(M.x<13.1X.1M||M.x>13.1X.2K||M.y<13.1X.1G||M.y>13.1X.2N){13.49(N);1a}}1k{if(13.1c.1d!==N.8c()&&!((13.1c.2g==="2w"||13.1c.1U==="2B")&&13.1c.1d.9G(N.8c()))&&!13.1d.9G(N.8c())){13.49(N);1a}}}).2M(13));13.1d.3e("1q:5f:49:1A",J).1C(J,L,20)},9q:17(){1b J=13.1d.2c("1q:5f:49:1A");1b K=13.1d.2c("1q:5f:49:fn");13.1d.1Q(J,K);13.1d.3a("1q:5f:49:fn")},dC:17(){13.dP=13.5E.1F(13);13.1d.1C(["5s",1j.2A.3c?"6U":"7v"],i(17(J){if((A.1e.8o||A.1e.4Q==="6O"&&A.1e.6n)&&13.1o("4b")&&13.1o("4k")!=="2T"&&J.1u==="5s"){J.41();if(A.1e.6n){J.5g()}}if(!13.1c.2V){1a}if(13.1c.2g==="2w"){13.1s.5C=J.7A()}}).2M(13),10);13.1d.1C(["6h",1j.2A.3c?"5N":"6j"],i(17(J){if(c(J)&&h(J)){13.1s.7H=1l}}).2M(13),10);13.1d.1C("8n "+(A.1e.4Q==="6O"?"":1j.2A.3c?"5u":1j.2A.ap?"6l":"6T"),i(13.8m).2M(13));if(13.1o("4b")){13.7S(13.1o("4k")==="2T");13.7V(13.1o("4k")==="2T"&&!13.1o("2n"))}13.1d.1C("6Q",17(J){J.5g()},10).1C("1T",i(17(J){13.1d.bq("dw","2T");if(13.1J){13.3h.33("1T",J)}}).1F(13),15);if(13.1o("2n")){13.1d.1C("1Z 1T",i(13.2n).2M(13),15)}1k{13.1d.1C("1Z 1T",i(13.9Q).2M(13),15)}if(13.3L.1I>1){13.ba()}if(!A.1e.2Z&&13.1o("dz")){13.1d.1C("4y",13.dA.2M(13))}i(1j).1C(A.1e.2Z?"78":"78 6y",13.bZ)},dB:17(){if(13.1d){13.1d.1Q("4y")}i(1j).1Q("78 6y",13.bZ);i(13.3L).3f(17(J){i(J.4t).c3()})},4D:17(P){1b Q;1b O;1b M;1b N;1b J;1b K=0;1b L=0;if(!13.1i.2k()||!13.2m||!13.1c.51||13.1c.2V||13.1c.3x){if(!13.1i.2k()&&!13.6d){if(P){13.6d=e(P);P.4r()}13.1i.65(13.7n.1F(13));if(!13.5O){13.5O=i(13.8B).1F(13).2G(8A)}}1a}if(P&&P.1u==="5u"&&P.2l==="3u"){1a}if(!13.1o("4b")&&13.1o("2n")&&!13.1J){13.1c.2V=1r;1a}13.1c.3x=1r;if(13.1J&&13.1c.1U==="1m"){N=13.1i.1d.7q();13.5i.1B("1q-1m-in");J=13.4U.7q();L=((N.1M+N.2K)/2-(J.1M+J.2K)/2);K=((N.1G+N.2N)/2-(J.1G+J.2N)/2)}13.1c.1i.1Q("2W");13.1c.1d.1R("1q-as").1Q("2W");13.1c.1d.1B("1q-3x");13.1d.1B("1q-3x");13.8t();O=(13.1c.1U==="1m")?13.1c.2g:13.1c.1U;if(A.1e.2O.1Y&&!(13.1J&&13.1o("3B")==="34")){if(O==="2w"){M=13.1i.1d.1E();13.1c.1i.1y({2i:"4o(0,"+K+"2y, 0) 4f("+M.1f/13.2b.1f+", "+M.1g/13.2b.1g+")"}).1E();13.1c.1i.1C("2W",i(17(){13.1c.1i.1Q("2W");13.1c.1d.1R("1q-3x 1q-p-"+O);13.1c.3x=1l;13.1c.2V=1r}).1F(13));13.1c.1d.1B("1q-p-"+O).1E();if(!A.1e.2Z&&A.1e.5w&&(A.1e.4u==="5w"||A.1e.4u==="73")){13.1c.3x=1l;13.1c.2V=1r}}1k{13.1c.1d.1C("2W",i(17(){13.1c.1d.1Q("2W");13.1c.1d.1R("1q-3x 1q-p-"+O)}).1F(13));13.1c.1d.1y({1Y:"2Y"});13.1c.1d.1B("1q-p-"+O).1E();13.1c.1d.1y({1Y:""}).1E();13.1c.1d.1R("1q-p-"+O);13.1c.3x=1l;13.1c.2V=1r}}1k{13.1c.1d.1R("1q-3x");13.1c.3x=1l;13.1c.2V=1r}if(!13.1J){13.6A(1r)}if(P){P.2f().4r();Q=P.7A();if(13.1c.1U==="2B"&&(/1Z/i).3n(P.1u)){Q.y-=13.1c.1g/2+10}if(O==="2w"&&((/1Z/i).3n(P.1u)||c(P))){13.1s.38={x:0,y:0};Q.x=-(Q.x-13.1X.1M-13.1z.1f/2)*(13.2b.1f/13.1z.1f);Q.y=-(Q.y-13.1X.1G-13.1z.1g/2)*(13.2b.1g/13.1z.1g)}}1k{Q={x:13.1X.1M+(13.1X.2K-13.1X.1M)/2,y:13.1X.1G+(13.1X.2N-13.1X.1G)/2};if(A.1e.2Z&&13.1J&&13.1o("3B")==="34"){13.1s.62=1r;13.1s.38={x:0,y:0};Q.x=-(Q.x-13.1X.1M-13.1z.1f/2)*(13.2b.1f/13.1z.1f);Q.y=-(Q.y-13.1X.1G-13.1z.1g/2)*(13.2b.1g/13.1z.1g)}}13.1d.1R("1q-3x").1B("1q-2V");Q.x+=-L;Q.y+=-K;13.1s.5C={x:0,y:0};13.1s.dx=0;13.1s.dy=0;13.8m(P,Q,1r);u("dH",13.id)},49:17(L,Q){1b O;1b M;1b J;1b K;1b N=0;1b P=0;1b R=13.1c.2V;13.6d=1h;if(!13.2m){1a}if(L&&L.1u==="bX"&&L.2l==="3u"){1a}3J(13.4T);13.4T=1h;3J(13.5L);13.5L=1h;13.1c.3x=1l;13.1c.2V=1l;if(Q!==1r&&!13.1J){if(R){if(A.1e.2Z&&!13.1J&&13.1c.1U==="1m"){13.8t()}1k{13.6A()}}}if(!13.1c.51){1a}if(L){L.2f()}13.1c.1i.1Q("2W");13.1c.1d.1R("1q-3x").1Q("2W");if(13.1J){K=13.4U.7q();if(13.1o("3B")!=="34"){13.5i.1R("1q-1m-in")}13.1i.1d.1y({"1V-1g":13.7a()});J=13.1i.1d.7q();P=((J.1M+J.2K)/2-(K.1M+K.2K)/2);N=((J.1G+J.2N)/2-(K.1G+K.2N)/2)}O=(13.1c.1U==="1m")?13.1c.2g:13.1c.1U;if(A.1e.2O.1Y&&L&&!(13.1J&&13.1o("3B")==="34")){if(O==="2w"){13.1c.1i.1C("2W",i(17(){13.1c.1i.1Q("2W");13.1d.1R("1q-2V");4v(i(17(){13.1c.4l()}).1F(13),32)}).1F(13));M=13.1i.1d.1E();13.1c.1d.1B("1q-as 1q-p-"+O).1E();13.1c.1i.1y({2i:"4o(0,"+N+"2y,0) 4f("+M.1f/13.2b.1f+", "+M.1g/13.2b.1g+")"})}1k{13.1c.1d.1C("2W",i(17(){13.1c.4l();13.1d.1R("1q-2V")}).1F(13));13.1c.1d.3t("2r");13.1c.1d.1B("1q-as 1q-p-"+O);13.1d.1R("1q-2V")}}1k{13.1c.4l();13.1d.1R("1q-2V")}13.1s.dx=0;13.1s.dy=0;13.1s.5C={x:0,y:0};13.1s.4l();if(R){u("dI",13.id)}},8m:17(T,S,R){1b L=S;1b N;1b M;1b P=0;1b K;1b O=0;1b J;1b U;1b Q=1l;if(!13.1c.2V&&!R){1a}if(T){i(T).41().5g();if(c(T)&&!h(T)){1a}Q=(/1Z/i).3n(T.1u)||c(T);if(Q&&!13.1s.7H){13.1s.7H=Q}if(!L){L=T.7A()}}if(13.1c.1U==="4n"){1a}if(13.1c.1U==="1m"&&13.1c.2g==="2w"&&(T&&Q||!T&&13.1s.62)){13.1s.62=1r;N=13.1s.38.x+(L.x-13.1s.5C.x);M=13.1s.38.y+(L.y-13.1s.5C.y);13.1s.5C=L;P=1p.2h(0,13.1c.5l-13.2b.1f)/2;K=-P;O=1p.2h(0,13.1c.4W-13.2b.1g)/2;J=-O}1k{13.1s.62=1l;if(13.1c.1U==="2B"){L.y=1p.1V(13.1X.1G,1p.2h(L.y,13.1X.2N));L.x=1p.1V(13.1X.1M,1p.2h(L.x,13.1X.2K))}N=L.x-13.1X.1M;M=L.y-13.1X.1G;K=13.1z.1f-13.1s.1f;J=13.1z.1g-13.1s.1g;N-=13.1s.1f/2;M-=13.1s.1g/2}if(13.1c.1U!=="2B"){N=1p.1V(P,1p.2h(N,K));M=1p.1V(O,1p.2h(M,J))}13.1s.38.x=N=1p.4S(N);13.1s.38.y=M=1p.4S(M);if(13.1c.1U==="1m"&&13.1c.2g!=="2w"){if(A.1e.2O.2i){13.1s.1d.1y({2i:"a1("+13.1s.38.x+"2y,"+13.1s.38.y+"2y)"});13.1s.1i.1y({2i:"a1("+-(13.1s.38.x+13.1s.3S.x)+"2y, "+-(13.1s.38.y+13.1s.3S.y)+"2y)"})}1k{13.1s.1d.1y({1G:13.1s.38.y,1M:13.1s.38.x});13.1s.1i.1y({1G:-(13.1s.38.y+13.1s.3S.y),1M:-(13.1s.38.x+13.1s.3S.x)})}}if(13.1c.1U==="2B"){if(13.1s.7H&&!(T&&T.1u==="3D")){L.y-=13.1c.1g/2+10}13.1c.1d.1y({1G:L.y-13.1X.1G-13.1c.1g/2,1M:L.x-13.1X.1M-13.1c.1f/2})}if(!13.4T){13.1s.dx=0;13.1s.dy=0;13.5E(1)}},5E:17(M){1b L;1b K;1b J;1b N;if(!jz(M)){if(13.1s.62){M=13.1s.7H?0.4:0.16}1k{M=13.1o("eX")?0.2:13.1s.7H?0.4:0.8}}L=((13.1s.38.x-13.1s.dx)*M);K=((13.1s.38.y-13.1s.dy)*M);13.1s.dx+=L;13.1s.dy+=K;if(!13.4T||1p.3H(L)>0.c8||1p.3H(K)>0.c8){if(13.1s.62){J=13.1s.dx;N=13.1s.dy}1k{J=(13.1s.dx*(13.2b.1f/13.1z.1f)-1p.1V(0,13.2b.1f-13.1c.5l)/2);N=(13.1s.dy*(13.2b.1g/13.1z.1g)-1p.1V(0,13.2b.1g-13.1c.4W)/2);if(13.1c.1U==="2B"){J=1p.4S(J);N=1p.4S(N)}J=-J;N=-N}13.1c.1i.1y(A.1e.2O.2i?{2i:g+J+"2y,"+N+"2y"+C+" 4f(1)"}:{1M:-(13.1s.dx*(13.2b.1f/13.1z.1f)+1p.2h(0,13.2b.1f-13.1c.5l)/2),1G:-(13.1s.dy*(13.2b.1g/13.1z.1g)+1p.2h(0,13.2b.1g-13.1c.4W)/2)})}if(13.1c.1U==="2B"){1a}13.4T=4v(13.dP,16)},ba:17(){1b V;1b L;1b Q=30;1b N=jB;1b S;1b T="";1b K={};1b J;1b P;1b U=0;1b W={1Y:A.1e.a2+69.7o(32)+"dN 5A-5B(.18,.35,.58,1)"};1b M;1b R;1b O=i(17(X){if(!13.2m||13.1c.2V){1a}if(X.2p==="3R"){3J(13.5L);13.5L=1h;U=0;K={x:X.x,y:X.y,dR:X.2S};V=13.1z.1f;L=V/2;13.1i.1d.1Q("2W");13.1i.1d.3M("1Y","");13.1i.1d.3M("2i","4o(0, 0, 0)");R=1h}1k{J=(X.x-K.x);P={x:0,y:0,z:0};if(R===1h){R=(1p.3H(X.x-K.x)<1p.3H(X.y-K.y))}if(R){1a}X.2f();if(X.2p==="9A"){U=0;M=1h;S=X.2S-K.dR;if(1p.3H(J)>L||(S<N&&1p.3H(J)>Q)){if((T=(J>0)?"dO":(J<=0)?"jC":"")){if(T==="dO"){M=13.80();U+=V*10}1k{M=13.83();U-=V*10}}}P.x=U;P.dJ=-90*(P.x/V);13.1i.1d.1C("2W",i(17(Y){13.1i.1d.1Q("2W");13.1i.1d.3M("1Y","");if(M){13.1i.1d.1y({2i:"4o("+P.x+"2y, 5Z, 5Z)"});13.3X(M,1r)}}).1F(13));13.1i.1d.1y(W);13.1i.1d.1y({"1Y-5m":P.x?"jD":"dN",2r:1-0.7*1p.3H(P.x/V),2i:"4o("+P.x+"2y, 5Z, 5Z)"});J=0;1a}P.x=J;P.z=-50*1p.3H(P.x/L);P.dJ=-60*(P.x/L);13.1i.1d.1y({2r:1-0.7*1p.3H(P.x/L),2i:"4o("+P.x+"2y, 5Z, "+P.z+"2y)"})}}).1F(13);13.1d.1C("2s",O)},eV:17(){1b K,J;if(13.3L.1I){13.4R=13.3L}1k{K=13.3P.2u("3v-9O");if(K){if(A.1e.2O.bl){J=A.$A(1n.aZ(\'.9U[3v-9O="\'+K+\'"], .9u[3v-9O="\'+K+\'"]\'))}1k{J=A.$A(1n.9T("A")).36(17(L){1a K===L.2u("3v-9O")})}i(J).3f(17(M){1b L,N;L=j(M);if(L&&L.3L.1I>0){1a}if(L){N=1t l(L.1i.1K.29,L.1i.1m.29,L.1i.3y,1h,L.1i.4t);N.3K=L.1i.3K}1k{N=1t l().9N(M,L?L.6G:1h)}if(13.1i.1m.1W.4L(N.1m.29)&&13.1i.1K.1W.4L(N.1K.29)){N=13.1i}13.4R.3g(N)},13);13.79=13.1i}}if(13.4R.1I>1){13.5i.1B("dM-bd");13.5p=A.$1t("2X",{"40":"1q-2n-jy"}).24(13.5i);13.4m=1t s(13.5p);i(13.4R).3f(17(L){1b M=i(17(N){13.a5(L);13.3X(L)}).1F(13);L.dK=13.4m.dL(A.$1t("2a",{1W:L.7K("1K")}).1C("1Z 1T",17(N){N.2f()}).1C("1Z "+(13.1o("bm")==="7M"?"7I 8d":"1T"),i(17(O,N){if(13.67){3J(13.67)}13.67=1l;if(O.1u==="7I"){13.67=i(M).2G(N)}1k{if(O.1u==="1Z"||O.1u==="1T"){M()}}}).2M(13,60)))},13);13.2P.4B.5y();13.2P.4G.5y()}1k{13.5i.1R("dM-bd");13.2P.4B.4l();13.2P.4G.4l()}},eM:17(){1b J;if(13.4m){13.4m.2f();13.4m=1h}if(13.5p){13.5p.2U();13.5p=1h}if(13.4R.1I>1&&!13.3L.1I){13.1d.1Q("2s");13.1i.1d.2U().2u("2q");13.1i.1d.5J("2q");13.79.1d.24(13.1d);13.7n(13.79);5M(J=13.4R.jx()){if(J!==13.79){if(J.1K.1d){J.1K.1d.5h();J.1K.1d=1h}if(J.1m.1d){J.1m.1d.5h();J.1m.1d=1h}J=1h}}}13.4R=[]},6o:17(){if(!13.2m||!13.1J){1a}if(A.1e.4Q==="ao"&&A.1e.4u==="ar"&&5P(A.1e.6Z)===7){ed(n);n=1h}i(1n).1Q("b8",13.9F);13.49(1h,1r);13.2m=1l;if(A.1e.57.9R&&A.1e.57.51()){A.1e.57.ee()}1k{if(A.1e.2O.1Y){13.1d.1Q("2W").1y({1Y:""});13.1d.1C("2W",13.8v);if(A.1e.3T){4v(i(17(){13.8v()}).1F(13),jt)}13.3W.1Q("2W").1y({1Y:""});13.3W.1y({1Y:"eI 0.6s 5A-5B(0.eJ, 0.js, 0.eL, 0.ju) 0.9J"}).1E();13.1d.1y({1Y:"eI .3s 5A-5B(0.9Y, 0, 0.eH, 0.b2) 9J"}).1E();if(13.1c.1U!==1l&&13.1o("3B")==="34"&&13.1o("4z")!=="2B"){13.1i.1d.1y({"1V-1g":13.1i.1E("1m").1g});13.1i.1d.1y({"1V-1f":13.1i.1E("1m").1f})}13.3W.1y({2r:0.4});13.1d.1y({2r:0.jv,2i:"4f(0.4)"})}1k{13.8v()}}},2n:17(L){if(!13.1i.2k()||!13.2m||13.1J){if(!13.1i.2k()){if(L){13.6d=e(L);L.4r();if(L.1u==="1Z"){L.5j[1].4r()}}13.1i.65(13.7n.1F(13));if(!13.5O){13.5O=i(13.8B).1F(13).2G(8A)}}1a}if(L){L.4r()}1b J=i(13.1d).2c("cr");1b K=1n.jw();13.b0();13.6v--;13.49(1h,1r);13.9c();13.9q();13.2m=1l;if(!13.3h){13.3h=A.$1t("2X").1B("1q-2n").1B(13.1o("5v")).1y({2r:0});13.5i=A.$1t("2X").1B("1q-2n-eU").24(13.3h);13.8j=A.$1t("2X").1B("1q-2n-jE").24(13.5i);i(["4G","4B","6o"]).3f(17(N){1b M="1q-2t";13.2P[N]=A.$1t("2t",{8u:13.1o("9D-jF-"+N)}).1B(M).1B(M+"-"+N);K.b1(13.2P[N]);4A(N){1D"4G":13.2P[N].1C("1Z 1T",17(O){O.2f();13.3X(13.80())}.2M(13));1H;1D"4B":13.2P[N].1C("1Z 1T",17(O){O.2f();13.3X(13.83())}.2M(13));1H;1D"6o":13.2P[N].1C("1Z 1T",17(O){O.2f();13.6o()}.2M(13));1H;1P:}},13);13.8j.3d(K);13.3h.1C("4y 5s 3D",i(17(M){i(M).2f()}));if(13.1o("eE")){13.3h.1C("1Z 1T",17(O){1b N=O.5F();1b M=i(13.1o("4z")==="2B"?13.1c.1d:13.1c.1i).7q();if(13.1o("3B")!=="34"&&M.1G<=N.y&&N.y<=M.2N&&M.1M<=N.x&&N.x<=M.2K){O.4r();13.49(O);1a}if(13.1o("3B")!=="34"&&13.1d.9G(O.eF())){1a}O.2f();13.6o()}.2M(13))}13.9F=i(17(N){1b M=1h;if(N.8K!==27&&N.8K!==37&&N.8K!==39){1a}i(N).2f();if(N.8K===27){13.6o()}1k{M=(N.8K===37)?13.80():13.83();if(M){13.3X(M)}}}).2M(13);13.8z=i(17(){1b M;13.1d.1Q("2W").1y({1Y:"",2i:"4o(0, 0, 0)"});if(13.1J){1a}13.1J=1r;13.3h.1R("1q-2n-jN").1y({2r:1});13.1c.8R(13.1o("4z"));13.2b=A.4d(13.3i);13.5R();if(13.3Y&&13.1i.3y){if(13.1i.3K){13.3Y.3d(A.$1t("a",{6Y:13.1i.3K}).1C("1Z 1T",13.9Q.1F(13)).5z(13.1i.3y))}1k{13.3Y.5z(13.1i.3y)}13.3Y.1B("1q-5y")}if(13.1o("3B")!=="34"){13.7S(1r);13.7V(1r)}13.2m=1r;if(13.1o("3B")==="34"){if(13.1c.1U!==1l){13.1c.6D(1r)}if(A.1e.2Z&&13.7T){13.7T=1l}13.4D()}if((A.1e.2Z||13.1o("9w"))&&13.1c.51){if(13.7T||13.6v>0){13.6A(1r,13.1o("aq"))}13.7T=1l}13.8j.1R("1q-3w").1B("1q-9b 1q-5W");if(13.5p){13.5p.1R("1q-3w").1B("1q-9b 1q-5W")}if(13.4m){13.4m.b7();13.a5(13.1i)}if(J){J.24(13.3h,((1p.5S(1p.6w()*bc)+1)%2)?"1G":"2N")}if(13.4R.1I&&!13.3L.1I){13.ba()}i(1n).1C("b8",13.9F);if(A.1e.4Q==="ao"&&A.1e.4u==="ar"&&5P(A.1e.6Z)===7){n=w()}u("eG",13.id)}).1F(13);13.8v=i(17(){13.1d.1Q("2W");if(!13.1J){1a}if(13.1J){i(1n).1Q("b8",13.9F);13.49(1h,1r)}13.eM();13.1J=1l;13.1c.8R(13.1o("4b"));13.1d.8l(13.1i.75("1K"),13.1i.1d);13.1i.71("1K");i(13.1i.1d).1y({1f:"",1g:"","1V-1f":1p.2h(13.1i.1E("1K").1f),"1V-1g":1p.2h(13.1i.1E("1K").1g)});13.1s.1i.1W=13.1i.7K("1K");13.1d.1y({2r:"",1Y:""});13.1d.1y({2i:"4o(0, 0, 0)"});i(13.3P).8l(13.1d,13.8a);13.7x(1r);if(13.3Y){13.3Y.2U();13.3Y=1h}13.9c();13.9q();if(13.1o("4k")==="34"){13.4D()}1k{if(13.1o("4b")!==1l){13.7S(13.1o("4k")==="2T");13.7V(13.1o("4k")==="2T"&&!13.1o("2n"))}}13.6A();13.3W.1Q("2W");13.3h.2U();13.3W.2U();13.3W=1h;i(A.1e.4a()).1R("1q-1J-eS-8e");13.2m=1r;if(A.1e.2F<10){13.5R()}1k{i(1j).bq("eN","78")}u("eT",13.id)}).1F(13);13.7Y=A.$1t("2X",{"40":"1q-1i-eU"}).24(13.5i);13.4U=A.$1t("5I").24(13.7Y);13.8a=13.1d.jO(1l)}13.eV();i(A.1e.4a()).1B("1q-1J-eS-8e");i(1n.3C).1E();if(13.1o("2n")==="eR"){13.bK();A.1e.57.bG(13.3h,{bF:i(17(){13.8z()}).1F(13),bJ:13.8v,8O:i(17(){13.bL()}).1F(13)})}1k{4v(i(17(){13.bK();13.bL()}).1F(13),96)}},bK:17(){1b K;1b J;K=A.$1t("2a",{1W:13.1i.7K("1m")});13.3W=A.$1t("2X").1B("1q-2n-bg").3d((A.1e.2O.8h||A.1e.2F<10)?K:1t A.91(K).5e(b).75()).24(13.3h);if(13.1o("3B")==="34"&&13.1o("4z")!==1l){13.5i.1B("1q-34-1m"+(13.1o("4z")==="1m"?" 1q-1m-in":"")).1E()}J=i(13.1d)[(A.1e.2F<10)?"1E":"7i"]();i(13.8a).1y({1f:J.1f,1g:J.1g});13.1d.8l(13.1i.75("1m"),13.1i.1d);13.1i.71("1m");13.3h.24(1n.3C);13.7u=17(){1b L=13.7Y;if(i(13.4U).1E().1f>50){L=13.4U}1a 17(){1a 13.1o("3B")==="34"&&13.1o("4z")!==1l&&13.1o("4z")!=="2B"?6q:1p.4S(i(L).8s().1f)}}.2e(13);13.7a=17(){1b L=13.7Y;if(i(13.4U).1E().1g>50){L=13.4U}1a 17(){1a 13.1o("3B")==="34"&&13.1o("4z")!==1l&&13.1o("4z")!=="2B"?6q:1p.4S(i(L).8s().1g)}}.2e(13);13.8j.1R("1q-9b 1q-5W").1B("1q-3w");if(13.5p){13.5p.1R("1q-9b 1q-5W").1B("1q-3w")}13.1i.1d.1y({"1V-1g":1p.2h(13.1i.1E("1m").1g,13.7a())});13.1i.1d.1y({"1V-1f":1p.2h(13.1i.1E("1m").1f,13.7u())});13.4U.3d(i(13.3P).8l(13.8a,13.1d));if(13.1o("3Y")){13.3Y=A.$1t("eO",{"40":"1q-3y"}).24(13.4U)}},bL:17(){13.1d.1y({1Y:""});13.1d.1y({2i:"4f(0.6)"}).1E();13.1d.1y({1Y:A.1e.a2+" 0.4s 5A-5B(0.a4, 0.bD, 0.eP, 1) 9J"});if(A.1e.2O.1Y){13.1d.1C("2W",13.8z);if(A.1e.5w&&(A.1e.4u==="5w"||A.1e.4u==="73")){4v(i(17(){13.8z()}).1F(13),bv)}}1k{13.8z.2G(16,13)}13.3h.1y({2r:1});13.1d.1y({2i:"4f(1)"})},9Q:17(){if(13.1i.3K){1j.8e(13.1i.3K,"jP")}},83:17(){1b J=(13.1J?13.4R:13.3L).36(17(M){1a(M.1K.2p!==-1||M.1m.2p!==-1)});1b K=J.1I;1b L=i(J).4M(13.1i)+1;1a(K<=1)?1h:J[(L>=K)?0:L]},80:17(){1b J=(13.1J?13.4R:13.3L).36(17(M){1a(M.1K.2p!==-1||M.1m.2p!==-1)});1b K=J.1I;1b L=i(J).4M(13.1i)-1;1a(K<=1)?1h:J[(L<0)?K-1:L]},en:17(K,L){1b J=13.3L.36(17(M){1a((M.1m.1W.4L(K)||M.1m.29.4L(K))&&(M.1K.1W.4L(L)||M.1K.29.4L(L)))})||[];1a J[0]||((L&&K&&A.1O(L)==="1N"&&A.1O(K)==="1N")?1t l(L,K):1h)},bs:17(K){1b J=13.3L.36(17(L){1a(L.4t===K)})||[];1a J[0]},ej:17(J){1a 13.3L[J]}};v={4J:"em.2.2 (jQ) jM",4O:17(M,K){1b L=1h;1b J=[];A.$A((M?[i(M)]:A.$A(1n.9V("9U")).5V(A.$A(1n.9V("9u"))))).3f(i(17(N){if(i(N)){if(!j(N)){L=1t k(N,K);if(y&&!L.1o("bu")){L.2f();L=1h}1k{G.3g(L);J.3g(L)}}}}).1F(13));1a M?J[0]:J},2f:17(M){1b K,L,J;if(M){(L=j(M))&&(L=G.9E(G.4M(L),1))&&L[0].2f()&&(4V L[0]);1a}5M(K=G.1I){L=G.9E(K-1,1);L[0].2f();4V L[0]}},jL:17(J){13.2f(J);1a 13.4O(J)},3X:17(O,N,M,K){1b L=j(O);1b J;if(L){J=A.1O(N)==="6g"?L.bs(N):L.en(N,M);if(J){L.3X(J)}}},jH:17(M,L){1b K=j(M);1b J;if(K){4A(A.1O(L)){1D"6g":J=K.bs(L);1H;1D"6E":J=K.ej(L);1H;1P:}if(J){K.3X(J)}}},4G:17(K){1b J;(J=j(K))&&J.3X(J.80())},4B:17(K){1b J;(J=j(K))&&J.3X(J.83())},jG:17(K){1b J;(J=j(K))&&J.4D()},jI:17(K){1b J;(J=j(K))&&J.49()},2n:17(K){1b J;(J=j(K))&&J.2n()},6o:17(K){1b J;(J=j(K))&&J.6o()},eu:17(J,K){if(!q[J]){q[J]=[]}if(A.1O(K)==="17"){q[J].3g(K)}},jJ:17(J){1a!!j(J)}};i(1n).1C("a3",17(){1b K=1j[E+"7t"]||{};t=t();d();I=A.$1t("2X",{"40":"3l-3w-6F"}).24(1n.3C);H=(A.1e.2Z&&1j.ey&&1j.ey("(1V-ez-1f: eA), (1V-ez-1g: eA)").jK);if(A.1e.2Z){A.26(p,m)}1S(1b J=0;J<B.1I;J++){if(K[B[J]]&&A.$F!==K[B[J]]){v.eu(B[J],K[B[J]])}}v.4O();y=1l});1j.9u=1j.9u||{};1a v})();',62,1344,'|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||this||||function|||return|var|zoomBox|node|browser|width|height|null|image|window|else|false|zoom|document|option|Math|mz|true|lens|new|type|Event|options|Custom|jSetCss|size|event|jAddClass|jAddEvent|case|jGetSize|jBind|top|break|length|expanded|small|handler|left|string|jTypeOf|default|jRemoveEvent|jRemoveClass|for|btnclick|mode|max|src|boundaries|transition|tap||arguments|||jAppendTo||extend|||url|img|zoomSize|jFetch||call|stop|position|min|transform|important|loaded|pointerType|ready|expand||state|style|opacity|touchdrag|button|getAttribute|parseFloat|inner||px|prototype|navigator|magnifier|auto|undefined|enum|ieMode|jDelay|clientX|100|clientY|right|changedTouches|jBindAsEvent|bottom|features|buttons|context|mousedrag|timeStamp|click|jRemove|active|transitionend|div|none|mobile||||jCallEvent|always||filter||pos||jDel|oneOf|pointerEnabled|append|jStore|jEach|push|expandBox|zoomSizeOrigin|try|rootCSS|magic|settings|test|handle|hint|boolean|defined||jGetCss|touch|data|hidden|activating|caption|match|setAttribute|expandZoomOn|body|dbltap|orientation|Doc|catch|abs|identifier|clearTimeout|link|additionalImages|jSetCssProp|init|Class|placeholder|parent|dragstart|border|webkit|Element|touchpinch|expandBg|update|expandCaption|hasOwnProperty|class|stopDefaults||ceil|||||off|deactivate|getDoc|zoomMode|pushToEvents|detach|dblbtnclick|scale|target|array|replace|firstChild|zoomOn|hide|expandThumbs|preview|translate3d|custom|styles|stopQueue||origin|uaName|setTimeout|touches|parentNode|mousescroll|expandZoomMode|switch|next|schema|activate|pow|listeners|prev|reverse|root|version|visibility|has|indexOf|J_TYPE|start|direction|platform|expandGallery|round|moveTimer|expandFigure|delete|innerHeight|trident|disabled|vertical||enabled|pageY||||pageX|fullScreen||domPrefix|jTrim|requestAnimationFrame|MSPOINTER_TYPE_TOUCH|toLowerCase|blur|handlers|stopDistribution|kill|expandStage|events|documentElement|innerWidth|duration|distance|constructor|expandNav|messageBox|instanceof|touchstart|absolute|pointermove|cssClass|chrome|FX|show|changeContent|cubic|bezier|spos|cubicBezier|move|jGetPageXY|jCamelize|throw|figure|removeAttribute|add|activateTimer|while|pointerup|loadTimer|parseInt|canvas|resizeCallback|floor|timer|contains|concat|visible|mouseup|onload|0px|||innertouch|getAbsoluteURL|now|load|nodeType|updateTimer||String|targetTouches|to|display|initEvent|css|isQueueStopped|element|touchend|apply|MSPointerUp|dppx|MSPointerMove|ease|gecko|close|ms|Infinity|loadingBox||className|Array|hintRuns|random|dragged|scroll|J_UUID|showHint|selectedItem|onerror|enable|number|wrapper|originalTitle|not|no|MagicJS|addCSS|found|render|thumb|android|selected|mousedown|originalImg|hunits|mousemove|pointerdown|wunits|filters|getButton|href|uaVersion||setCurNode|Object|opera|onTouchEnd|getNode|shift||resize|primaryImage|expandMaxHeight|onTouchStart|end|callback|set|continuous|trigger|oncomplete|getBoundingClientRect|timedout|tm|originalImage|200|setupZoom|fromCharCode|alternate|jGetRect|normalSize|minimum|Options|expandMaxWidth|MSPointerDown|jGetScroll|setSize|engine|svg|getClientXY|_handlers|onComplete|cycles|easeFn|join|overflow|touchmovement|mouseover|cssTransformProp|getURL|toUpperCase|hover|threshold|tooltip|padding|onready|toString|registerActivateEvent|mobileZoomHint|complete|registerDeactivateEvent|itemCSS|horizontal|expandImageStage|_unbind|getPrev|zoomCaption||getNext||||on|storage|fromJSON|stubNode|byTag|getRelated|mouseout|open|deltaY|scrollTop|cssFilters|setProps|expandControls|parseCubicBezier|replaceChild|animate|touchmove|androidBrowser|scrollLeft|Transition|_cleanup|getInnerSize|reflowZoom|title|onClose|typeof|createElement|jGetPosition|onExpand|400|showLoading|split|object|setOrientation|continue|_EVENTS_|currentSrc|readyState|margin|keyCode|sqrt|_timer|crMz|fallback|cssPrefix|index|setMode|lazyZoom|originalImgSrc|Message|onprogress|loadSmall|exitFullscreen|implement|loopBind||SVGImage|cancelAnimationFrame|forceAnimation||||compatMode|||isNaN|fade|unregisterActivateEvent|dashize|getStorage|pStyles|exists|createTextNode|textExpandHint|charAt|pStyles_arr|Opacity|hideTimer|isPrimary|linear|win|unregisterDeactivateEvent|PFX|perspective|nextImage|MagicZoomPlus|eventType|forceTouch|pointerId|relatedTarget|createElementNS|dragend|J_EUID|reset|text|splice|keyboardCallback|hasChild|_bind|onTouchMove|0s|naturalWidth|magiczoom|_event_prefix_|parseNode|gallery|dblclick|openLink|capable|handleMouseUp|getElementsByTagName|MagicZoom|byClass|createEvent|callee|600|btnclickEvent|xhr|translate|cssTransform|domready|175|setActiveThumb|reflow|fromString|XMLHttpRequest|status||||||||||||||normalizeCSS|ios|msPointerEnabled|textClickZoomHint|safari|deactivating|aspectRatio|w3|http|temporary|errorEventName|www|dispatchEvent|html|Pltm|scrollFX|maximum|startAttempts|opr|10000px|touchScreen|300|Za|assign|Alpha|resizeTimer|zoomPosition|selectorsMoveFX|tagName|loadImg|changeEventName|presto|mgctlbx|org|once|ImageLoader|https|slice|querySelectorAll|hideHint|appendChild|045|ignore|onClick||previousScale|run|keydown|calc|swipe||101|thumbs|mzCrA|_event_del_||priority|_event_add_|getTarget|05|query|selectorTrigger|onclick|caller|cssDomPrefix|jRaiseEvent|cycle|imageByOrigin|abort|autostart|500|handleTouchMove|J_EXT|onabort|deltaMode|Date|loadedBytes|uuid|885|handleTouchEnd|onEnter|request|startTime|stopAnimation|onExit|prepareExpandedView|expandToWindow|handleTouchStart|Function|1000|cubicBezierAtTime|handleMouseDown|el_arr|isMouse|rel|startTimer|runtime|removeChild|pointerout|ifndef|onResize|onZoomReady|Tooltip|getElementsByClassName|jClearEvents|hideFX|styles_arr|hideLoading|onBeforeRender|000001|inline|HTMLElement|0001|textHoverZoomHint|deltaX||delay|loadZoom|span|hintMessage|clientWidth|isReady|webkit419|interval|onStart|999|setMessage|jSetOpacity||progid|DXImageTransform|Microsoft|jHasClass|detail|wheelDeltaX|wheelDeltaY|wheelDelta|doc|Click|Number|onxhrerror|304|xhr2|loadBlob|offsetWidth|parseSchema|progressiveLoad|jToBool|jDefer|error|onreadystatechange|finishTime|getElementById|naturalHeight|compareDocumentPosition|stdDeviation|wrap|easeInCubic|easeOutCubic|preventDefault|setupContent|easeOutQuad|euid|easeInExpo|which|easeInSine|addEventListener|easeOutExpo|easeInQuad|165|filterBlur|items|cancelBubble|onAfterRender|bounceIn|out|curScale|initDrag|easeOutSine|cos|fps|loop|_initialDistance|dragmove|03|handleMouseMove|easeInBack||355|stopPropagation|elasticIn|requestFullScreen|easeOutBack|PI|setCaption|MouseEvent|||variableZoom|changeZoomLevel|unregisterEvents|registerEvents|phone|shown|upscale|MSPointerOut|onZoomIn|onZoomOut|deg|selector|addItem|with|300ms|backward|moveBind|firefox|ts|od|0ms|zIndex|color|2147483647|zoomWidth|lineHeight|mozCancelAnimationFrame|ACwAAAAAAQABAAACADs|100000|fontWeight|zoomHeight|onUpdate|transitionEffect|selectItem|hone|backcompat|onswipe|setupSelectors|RegExp|stopImmediatePropagation|clearInterval|cancel|styleSheet|sheet|insertRule|stylesId|imageByIndex|deleteRule||v5|imageByURL|removeRule|date||textnode|item|toArray|registerCallback|UUID|getTime|nativize|matchMedia|device|767px|magicJS|mjs|animation|closeOnClickOutside|getOriginalTarget|onExpandOpen|735|all|895|DocumentTouch|685|destroyExpandGallery|UIEvent|figcaption|320|forEach|fullscreen|view|onExpandClose|stage|setupExpandGallery|R0lGODlhAQABAAD|smoothing|onchange|base64|screenX|normal|cssText|background|10px|touchOptions|multibackground|get|Webkit|documentMode|screenY|msExitFullscreen|crios|block|Moz|screen|getContext|backCompat|setInterval|moz||getJSON|Top||styleFloat|charCodeAt|ua|loadOptions|rightClick|cancelFullScreen|scrollbarsWidth|getComputedStyle|enclose|Bottom|gif|querySelector|Left|Right|mac|10000|userAgent|msFullscreenEnabled|edge|webkitIsFullScreen|RequestFullScreen|RequestFullscreen|air|fullscreenEnabled|evaluate|FullScreen|requestFullscreen|xpath|withCredentials|SVG11|TR|hasFeature|implementation|feature|Image|ver|offsetLeft|ontouchstart|clientLeft|clientTop|fullscreenElement|msCancelFullScreen|oCancelFullScreen|mozCancelFullScreen|webkitCancelFullScreen|ProgressEvent|FormData|FullscreenElement||pinchstart|pinchupdate|webkitexitFullscreen|4xxx|mousewheel|addRule|cssRules|Width|removeCSS|activeElement|onwheel|wheel|fullscreenerror|prefix|head|jGetStyles|KeyboardEvent|collection|getPropertyValue|v3|KeyEvent|regexp|float|cssFloat|jToggleClass|000244140625|MSFullscreenError|MSFullscreenChange|jGetTransitionDuration|4294967296|getHashCode|offsetHeight|jGetFullScroll|jToInt|ExitFullscreen|map|CancelFullScreen|xy|xxxxxxxxxxxx|generateUUID|delta|deltaZ|deltaFactor|fullscreenchange|xxxxxxxx|yxxx|offsetTop|xxxx|toFloat|elaine|WebKitPoint|mozInnerScreenY|getBoxObjectFor|ActiveXObject|taintEnabled|unknown|jGetStyle|cssfilters|TransitionEvent|WebKitTransitionEvent|xiino|webkitTransitionEnd|returnValue|currentStyle|srcElement|treo|up|vodafone|xda|windows|insertBefore|wap|jSetStyle|webos|oCancelAnimationFrame|DOMElement|pageYOffset|jGetFullSize|pageXOffset|clientHeight|9999|presto925|webkitCancelRequestAnimationFrame|msCancelAnimationFrame|msRequestAnimationFrame|scrollWidth|iframe|other|2px|linux|mozRequestAnimationFrame|webkitRequestAnimationFrame|red|oRequestAnimationFrame|scrollHeight|pointerover|symbian|doScroll|hiptop|fennec|DOMContentLoaded|420|iemobile|kindle|createEventObject|iris|fireEvent|childNodes|compal|meego|innerHTML|offsetParent|msMaxTouchPoints|536|avantgo|blazer|blackberry|bada|innerText|lge|maemo|plucker|re|isTouchEvent|ixi|pocket||||toElement|MSPointerOver|series|fromElement|psp|os|isPrimaryTouch||netfront||sort|mmp|midp|ob|detachEvent|removeEventListener|palm|attachEvent|maxTouchPoints|MZ|ikz3|zo|Qlbo|zwbk3|maba|zfg|mbgme3|fzz|kh3|yyy|coigmzaablav|coigmtaac|gz5|zkvz|ff0000|o0|center|mgctlbxN|mgctlbxV|xk|gob|jkma|ozga|0Coigm|Taac|devicePixelRatio|Double|units|SourceGraphic|sides|ul|TypeError|feGaussianBlur|setAttributeNS|isset|parameter|2000|1999|xlink|Cannot|convert|textBtnPrev|Next|Previous|Tap|Touch|textBtnNext|Close|or|zoomDistance|Hover|textBtnClose|mgctlbxL|mgctlbxP|030|260|220|01|createDocumentFragment|pop|thumbnails|isFinite|120|201|forward|100ms|controls|btn|zoomIn|switchTo|zoomOut|running|matches|refresh|DEMO|opening|cloneNode|_self|Plus|loading|message|rev|radius|srcset|getRatio|selectstart|before|250|9_|z0|scrollTo|availWidth|availHeight||MobileOptions|contextmenu|dummy|font|256|relative|350|2em|textAlign|fontSize|fontFamily|sans|serif|the|ojk5|total|easeInOutQuint|07|795|easeOutQuint|06|static|createObjectURL|745|855|035|lengthComputable|335|easeOutCirc|075|responseType|085|URL|webkitURL|easeInOutExpo|easeInCirc|04|progress|755|515|955|575|055|455|easeInOutQuad|445|537|easeInOutSine|565|675|215|response|easeOutQuart|easeInOutQuart|easeInQuint|easeInQuart|645|715|easeInOutCubic|of|easeInOutCirc|GET|elasticOut|bounceOut|infinite|roundCss|backOut||cubicOut|quadIn|quadOut|cubicIn|curFrame|setTransition||JSON|parse|Incorrect|definition|POSITIVE_INFINITY|NEGATIVE_INFINITY|MagicToolboxTooltip|MessageBox|5000|expoOut||backIn|blob|send|265|expoIn|easeInOutBack|275|destroy|sineIn|135|785|sineOut'.split('|'),0,{}))
\ No newline at end of file
diff --git a/LaptopTCC/js/mmenu.js b/LaptopTCC/js/mmenu.js
new file mode 100644
index 0000000..0b91e95
--- /dev/null
+++ b/LaptopTCC/js/mmenu.js
@@ -0,0 +1,16 @@
+/*!
+ * jQuery mmenu v7.2.2
+ * @requires jQuery 1.7.0 or later
+ *
+ * mmenu.frebsite.nl
+ *
+ * Copyright (c) Fred Heusschen
+ * www.frebsite.nl
+ *
+ * License: CC-BY-NC-4.0
+ * http://creativecommons.org/licenses/by-nc/4.0/
+ */
+!function(h){var n,p,o,a,t,f="mmenu",e="7.2.2";h[f]&&h[f].version>e||(h[f]=function(t,e,n){return this.$menu=t,this._api=["bind","getInstance","initPanels","openPanel","closePanel","closeAllPanels","setSelected"],this.opts=e,this.conf=n,this.vars={},this.cbck={},this.mtch={},"function"==typeof this.___deprecated&&this.___deprecated(),this._initWrappers(),this._initAddons(),this._initExtensions(),this._initHooks(),this._initMenu(),this._initPanels(),this._initOpened(),this._initAnchors(),this._initMatchMedia(),"function"==typeof this.___debug&&this.___debug(),this},h[f].version=e,h[f].uniqueId=0,h[f].wrappers={},h[f].addons={},h[f].defaults={hooks:{},extensions:[],wrappers:[],navbar:{add:!0,title:"Menu",titleLink:"parent"},onClick:{setSelected:!0},slidingSubmenus:!0},h[f].configuration={classNames:{divider:"Divider",inset:"Inset",nolistview:"NoListview",nopanel:"NoPanel",panel:"Panel",selected:"Selected",spacer:"Spacer",vertical:"Vertical"},clone:!1,language:null,openingInterval:25,panelNodetype:"ul, ol, div",transitionDuration:400},h[f].prototype={getInstance:function(){return this},initPanels:function(t){this._initPanels(t)},openPanel:function(t,e){if(this.trigger("openPanel:before",t),t&&t.length&&(t.is("."+p.panel)||(t=t.closest("."+p.panel)),t.is("."+p.panel))){var n=this;if("boolean"!=typeof e&&(e=!0),t.parent("."+p.listitem+"_vertical").length)t.parents("."+p.listitem+"_vertical").addClass(p.listitem+"_opened").children("."+p.panel).removeClass(p.hidden),this.openPanel(t.parents("."+p.panel).not(function(){return h(this).parent("."+p.listitem+"_vertical").length}).first()),this.trigger("openPanel:start",t),this.trigger("openPanel:finish",t);else{if(t.hasClass(p.panel+"_opened"))return;var i=this.$pnls.children("."+p.panel),s=this.$pnls.children("."+p.panel+"_opened");if(!h[f].support.csstransitions)return s.addClass(p.hidden).removeClass(p.panel+"_opened"),t.removeClass(p.hidden).addClass(p.panel+"_opened"),this.trigger("openPanel:start",t),void this.trigger("openPanel:finish",t);i.not(t).removeClass(p.panel+"_opened-parent");for(var a=t.data(o.parent);a;)(a=a.closest("."+p.panel)).parent("."+p.listitem+"_vertical").length||a.addClass(p.panel+"_opened-parent"),a=a.data(o.parent);i.removeClass(p.panel+"_highest").not(s).not(t).addClass(p.hidden),t.removeClass(p.hidden);var r=function(){s.removeClass(p.panel+"_opened"),t.addClass(p.panel+"_opened"),t.hasClass(p.panel+"_opened-parent")?(s.addClass(p.panel+"_highest"),t.removeClass(p.panel+"_opened-parent")):(s.addClass(p.panel+"_opened-parent"),t.addClass(p.panel+"_highest")),n.trigger("openPanel:start",t)},l=function(){s.removeClass(p.panel+"_highest").addClass(p.hidden),t.removeClass(p.panel+"_highest"),n.trigger("openPanel:finish",t)};e&&!t.hasClass(p.panel+"_noanimation")?setTimeout(function(){n.__transitionend(t,function(){l()},n.conf.transitionDuration),r()},n.conf.openingInterval):(r(),l())}this.trigger("openPanel:after",t)}},closePanel:function(t){this.trigger("closePanel:before",t);var e=t.parent();e.hasClass(p.listitem+"_vertical")&&(e.removeClass(p.listitem+"_opened"),t.addClass(p.hidden),this.trigger("closePanel",t)),this.trigger("closePanel:after",t)},closeAllPanels:function(t){this.trigger("closeAllPanels:before"),this.$pnls.find("."+p.listview).children().removeClass(p.listitem+"_selected").filter("."+p.listitem+"_vertical").removeClass(p.listitem+"_opened");var e=this.$pnls.children("."+p.panel),n=t&&t.length?t:e.first();this.$pnls.children("."+p.panel).not(n).removeClass(p.panel+"_opened").removeClass(p.panel+"_opened-parent").removeClass(p.panel+"_highest").addClass(p.hidden),this.openPanel(n,!1),this.trigger("closeAllPanels:after")},togglePanel:function(t){var e=t.parent();e.hasClass(p.listitem+"_vertical")&&this[e.hasClass(p.listitem+"_opened")?"closePanel":"openPanel"](t)},setSelected:function(t){this.trigger("setSelected:before",t),this.$menu.find("."+p.listitem+"_selected").removeClass(p.listitem+"_selected"),t.addClass(p.listitem+"_selected"),this.trigger("setSelected:after",t)},bind:function(t,e){this.cbck[t]=this.cbck[t]||[],this.cbck[t].push(e)},trigger:function(){var t=Array.prototype.slice.call(arguments),e=t.shift();if(this.cbck[e])for(var n=0,i=this.cbck[e].length;n<i;n++)this.cbck[e][n].apply(this,t)},matchMedia:function(t,e,n){var i={yes:e,no:n};this.mtch[t]=this.mtch[t]||[],this.mtch[t].push(i)},i18n:function(t){return h[f].i18n(t,this.conf.language)},_initHooks:function(){for(var t in this.opts.hooks)this.bind(t,this.opts.hooks[t])},_initWrappers:function(){this.trigger("initWrappers:before");for(var t=0;t<this.opts.wrappers.length;t++){var e=h[f].wrappers[this.opts.wrappers[t]];"function"==typeof e&&e.call(this)}this.trigger("initWrappers:after")},_initAddons:function(){var t;for(t in this.trigger("initAddons:before"),h[f].addons)h[f].addons[t].add.call(this),h[f].addons[t].add=function(){};for(t in h[f].addons)h[f].addons[t].setup.call(this);this.trigger("initAddons:after")},_initExtensions:function(){this.trigger("initExtensions:before");var e=this;for(var t in this.opts.extensions.constructor===Array&&(this.opts.extensions={all:this.opts.extensions}),this.opts.extensions)this.opts.extensions[t]=this.opts.extensions[t].length?p.menu+"_"+this.opts.extensions[t].join(" "+p.menu+"_"):"",this.opts.extensions[t]&&function(t){e.matchMedia(t,function(){this.$menu.addClass(this.opts.extensions[t])},function(){this.$menu.removeClass(this.opts.extensions[t])})}(t);this.trigger("initExtensions:after")},_initMenu:function(){this.trigger("initMenu:before");this.conf.clone&&(this.$orig=this.$menu,this.$menu=this.$orig.clone(),this.$menu.add(this.$menu.find("[id]")).filter("[id]").each(function(){h(this).attr("id",p.mm(h(this).attr("id")))})),this.$menu.attr("id",this.$menu.attr("id")||this.__getUniqueId()),this.$pnls=h('<div class="'+p.panels+'" />').append(this.$menu.children(this.conf.panelNodetype)).prependTo(this.$menu),this.$menu.addClass(p.menu).parent().addClass(p.wrapper),this.trigger("initMenu:after")},_initPanels:function(t){this.trigger("initPanels:before",t),t=t||this.$pnls.children(this.conf.panelNodetype);var i=h(),s=this,a=function(t){t.filter(s.conf.panelNodetype).each(function(t){var e=s._initPanel(h(this));if(e){s._initNavbar(e),s._initListview(e),i=i.add(e);var n=e.children("."+p.listview).children("li").children(s.conf.panelNodetype).add(e.children("."+s.conf.classNames.panel));n.length&&a(n)}})};a(t),this.trigger("initPanels:after",i)},_initPanel:function(t){this.trigger("initPanel:before",t);if(t.hasClass(p.panel))return t;if(this.__refactorClass(t,this.conf.classNames.panel,p.panel),this.__refactorClass(t,this.conf.classNames.nopanel,p.nopanel),this.__refactorClass(t,this.conf.classNames.inset,p.listview+"_inset"),t.filter("."+p.listview+"_inset").addClass(p.nopanel),t.hasClass(p.nopanel))return!1;var e=t.hasClass(this.conf.classNames.vertical)||!this.opts.slidingSubmenus;t.removeClass(this.conf.classNames.vertical);var n=t.attr("id")||this.__getUniqueId();t.is("ul, ol")&&(t.removeAttr("id"),t.wrap("<div />"),t=t.parent()),t.attr("id",n),t.addClass(p.panel+" "+p.hidden);var i=t.parent("li");return e?i.addClass(p.listitem+"_vertical"):t.appendTo(this.$pnls),i.length&&(i.data(o.child,t),t.data(o.parent,i)),this.trigger("initPanel:after",t),t},_initNavbar:function(t){if(this.trigger("initNavbar:before",t),!t.children("."+p.navbar).length){var e=t.data(o.parent),n=h('<div class="'+p.navbar+'" />'),i=this.__getPanelTitle(t,this.opts.navbar.title),s="";if(e&&e.length){if(e.hasClass(p.listitem+"_vertical"))return;if(e.parent().is("."+p.listview))var a=e.children("a, span").not("."+p.btn+"_next");else a=e.closest("."+p.panel).find('a[href="#'+t.attr("id")+'"]');var r=(e=(a=a.first()).closest("."+p.panel)).attr("id");switch(i=this.__getPanelTitle(t,h("<span>"+a.text()+"</span>").text()),this.opts.navbar.titleLink){case"anchor":s=a.attr("href");break;case"parent":s="#"+r}n.append('<a class="'+p.btn+" "+p.btn+"_prev "+p.navbar+'__btn" href="#'+r+'" />')}else if(!this.opts.navbar.title)return;this.opts.navbar.add&&t.addClass(p.panel+"_has-navbar"),n.append('<a class="'+p.navbar+'__title"'+(s.length?' href="'+s+'"':"")+">"+i+"</a>").prependTo(t),this.trigger("initNavbar:after",t)}},_initListview:function(t){this.trigger("initListview:before",t);var e=this.__childAddBack(t,"ul, ol");this.__refactorClass(e,this.conf.classNames.nolistview,p.nolistview);var n=e.not("."+p.nolistview).addClass(p.listview).children().addClass(p.listitem);this.__refactorClass(n,this.conf.classNames.selected,p.listitem+"_selected"),this.__refactorClass(n,this.conf.classNames.divider,p.listitem+"_divider"),this.__refactorClass(n,this.conf.classNames.spacer,p.listitem+"_spacer"),n.children("a, span").not("."+p.btn).addClass(p.listitem+"__text");var i=t.data(o.parent);if(i&&i.is("."+p.listitem)&&!i.children("."+p.btn).length){var s=i.children("a, span").first(),a=h('<a class="'+p.btn+" "+p.btn+"_next "+p.listitem+'__btn" href="#'+t.attr("id")+'" />');a.insertAfter(s),s.is("span")&&(a.addClass(p.listitem+"__text").html(s.html()),s.remove())}this.trigger("initListview:after",t)},_initOpened:function(){this.trigger("initOpened:before");var t=this.$pnls.find("."+p.listitem+"_selected").removeClass(p.listitem+"_selected").last().addClass(p.listitem+"_selected"),e=t.length?t.closest("."+p.panel):this.$pnls.children("."+p.panel).first();this.openPanel(e,!1),this.trigger("initOpened:after")},_initAnchors:function(){this.trigger("initAnchors:before");var c=this;t.$body.on(a.click+"-oncanvas","a[href]",function(t){var e=h(this),n=e.attr("href"),i=c.$menu.find(e).length,s=e.is("."+p.listitem+" > a"),a=e.is('[rel="external"]')||e.is('[target="_blank"]');if(i&&1<n.length&&"#"==n.slice(0,1))try{var r=c.$menu.find(n);if(r.is("."+p.panel))return c[e.parent().hasClass(p.listitem+"_vertical")?"togglePanel":"openPanel"](r),void t.preventDefault()}catch(t){}var l={close:null,setSelected:null,preventDefault:"#"==n.slice(0,1)};for(var o in h[f].addons){var d=h[f].addons[o].clickAnchor.call(c,e,i,s,a);if(d){if("boolean"==typeof d)return void t.preventDefault();"object"==typeof d&&(l=h.extend({},l,d))}}i&&s&&!a&&(c.__valueOrFn(e,c.opts.onClick.setSelected,l.setSelected)&&c.setSelected(h(t.target).parent()),c.__valueOrFn(e,c.opts.onClick.preventDefault,l.preventDefault)&&t.preventDefault(),c.__valueOrFn(e,c.opts.onClick.close,l.close)&&c.opts.offCanvas&&"function"==typeof c.close&&c.close())}),this.trigger("initAnchors:after")},_initMatchMedia:function(){var n=this;for(var i in this.mtch)!function(){var e=i,t=window.matchMedia(e);n._fireMatchMedia(e,t),t.addListener(function(t){n._fireMatchMedia(e,t)})}()},_fireMatchMedia:function(t,e){for(var n=e.matches?"yes":"no",i=0;i<this.mtch[t].length;i++)this.mtch[t][i][n].call(this)},_getOriginalMenuId:function(){var t=this.$menu.attr("id");return this.conf.clone&&t&&t.length&&(t=p.umm(t)),t},__api:function(){var n=this,i={};return h.each(this._api,function(t){var e=this;i[e]=function(){var t=n[e].apply(n,arguments);return void 0===t?i:t}}),i},__valueOrFn:function(t,e,n){if("function"==typeof e){var i=e.call(t[0]);if(void 0!==i)return i}return"function"!=typeof e&&void 0!==e||void 0===n?e:n},__getPanelTitle:function(t,e){var n;return"function"==typeof this.opts.navbar.title&&(n=this.opts.navbar.title.call(t[0])),void 0===n&&(n=t.data(o.title)),void 0!==n?n:"string"==typeof e?this.i18n(e):this.i18n(h[f].defaults.navbar.title)},__refactorClass:function(t,e,n){return t.filter("."+e).removeClass(e).addClass(n)},__findAddBack:function(t,e){return t.find(e).add(t.filter(e))},__childAddBack:function(t,e){return t.children(e).add(t.filter(e))},__filterListItems:function(t){return t.not("."+p.listitem+"_divider").not("."+p.hidden)},__filterListItemAnchors:function(t){return this.__filterListItems(t).children("a").not("."+p.btn+"_next")},__openPanelWoAnimation:function(t){t.hasClass(p.panel+"_noanimation")||(t.addClass(p.panel+"_noanimation"),this.__transitionend(t,function(){t.removeClass(p.panel+"_noanimation")},this.conf.openingInterval),this.openPanel(t))},__transitionend:function(e,n,t){var i=!1,s=function(t){void 0!==t&&t.target!=e[0]||(i||(e.off(a.transitionend),e.off(a.webkitTransitionEnd),n.call(e[0])),i=!0)};e.on(a.transitionend,s),e.on(a.webkitTransitionEnd,s),setTimeout(s,1.1*t)},__getUniqueId:function(){return p.mm(h[f].uniqueId++)}},h.fn[f]=function(n,i){!function(){if(h[f].glbl)return;t={$wndw:h(window),$docu:h(document),$html:h("html"),$body:h("body")},p={},o={},a={},h.each([p,o,a],function(t,i){i.add=function(t){t=t.split(" ");for(var e=0,n=t.length;e<n;e++)i[t[e]]=i.mm(t[e])}}),p.mm=function(t){return"mm-"+t},p.add("wrapper menu panels panel nopanel navbar listview nolistview listitem btn hidden"),p.umm=function(t){return"mm-"==t.slice(0,3)&&(t=t.slice(3)),t},o.mm=function(t){return"mm-"+t},o.add("parent child title"),a.mm=function(t){return t+".mm"},a.add("transitionend webkitTransitionEnd click scroll resize keydown mousedown mouseup touchstart touchmove touchend orientationchange"),h[f]._c=p,h[f]._d=o,h[f]._e=a,h[f].glbl=t}(),n=h.extend(!0,{},h[f].defaults,n),i=h.extend(!0,{},h[f].configuration,i);var s=h();return this.each(function(){var t=h(this);if(!t.data(f)){var e=new h[f](t,n,i);e.$menu.data(f,e.__api()),s=s.add(e.$menu)}}),s},h[f].i18n=(n={},function(t,e){switch(typeof t){case"object":return"string"==typeof e&&(void 0===n[e]&&(n[e]={}),h.extend(n[e],t)),n;case"string":return"string"==typeof e&&void 0!==n[e]&&n[e][t]||t;case"undefined":default:return n}}),h[f].support={touch:"ontouchstart"in window||navigator.msMaxTouchPoints||!1,csstransitions:"undefined"==typeof Modernizr||void 0===Modernizr.csstransitions||Modernizr.csstransitions})}(jQuery);
+!function(r){var s,i,o,a,t="mmenu",p="offCanvas";r[t].addons[p]={setup:function(){if(this.opts[p]){var e=this.opts[p],i=this.conf[p];a=r[t].glbl,this._api=r.merge(this._api,["open","close","setPage"]),"object"!=typeof e&&(e={}),e=this.opts[p]=r.extend(!0,{},r[t].defaults[p],e),"string"!=typeof i.page.selector&&(i.page.selector="> "+i.page.nodetype),this.vars.opened=!1;var o=[s.menu+"_offcanvas"];this.bind("initMenu:after",function(){var e=this;this._initBlocker(),this.setPage(a.$page),this["_initWindow_"+p](),this.$menu.addClass(o.join(" ")).parent("."+s.wrapper).removeClass(s.wrapper),this.$menu[i.menu.insertMethod](i.menu.insertSelector);var t=window.location.hash;if(t){var n=this._getOriginalMenuId();n&&n==t.slice(1)&&setTimeout(function(){e.open()},1e3)}}),this.bind("setPage:after",function(e){a.$blck&&a.$blck.children("a").attr("href","#"+e.attr("id"))}),this.bind("open:start:sr-aria",function(){this.__sr_aria(this.$menu,"hidden",!1)}),this.bind("close:finish:sr-aria",function(){this.__sr_aria(this.$menu,"hidden",!0)}),this.bind("initMenu:after:sr-aria",function(){this.__sr_aria(this.$menu,"hidden",!0)}),this.bind("initBlocker:after:sr-text",function(){a.$blck.children("a").html(this.__sr_text(this.i18n(this.conf.screenReader.text.closeMenu)))})}},add:function(){s=r[t]._c,i=r[t]._d,o=r[t]._e,s.add("slideout page no-csstransforms3d"),i.add("style")},clickAnchor:function(e,t){var n=this;if(this.opts[p]){var i=this._getOriginalMenuId();if(i&&e.is('[href="#'+i+'"]')){if(t)return this.open(),!0;var o=e.closest("."+s.menu);if(o.length){var r=o.data("mmenu");if(r&&r.close)return r.close(),n.__transitionend(o,function(){n.open()},n.conf.transitionDuration),!0}return this.open(),!0}if(a.$page)return(i=a.$page.first().attr("id"))&&e.is('[href="#'+i+'"]')?(this.close(),!0):void 0}}},r[t].defaults[p]={blockUI:!0,moveBackground:!0},r[t].configuration[p]={menu:{insertMethod:"prependTo",insertSelector:"body"},page:{nodetype:"div",selector:null,noSelector:[],wrapIfNeeded:!0}},r[t].prototype.open=function(){if(this.trigger("open:before"),!this.vars.opened){var e=this;this._openSetup(),setTimeout(function(){e._openFinish()},this.conf.openingInterval),this.trigger("open:after")}},r[t].prototype._openSetup=function(){var e=this,t=this.opts[p];this.closeAllOthers(),a.$page.each(function(){r(this).data(i.style,r(this).attr("style")||"")}),a.$wndw.trigger(o.resize+"-"+p,[!0]);var n=[s.wrapper+"_opened"];t.blockUI&&n.push(s.wrapper+"_blocking"),"modal"==t.blockUI&&n.push(s.wrapper+"_modal"),t.moveBackground&&n.push(s.wrapper+"_background"),a.$html.addClass(n.join(" ")),setTimeout(function(){e.vars.opened=!0},this.conf.openingInterval),this.$menu.addClass(s.menu+"_opened")},r[t].prototype._openFinish=function(){var e=this;this.__transitionend(a.$page.first(),function(){e.trigger("open:finish")},this.conf.transitionDuration),this.trigger("open:start"),a.$html.addClass(s.wrapper+"_opening")},r[t].prototype.close=function(){if(this.trigger("close:before"),this.vars.opened){var t=this;this.__transitionend(a.$page.first(),function(){t.$menu.removeClass(s.menu+"_opened");var e=[s.wrapper+"_opened",s.wrapper+"_blocking",s.wrapper+"_modal",s.wrapper+"_background"];a.$html.removeClass(e.join(" ")),a.$page.each(function(){var e=r(this).data(i.style);r(this).attr("style",e)}),t.vars.opened=!1,t.trigger("close:finish")},this.conf.transitionDuration),this.trigger("close:start"),a.$html.removeClass(s.wrapper+"_opening"),this.trigger("close:after")}},r[t].prototype.closeAllOthers=function(){a.$body.find("."+s.menu+"_offcanvas").not(this.$menu).each(function(){var e=r(this).data(t);e&&e.close&&e.close()})},r[t].prototype.setPage=function(e){this.trigger("setPage:before",e);var t=this,n=this.conf[p];e&&e.length||(e=a.$body.find(n.page.selector).not("."+s.menu).not("."+s.wrapper+"__blocker"),n.page.noSelector.length&&(e=e.not(n.page.noSelector.join(", "))),1<e.length&&n.page.wrapIfNeeded&&(e=e.wrapAll("<"+this.conf[p].page.nodetype+" />").parent())),e.addClass(s.page+" "+s.slideout).each(function(){r(this).attr("id",r(this).attr("id")||t.__getUniqueId())}),a.$page=e,this.trigger("setPage:after",e)},r[t].prototype["_initWindow_"+p]=function(){a.$wndw.off(o.keydown+"-"+p).on(o.keydown+"-"+p,function(e){if(a.$html.hasClass(s.wrapper+"_opened")&&9==e.keyCode)return e.preventDefault(),!1});var i=0;a.$wndw.off(o.resize+"-"+p).on(o.resize+"-"+p,function(e,t){if(1==a.$page.length&&(t||a.$html.hasClass(s.wrapper+"_opened"))){var n=a.$wndw.height();(t||n!=i)&&(i=n,a.$page.css("minHeight",n))}})},r[t].prototype._initBlocker=function(){var t=this,e=this.opts[p],n=this.conf[p];this.trigger("initBlocker:before"),e.blockUI&&(a.$blck||(a.$blck=r('<div class="'+s.wrapper+"__blocker "+s.slideout+'" />').append("<a />")),a.$blck.appendTo(n.menu.insertSelector).off(o.touchstart+"-"+p+" "+o.touchmove+"-"+p).on(o.touchstart+"-"+p+" "+o.touchmove+"-"+p,function(e){e.preventDefault(),e.stopPropagation(),a.$blck.trigger(o.mousedown+"-"+p)}).off(o.mousedown+"-"+p).on(o.mousedown+"-"+p,function(e){e.preventDefault(),a.$html.hasClass(s.wrapper+"_modal")||(t.closeAllOthers(),t.close())}),this.trigger("initBlocker:after"))}}(jQuery);
+!function(n){var s,o,i="mmenu",e="screenReader";n[i].addons[e]={setup:function(){var r=this,t=this.opts[e],a=this.conf[e];n[i].glbl,"boolean"==typeof t&&(t={aria:t,text:t}),"object"!=typeof t&&(t={}),(t=this.opts[e]=n.extend(!0,{},n[i].defaults[e],t)).aria&&(this.bind("initAddons:after",function(){this.bind("initMenu:after",function(){this.trigger("initMenu:after:sr-aria")}),this.bind("initNavbar:after",function(){this.trigger("initNavbar:after:sr-aria",arguments[0])}),this.bind("openPanel:start",function(){this.trigger("openPanel:start:sr-aria",arguments[0])}),this.bind("close:start",function(){this.trigger("close:start:sr-aria")}),this.bind("close:finish",function(){this.trigger("close:finish:sr-aria")}),this.bind("open:start",function(){this.trigger("open:start:sr-aria")}),this.bind("initOpened:after",function(){this.trigger("initOpened:after:sr-aria")})}),this.bind("updateListview",function(){this.$pnls.find("."+s.listview).children().each(function(){r.__sr_aria(n(this),"hidden",n(this).is("."+s.hidden))})}),this.bind("openPanel:start",function(t){var i=this.$menu.find("."+s.panel).not(t).not(t.parents("."+s.panel)),n=t.add(t.find("."+s.listitem+"_vertical ."+s.listitem+"_opened").children("."+s.panel));this.__sr_aria(i,"hidden",!0),this.__sr_aria(n,"hidden",!1)}),this.bind("closePanel",function(t){this.__sr_aria(t,"hidden",!0)}),this.bind("initPanels:after",function(t){var i=t.find("."+s.btn).each(function(){r.__sr_aria(n(this),"owns",n(this).attr("href").replace("#",""))});this.__sr_aria(i,"haspopup",!0)}),this.bind("initNavbar:after",function(t){var i=t.children("."+s.navbar);this.__sr_aria(i,"hidden",!t.hasClass(s.panel+"_has-navbar"))}),t.text&&"parent"==this.opts.navbar.titleLink&&this.bind("initNavbar:after",function(t){var i=t.children("."+s.navbar),n=!!i.children("."+s.btn+"_prev").length;this.__sr_aria(i.children("."+s.title),"hidden",n)})),t.text&&(this.bind("initAddons:after",function(){this.bind("setPage:after",function(){this.trigger("setPage:after:sr-text",arguments[0])}),this.bind("initBlocker:after",function(){this.trigger("initBlocker:after:sr-text")})}),this.bind("initNavbar:after",function(t){var i=t.children("."+s.navbar),n=this.i18n(a.text.closeSubmenu);i.children("."+s.btn+"_prev").html(this.__sr_text(n))}),this.bind("initListview:after",function(t){var i=t.data(o.parent);if(i&&i.length){var n=i.children("."+s.btn+"_next"),e=this.i18n(a.text[n.parent().is("."+s.listitem+"_vertical")?"toggleSubmenu":"openSubmenu"]);n.append(r.__sr_text(e))}}))},add:function(){s=n[i]._c,o=n[i]._d,n[i]._e,s.add("sronly")},clickAnchor:function(t,i){}},n[i].defaults[e]={aria:!0,text:!0},n[i].configuration[e]={text:{closeMenu:"Close menu",closeSubmenu:"Close submenu",openSubmenu:"Open submenu",toggleSubmenu:"Toggle submenu"}},n[i].prototype.__sr_aria=function(t,i,n){t.prop("aria-"+i,n)[n?"attr":"removeAttr"]("aria-"+i,n)},n[i].prototype.__sr_role=function(t,i){t.prop("role",i)[i?"attr":"removeAttr"]("role",i)},n[i].prototype.__sr_text=function(t){return'<span class="'+s.sronly+'">'+t+"</span>"}}(jQuery);
+!function(n){var e,r,s,t="mmenu",i="scrollBugFix";n[t].addons[i]={setup:function(){var o=this.opts[i];this.conf[i];s=n[t].glbl,n[t].support.touch&&this.opts.offCanvas&&this.opts.offCanvas.blockUI&&("boolean"==typeof o&&(o={fix:o}),"object"!=typeof o&&(o={}),(o=this.opts[i]=n.extend(!0,{},n[t].defaults[i],o)).fix&&(this.bind("open:start",function(){this.$pnls.children("."+e.panel+"_opened").scrollTop(0)}),this.bind("initMenu:after",function(){this["_initWindow_"+i]()})))},add:function(){e=n[t]._c,n[t]._d,r=n[t]._e},clickAnchor:function(o,t){}},n[t].defaults[i]={fix:!0},n[t].prototype["_initWindow_"+i]=function(){var o=this;n(document).off(r.touchmove+"-"+i).on(r.touchmove+"-"+i,function(o){s.$html.hasClass(e.wrapper+"_opened")&&o.preventDefault()});var t=!1;s.$body.off(r.touchstart+"-"+i).on(r.touchstart+"-"+i,"."+e.panels+"> ."+e.panel,function(o){s.$html.hasClass(e.wrapper+"_opened")&&(t||(t=!0,0===o.currentTarget.scrollTop?o.currentTarget.scrollTop=1:o.currentTarget.scrollHeight===o.currentTarget.scrollTop+o.currentTarget.offsetHeight&&(o.currentTarget.scrollTop-=1),t=!1))}).off(r.touchmove+"-"+i).on(r.touchmove+"-"+i,"."+e.panels+"> ."+e.panel,function(o){s.$html.hasClass(e.wrapper+"_opened")&&n(this)[0].scrollHeight>n(this).innerHeight()&&o.stopPropagation()}),s.$wndw.off(r.orientationchange+"-"+i).on(r.orientationchange+"-"+i,function(){o.$pnls.children("."+e.panel+"_opened").scrollTop(0).css({"-webkit-overflow-scrolling":"auto"}).css({"-webkit-overflow-scrolling":"touch"})})}}(jQuery);
\ No newline at end of file
diff --git a/LaptopTCC/js/scrollToFixed.js b/LaptopTCC/js/scrollToFixed.js
new file mode 100644
index 0000000..3c022aa
--- /dev/null
+++ b/LaptopTCC/js/scrollToFixed.js
@@ -0,0 +1 @@
+(function(a){a.isScrollToFixed=function(b){return !!a(b).data("ScrollToFixed")};a.ScrollToFixed=function(d,i){var m=this;m.$el=a(d);m.el=d;m.$el.data("ScrollToFixed",m);var c=false;var H=m.$el;var I;var F;var k;var e;var z;var E=0;var r=0;var j=-1;var f=-1;var u=null;var A;var g;function v(){H.trigger("preUnfixed.ScrollToFixed");l();H.trigger("unfixed.ScrollToFixed");f=-1;E=H.offset().top;r=H.offset().left;if(m.options.offsets){r+=(H.offset().left-H.position().left)}if(j==-1){j=r}I=H.css("position");c=true;if(m.options.bottom!=-1){H.trigger("preFixed.ScrollToFixed");x();H.trigger("fixed.ScrollToFixed")}}function o(){var J=m.options.limit;if(!J){return 0}if(typeof(J)==="function"){return J.apply(H)}return J}function q(){return I==="fixed"}function y(){return I==="absolute"}function h(){return !(q()||y())}function x(){if(!q()){var J=H[0].getBoundingClientRect();u.css({display:H.css("display"),width:J.width,height:J.height,"float":H.css("float")});cssOptions={"z-index":m.options.zIndex,position:"fixed",top:m.options.bottom==-1?t():"",bottom:m.options.bottom==-1?"":m.options.bottom,"margin-left":"0px"};if(!m.options.dontSetWidth){cssOptions.width=H.css("width")}H.css(cssOptions);H.addClass(m.options.baseClassName);if(m.options.className){H.addClass(m.options.className)}I="fixed"}}function b(){var K=o();var J=r;if(m.options.removeOffsets){J="";K=K-E}cssOptions={position:"absolute",top:K,left:J,"margin-left":"0px",bottom:""};if(!m.options.dontSetWidth){cssOptions.width=H.css("width")}H.css(cssOptions);I="absolute"}function l(){if(!h()){f=-1;u.css("display","none");H.css({"z-index":z,width:"",position:F,left:"",top:e,"margin-left":""});H.removeClass("scroll-to-fixed-fixed");if(m.options.className){H.removeClass(m.options.className)}I=null}}function w(J){if(J!=f){H.css("left",r-J);f=J}}function t(){var J=m.options.marginTop;if(!J){return 0}if(typeof(J)==="function"){return J.apply(H)}return J}function B(){if(!a.isScrollToFixed(H)||H.is(":hidden")){return}var M=c;var L=h();if(!c){v()}else{if(h()){E=H.offset().top;r=H.offset().left}}var J=a(window).scrollLeft();var N=a(window).scrollTop();var K=o();if(m.options.minWidth&&a(window).width()<m.options.minWidth){if(!h()||!M){p();H.trigger("preUnfixed.ScrollToFixed");l();H.trigger("unfixed.ScrollToFixed")}}else{if(m.options.maxWidth&&a(window).width()>m.options.maxWidth){if(!h()||!M){p();H.trigger("preUnfixed.ScrollToFixed");l();H.trigger("unfixed.ScrollToFixed")}}else{if(m.options.bottom==-1){if(K>0&&N>=K-t()){if(!L&&(!y()||!M)){p();H.trigger("preAbsolute.ScrollToFixed");b();H.trigger("unfixed.ScrollToFixed")}}else{if(N>=E-t()){if(!q()||!M){p();H.trigger("preFixed.ScrollToFixed");x();f=-1;H.trigger("fixed.ScrollToFixed")}w(J)}else{if(!h()||!M){p();H.trigger("preUnfixed.ScrollToFixed");l();H.trigger("unfixed.ScrollToFixed")}}}}else{if(K>0){if(N+a(window).height()-H.outerHeight(true)>=K-(t()||-n())){if(q()){p();H.trigger("preUnfixed.ScrollToFixed");if(F==="absolute"){b()}else{l()}H.trigger("unfixed.ScrollToFixed")}}else{if(!q()){p();H.trigger("preFixed.ScrollToFixed");x()}w(J);H.trigger("fixed.ScrollToFixed")}}else{w(J)}}}}}function n(){if(!m.options.bottom){return 0}return m.options.bottom}function p(){var J=H.css("position");if(J=="absolute"){H.trigger("postAbsolute.ScrollToFixed")}else{if(J=="fixed"){H.trigger("postFixed.ScrollToFixed")}else{H.trigger("postUnfixed.ScrollToFixed")}}}var D=function(J){if(H.is(":visible")){c=false;B()}};var G=function(J){(!!window.requestAnimationFrame)?requestAnimationFrame(B):B()};var C=function(){var K=document.body;if(document.createElement&&K&&K.appendChild&&K.removeChild){var M=document.createElement("div");if(!M.getBoundingClientRect){return null}M.innerHTML="x";M.style.cssText="position:fixed;top:100px;";K.appendChild(M);var N=K.style.height,O=K.scrollTop;K.style.height="3000px";K.scrollTop=500;var J=M.getBoundingClientRect().top;K.style.height=N;var L=(J===100);K.removeChild(M);K.scrollTop=O;return L}return null};var s=function(J){J=J||window.event;if(J.preventDefault){J.preventDefault()}J.returnValue=false};m.init=function(){m.options=a.extend({},a.ScrollToFixed.defaultOptions,i);z=H.css("z-index");m.$el.css("z-index",m.options.zIndex);u=a("<div />");I=H.css("position");F=H.css("position");k=H.css("float");e=H.css("top");if(h()){m.$el.after(u)}a(window).bind("resize.ScrollToFixed",D);a(window).bind("scroll.ScrollToFixed",G);if("ontouchmove" in window){a(window).bind("touchmove.ScrollToFixed",B)}if(m.options.preFixed){H.bind("preFixed.ScrollToFixed",m.options.preFixed)}if(m.options.postFixed){H.bind("postFixed.ScrollToFixed",m.options.postFixed)}if(m.options.preUnfixed){H.bind("preUnfixed.ScrollToFixed",m.options.preUnfixed)}if(m.options.postUnfixed){H.bind("postUnfixed.ScrollToFixed",m.options.postUnfixed)}if(m.options.preAbsolute){H.bind("preAbsolute.ScrollToFixed",m.options.preAbsolute)}if(m.options.postAbsolute){H.bind("postAbsolute.ScrollToFixed",m.options.postAbsolute)}if(m.options.fixed){H.bind("fixed.ScrollToFixed",m.options.fixed)}if(m.options.unfixed){H.bind("unfixed.ScrollToFixed",m.options.unfixed)}if(m.options.spacerClass){u.addClass(m.options.spacerClass)}H.bind("resize.ScrollToFixed",function(){u.height(H.height())});H.bind("scroll.ScrollToFixed",function(){H.trigger("preUnfixed.ScrollToFixed");l();H.trigger("unfixed.ScrollToFixed");B()});H.bind("detach.ScrollToFixed",function(J){s(J);H.trigger("preUnfixed.ScrollToFixed");l();H.trigger("unfixed.ScrollToFixed");a(window).unbind("resize.ScrollToFixed",D);a(window).unbind("scroll.ScrollToFixed",G);H.unbind(".ScrollToFixed");u.remove();m.$el.removeData("ScrollToFixed")});D()};m.init()};a.ScrollToFixed.defaultOptions={marginTop:0,limit:0,bottom:-1,zIndex:1000,baseClassName:"scroll-to-fixed-fixed"};a.fn.scrollToFixed=function(b){return this.each(function(){(new a.ScrollToFixed(this,b))})}})(jQuery);
\ No newline at end of file
diff --git a/LaptopTCC/js/slick.js b/LaptopTCC/js/slick.js
new file mode 100644
index 0000000..3d40881
--- /dev/null
+++ b/LaptopTCC/js/slick.js
@@ -0,0 +1,231 @@
+!function(i){"use strict";"function"==typeof define&&define.amd?define(["jquery"],i):"undefined"!=typeof exports?module.exports=i(require("jquery")):i(jQuery)}(function(i){"use strict";var e=window.Slick||{};(e=function(){var e=0;return function(t,o){var s,n=this;n.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:i(t),appendDots:i(t),arrows:!0,asNavFor:null,prevArrow:'<button class="slick-prev" aria-label="Previous" type="button">Previous</button>',nextArrow:'<button class="slick-next" aria-label="Next" type="button">Next</button>',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e,t){return i('<button type="button" />').text(t+1)},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,focusOnChange:!1,infinite:!0,initialSlide:0,lazyLoad:"ondemand",mobileFirst:!1,pauseOnHover:!0,pauseOnFocus:!0,pauseOnDotsHover:!1,respondTo:"window",responsive:null,rows:1,rtl:!1,slide:"",slidesPerRow:1,slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,useTransform:!0,variableWidth:!1,vertical:!1,verticalSwiping:!1,waitForAnimate:!0,zIndex:1e3},n.initials={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,$dots:null,listWidth:null,listHeight:null,loadIndex:0,$nextArrow:null,$prevArrow:null,scrolling:!1,slideCount:null,slideWidth:null,$slideTrack:null,$slides:null,sliding:!1,slideOffset:0,swipeLeft:null,swiping:!1,$list:null,touchObject:{},transformsEnabled:!1,unslicked:!1},i.extend(n,n.initials),n.activeBreakpoint=null,n.animType=null,n.animProp=null,n.breakpoints=[],n.breakpointSettings=[],n.cssTransitions=!1,n.focussed=!1,n.interrupted=!1,n.hidden="hidden",n.paused=!0,n.positionProp=null,n.respondTo=null,n.rowCount=1,n.shouldClick=!0,n.$slider=i(t),n.$slidesCache=null,n.transformType=null,n.transitionType=null,n.visibilityChange="visibilitychange",n.windowWidth=0,n.windowTimer=null,s=i(t).data("slick")||{},n.options=i.extend({},n.defaults,o,s),n.currentSlide=n.options.initialSlide,n.originalSettings=n.options,void 0!==document.mozHidden?(n.hidden="mozHidden",n.visibilityChange="mozvisibilitychange"):void 0!==document.webkitHidden&&(n.hidden="webkitHidden",n.visibilityChange="webkitvisibilitychange"),n.autoPlay=i.proxy(n.autoPlay,n),n.autoPlayClear=i.proxy(n.autoPlayClear,n),n.autoPlayIterator=i.proxy(n.autoPlayIterator,n),n.changeSlide=i.proxy(n.changeSlide,n),n.clickHandler=i.proxy(n.clickHandler,n),n.selectHandler=i.proxy(n.selectHandler,n),n.setPosition=i.proxy(n.setPosition,n),n.swipeHandler=i.proxy(n.swipeHandler,n),n.dragHandler=i.proxy(n.dragHandler,n),n.keyHandler=i.proxy(n.keyHandler,n),n.instanceUid=e++,n.htmlExpr=/^(?:\s*(<[\w\W]+>)[^>]*)$/,n.registerBreakpoints(),n.init(!0)}}()).prototype.activateADA=function(){this.$slideTrack.find(".slick-active").attr({"aria-hidden":"false"}).find("a, input, button, select").attr({tabindex:"0"})},e.prototype.addSlide=e.prototype.slickAdd=function(e,t,o){var s=this;if("boolean"==typeof t)o=t,t=null;else if(t<0||t>=s.slideCount)return!1;s.unload(),"number"==typeof t?0===t&&0===s.$slides.length?i(e).appendTo(s.$slideTrack):o?i(e).insertBefore(s.$slides.eq(t)):i(e).insertAfter(s.$slides.eq(t)):!0===o?i(e).prependTo(s.$slideTrack):i(e).appendTo(s.$slideTrack),s.$slides=s.$slideTrack.children(this.options.slide),s.$slideTrack.children(this.options.slide).detach(),s.$slideTrack.append(s.$slides),s.$slides.each(function(e,t){i(t).attr("data-slick-index",e)}),s.$slidesCache=s.$slides,s.reinit()},e.prototype.animateHeight=function(){var i=this;if(1===i.options.slidesToShow&&!0===i.options.adaptiveHeight&&!1===i.options.vertical){var e=i.$slides.eq(i.currentSlide).outerHeight(!0);i.$list.animate({height:e},i.options.speed)}},e.prototype.animateSlide=function(e,t){var o={},s=this;s.animateHeight(),!0===s.options.rtl&&!1===s.options.vertical&&(e=-e),!1===s.transformsEnabled?!1===s.options.vertical?s.$slideTrack.animate({left:e},s.options.speed,s.options.easing,t):s.$slideTrack.animate({top:e},s.options.speed,s.options.easing,t):!1===s.cssTransitions?(!0===s.options.rtl&&(s.currentLeft=-s.currentLeft),i({animStart:s.currentLeft}).animate({animStart:e},{duration:s.options.speed,easing:s.options.easing,step:function(i){i=Math.ceil(i),!1===s.options.vertical?(o[s.animType]="translate("+i+"px, 0px)",s.$slideTrack.css(o)):(o[s.animType]="translate(0px,"+i+"px)",s.$slideTrack.css(o))},complete:function(){t&&t.call()}})):(s.applyTransition(),e=Math.ceil(e),!1===s.options.vertical?o[s.animType]="translate3d("+e+"px, 0px, 0px)":o[s.animType]="translate3d(0px,"+e+"px, 0px)",s.$slideTrack.css(o),t&&setTimeout(function(){s.disableTransition(),t.call()},s.options.speed))},e.prototype.getNavTarget=function(){var e=this,t=e.options.asNavFor;return t&&null!==t&&(t=i(t).not(e.$slider)),t},e.prototype.asNavFor=function(e){var t=this.getNavTarget();null!==t&&"object"==typeof t&&t.each(function(){var t=i(this).slick("getSlick");t.unslicked||t.slideHandler(e,!0)})},e.prototype.applyTransition=function(i){var e=this,t={};!1===e.options.fade?t[e.transitionType]=e.transformType+" "+e.options.speed+"ms "+e.options.cssEase:t[e.transitionType]="opacity "+e.options.speed+"ms "+e.options.cssEase,!1===e.options.fade?e.$slideTrack.css(t):e.$slides.eq(i).css(t)},e.prototype.autoPlay=function(){var i=this;i.autoPlayClear(),i.slideCount>i.options.slidesToShow&&(i.autoPlayTimer=setInterval(i.autoPlayIterator,i.options.autoplaySpeed))},e.prototype.autoPlayClear=function(){var i=this;i.autoPlayTimer&&clearInterval(i.autoPlayTimer)},e.prototype.autoPlayIterator=function(){var i=this,e=i.currentSlide+i.options.slidesToScroll;i.paused||i.interrupted||i.focussed||(!1===i.options.infinite&&(1===i.direction&&i.currentSlide+1===i.slideCount-1?i.direction=0:0===i.direction&&(e=i.currentSlide-i.options.slidesToScroll,i.currentSlide-1==0&&(i.direction=1))),i.slideHandler(e))},e.prototype.buildArrows=function(){var e=this;!0===e.options.arrows&&(e.$prevArrow=i(e.options.prevArrow).addClass("slick-arrow"),e.$nextArrow=i(e.options.nextArrow).addClass("slick-arrow"),e.slideCount>e.options.slidesToShow?(e.$prevArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),e.$nextArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),e.htmlExpr.test(e.options.prevArrow)&&e.$prevArrow.prependTo(e.options.appendArrows),e.htmlExpr.test(e.options.nextArrow)&&e.$nextArrow.appendTo(e.options.appendArrows),!0!==e.options.infinite&&e.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true")):e.$prevArrow.add(e.$nextArrow).addClass("slick-hidden").attr({"aria-disabled":"true",tabindex:"-1"}))},e.prototype.buildDots=function(){var e,t,o=this;if(!0===o.options.dots){for(o.$slider.addClass("slick-dotted"),t=i("<ul />").addClass(o.options.dotsClass),e=0;e<=o.getDotCount();e+=1)t.append(i("<li />").append(o.options.customPaging.call(this,o,e)));o.$dots=t.appendTo(o.options.appendDots),o.$dots.find("li").first().addClass("slick-active")}},e.prototype.buildOut=function(){var e=this;e.$slides=e.$slider.children(e.options.slide+":not(.slick-cloned)").addClass("slick-slide"),e.slideCount=e.$slides.length,e.$slides.each(function(e,t){i(t).attr("data-slick-index",e).data("originalStyling",i(t).attr("style")||"")}),e.$slider.addClass("slick-slider"),e.$slideTrack=0===e.slideCount?i('<div class="slick-track"/>').appendTo(e.$slider):e.$slides.wrapAll('<div class="slick-track"/>').parent(),e.$list=e.$slideTrack.wrap('<div class="slick-list"/>').parent(),e.$slideTrack.css("opacity",0),!0!==e.options.centerMode&&!0!==e.options.swipeToSlide||(e.options.slidesToScroll=1),i("img[data-lazy]",e.$slider).not("[src]").addClass("slick-loading"),e.setupInfinite(),e.buildArrows(),e.buildDots(),e.updateDots(),e.setSlideClasses("number"==typeof e.currentSlide?e.currentSlide:0),!0===e.options.draggable&&e.$list.addClass("draggable")},e.prototype.buildRows=function(){var i,e,t,o,s,n,r,l=this;if(o=document.createDocumentFragment(),n=l.$slider.children(),l.options.rows>1){for(r=l.options.slidesPerRow*l.options.rows,s=Math.ceil(n.length/r),i=0;i<s;i++){var d=document.createElement("div");for(e=0;e<l.options.rows;e++){var a=document.createElement("div");for(t=0;t<l.options.slidesPerRow;t++){var c=i*r+(e*l.options.slidesPerRow+t);n.get(c)&&a.appendChild(n.get(c))}d.appendChild(a)}o.appendChild(d)}l.$slider.empty().append(o),l.$slider.children().children().children().css({width:100/l.options.slidesPerRow+"%",display:"inline-block"})}},e.prototype.checkResponsive=function(e,t){var o,s,n,r=this,l=!1,d=r.$slider.width(),a=window.innerWidth||i(window).width();if("window"===r.respondTo?n=a:"slider"===r.respondTo?n=d:"min"===r.respondTo&&(n=Math.min(a,d)),r.options.responsive&&r.options.responsive.length&&null!==r.options.responsive){s=null;for(o in r.breakpoints)r.breakpoints.hasOwnProperty(o)&&(!1===r.originalSettings.mobileFirst?n<r.breakpoints[o]&&(s=r.breakpoints[o]):n>r.breakpoints[o]&&(s=r.breakpoints[o]));null!==s?null!==r.activeBreakpoint?(s!==r.activeBreakpoint||t)&&(r.activeBreakpoint=s,"unslick"===r.breakpointSettings[s]?r.unslick(s):(r.options=i.extend({},r.originalSettings,r.breakpointSettings[s]),!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e)),l=s):(r.activeBreakpoint=s,"unslick"===r.breakpointSettings[s]?r.unslick(s):(r.options=i.extend({},r.originalSettings,r.breakpointSettings[s]),!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e)),l=s):null!==r.activeBreakpoint&&(r.activeBreakpoint=null,r.options=r.originalSettings,!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e),l=s),e||!1===l||r.$slider.trigger("breakpoint",[r,l])}},e.prototype.changeSlide=function(e,t){var o,s,n,r=this,l=i(e.currentTarget);switch(l.is("a")&&e.preventDefault(),l.is("li")||(l=l.closest("li")),n=r.slideCount%r.options.slidesToScroll!=0,o=n?0:(r.slideCount-r.currentSlide)%r.options.slidesToScroll,e.data.message){case"previous":s=0===o?r.options.slidesToScroll:r.options.slidesToShow-o,r.slideCount>r.options.slidesToShow&&r.slideHandler(r.currentSlide-s,!1,t);break;case"next":s=0===o?r.options.slidesToScroll:o,r.slideCount>r.options.slidesToShow&&r.slideHandler(r.currentSlide+s,!1,t);break;case"index":var d=0===e.data.index?0:e.data.index||l.index()*r.options.slidesToScroll;r.slideHandler(r.checkNavigable(d),!1,t),l.children().trigger("focus");break;default:return}},e.prototype.checkNavigable=function(i){var e,t;if(e=this.getNavigableIndexes(),t=0,i>e[e.length-1])i=e[e.length-1];else for(var o in e){if(i<e[o]){i=t;break}t=e[o]}return i},e.prototype.cleanUpEvents=function(){var e=this;e.options.dots&&null!==e.$dots&&(i("li",e.$dots).off("click.slick",e.changeSlide).off("mouseenter.slick",i.proxy(e.interrupt,e,!0)).off("mouseleave.slick",i.proxy(e.interrupt,e,!1)),!0===e.options.accessibility&&e.$dots.off("keydown.slick",e.keyHandler)),e.$slider.off("focus.slick blur.slick"),!0===e.options.arrows&&e.slideCount>e.options.slidesToShow&&(e.$prevArrow&&e.$prevArrow.off("click.slick",e.changeSlide),e.$nextArrow&&e.$nextArrow.off("click.slick",e.changeSlide),!0===e.options.accessibility&&(e.$prevArrow&&e.$prevArrow.off("keydown.slick",e.keyHandler),e.$nextArrow&&e.$nextArrow.off("keydown.slick",e.keyHandler))),e.$list.off("touchstart.slick mousedown.slick",e.swipeHandler),e.$list.off("touchmove.slick mousemove.slick",e.swipeHandler),e.$list.off("touchend.slick mouseup.slick",e.swipeHandler),e.$list.off("touchcancel.slick mouseleave.slick",e.swipeHandler),e.$list.off("click.slick",e.clickHandler),i(document).off(e.visibilityChange,e.visibility),e.cleanUpSlideEvents(),!0===e.options.accessibility&&e.$list.off("keydown.slick",e.keyHandler),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().off("click.slick",e.selectHandler),i(window).off("orientationchange.slick.slick-"+e.instanceUid,e.orientationChange),i(window).off("resize.slick.slick-"+e.instanceUid,e.resize),i("[draggable!=true]",e.$slideTrack).off("dragstart",e.preventDefault),i(window).off("load.slick.slick-"+e.instanceUid,e.setPosition)},e.prototype.cleanUpSlideEvents=function(){var e=this;e.$list.off("mouseenter.slick",i.proxy(e.interrupt,e,!0)),e.$list.off("mouseleave.slick",i.proxy(e.interrupt,e,!1))},e.prototype.cleanUpRows=function(){var i,e=this;e.options.rows>1&&((i=e.$slides.children().children()).removeAttr("style"),e.$slider.empty().append(i))},e.prototype.clickHandler=function(i){!1===this.shouldClick&&(i.stopImmediatePropagation(),i.stopPropagation(),i.preventDefault())},e.prototype.destroy=function(e){var t=this;t.autoPlayClear(),t.touchObject={},t.cleanUpEvents(),i(".slick-cloned",t.$slider).detach(),t.$dots&&t.$dots.remove(),t.$prevArrow&&t.$prevArrow.length&&(t.$prevArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),t.htmlExpr.test(t.options.prevArrow)&&t.$prevArrow.remove()),t.$nextArrow&&t.$nextArrow.length&&(t.$nextArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),t.htmlExpr.test(t.options.nextArrow)&&t.$nextArrow.remove()),t.$slides&&(t.$slides.removeClass("slick-slide slick-active slick-center slick-visible slick-current").removeAttr("aria-hidden").removeAttr("data-slick-index").each(function(){i(this).attr("style",i(this).data("originalStyling"))}),t.$slideTrack.children(this.options.slide).detach(),t.$slideTrack.detach(),t.$list.detach(),t.$slider.append(t.$slides)),t.cleanUpRows(),t.$slider.removeClass("slick-slider"),t.$slider.removeClass("slick-initialized"),t.$slider.removeClass("slick-dotted"),t.unslicked=!0,e||t.$slider.trigger("destroy",[t])},e.prototype.disableTransition=function(i){var e=this,t={};t[e.transitionType]="",!1===e.options.fade?e.$slideTrack.css(t):e.$slides.eq(i).css(t)},e.prototype.fadeSlide=function(i,e){var t=this;!1===t.cssTransitions?(t.$slides.eq(i).css({zIndex:t.options.zIndex}),t.$slides.eq(i).animate({opacity:1},t.options.speed,t.options.easing,e)):(t.applyTransition(i),t.$slides.eq(i).css({opacity:1,zIndex:t.options.zIndex}),e&&setTimeout(function(){t.disableTransition(i),e.call()},t.options.speed))},e.prototype.fadeSlideOut=function(i){var e=this;!1===e.cssTransitions?e.$slides.eq(i).animate({opacity:0,zIndex:e.options.zIndex-2},e.options.speed,e.options.easing):(e.applyTransition(i),e.$slides.eq(i).css({opacity:0,zIndex:e.options.zIndex-2}))},e.prototype.filterSlides=e.prototype.slickFilter=function(i){var e=this;null!==i&&(e.$slidesCache=e.$slides,e.unload(),e.$slideTrack.children(this.options.slide).detach(),e.$slidesCache.filter(i).appendTo(e.$slideTrack),e.reinit())},e.prototype.focusHandler=function(){var e=this;e.$slider.off("focus.slick blur.slick").on("focus.slick blur.slick","*",function(t){t.stopImmediatePropagation();var o=i(this);setTimeout(function(){e.options.pauseOnFocus&&(e.focussed=o.is(":focus"),e.autoPlay())},0)})},e.prototype.getCurrent=e.prototype.slickCurrentSlide=function(){return this.currentSlide},e.prototype.getDotCount=function(){var i=this,e=0,t=0,o=0;if(!0===i.options.infinite)if(i.slideCount<=i.options.slidesToShow)++o;else for(;e<i.slideCount;)++o,e=t+i.options.slidesToScroll,t+=i.options.slidesToScroll<=i.options.slidesToShow?i.options.slidesToScroll:i.options.slidesToShow;else if(!0===i.options.centerMode)o=i.slideCount;else if(i.options.asNavFor)for(;e<i.slideCount;)++o,e=t+i.options.slidesToScroll,t+=i.options.slidesToScroll<=i.options.slidesToShow?i.options.slidesToScroll:i.options.slidesToShow;else o=1+Math.ceil((i.slideCount-i.options.slidesToShow)/i.options.slidesToScroll);return o-1},e.prototype.getLeft=function(i){var e,t,o,s,n=this,r=0;return n.slideOffset=0,t=n.$slides.first().outerHeight(!0),!0===n.options.infinite?(n.slideCount>n.options.slidesToShow&&(n.slideOffset=n.slideWidth*n.options.slidesToShow*-1,s=-1,!0===n.options.vertical&&!0===n.options.centerMode&&(2===n.options.slidesToShow?s=-1.5:1===n.options.slidesToShow&&(s=-2)),r=t*n.options.slidesToShow*s),n.slideCount%n.options.slidesToScroll!=0&&i+n.options.slidesToScroll>n.slideCount&&n.slideCount>n.options.slidesToShow&&(i>n.slideCount?(n.slideOffset=(n.options.slidesToShow-(i-n.slideCount))*n.slideWidth*-1,r=(n.options.slidesToShow-(i-n.slideCount))*t*-1):(n.slideOffset=n.slideCount%n.options.slidesToScroll*n.slideWidth*-1,r=n.slideCount%n.options.slidesToScroll*t*-1))):i+n.options.slidesToShow>n.slideCount&&(n.slideOffset=(i+n.options.slidesToShow-n.slideCount)*n.slideWidth,r=(i+n.options.slidesToShow-n.slideCount)*t),n.slideCount<=n.options.slidesToShow&&(n.slideOffset=0,r=0),!0===n.options.centerMode&&n.slideCount<=n.options.slidesToShow?n.slideOffset=n.slideWidth*Math.floor(n.options.slidesToShow)/2-n.slideWidth*n.slideCount/2:!0===n.options.centerMode&&!0===n.options.infinite?n.slideOffset+=n.slideWidth*Math.floor(n.options.slidesToShow/2)-n.slideWidth:!0===n.options.centerMode&&(n.slideOffset=0,n.slideOffset+=n.slideWidth*Math.floor(n.options.slidesToShow/2)),e=!1===n.options.vertical?i*n.slideWidth*-1+n.slideOffset:i*t*-1+r,!0===n.options.variableWidth&&(o=n.slideCount<=n.options.slidesToShow||!1===n.options.infinite?n.$slideTrack.children(".slick-slide").eq(i):n.$slideTrack.children(".slick-slide").eq(i+n.options.slidesToShow),e=!0===n.options.rtl?o[0]?-1*(n.$slideTrack.width()-o[0].offsetLeft-o.width()):0:o[0]?-1*o[0].offsetLeft:0,!0===n.options.centerMode&&(o=n.slideCount<=n.options.slidesToShow||!1===n.options.infinite?n.$slideTrack.children(".slick-slide").eq(i):n.$slideTrack.children(".slick-slide").eq(i+n.options.slidesToShow+1),e=!0===n.options.rtl?o[0]?-1*(n.$slideTrack.width()-o[0].offsetLeft-o.width()):0:o[0]?-1*o[0].offsetLeft:0,e+=(n.$list.width()-o.outerWidth())/2)),e},e.prototype.getOption=e.prototype.slickGetOption=function(i){return this.options[i]},e.prototype.getNavigableIndexes=function(){var i,e=this,t=0,o=0,s=[];for(!1===e.options.infinite?i=e.slideCount:(t=-1*e.options.slidesToScroll,o=-1*e.options.slidesToScroll,i=2*e.slideCount);t<i;)s.push(t),t=o+e.options.slidesToScroll,o+=e.options.slidesToScroll<=e.options.slidesToShow?e.options.slidesToScroll:e.options.slidesToShow;return s},e.prototype.getSlick=function(){return this},e.prototype.getSlideCount=function(){var e,t,o=this;return t=!0===o.options.centerMode?o.slideWidth*Math.floor(o.options.slidesToShow/2):0,!0===o.options.swipeToSlide?(o.$slideTrack.find(".slick-slide").each(function(s,n){if(n.offsetLeft-t+i(n).outerWidth()/2>-1*o.swipeLeft)return e=n,!1}),Math.abs(i(e).attr("data-slick-index")-o.currentSlide)||1):o.options.slidesToScroll},e.prototype.goTo=e.prototype.slickGoTo=function(i,e){this.changeSlide({data:{message:"index",index:parseInt(i)}},e)},e.prototype.init=function(e){var t=this;i(t.$slider).hasClass("slick-initialized")||(i(t.$slider).addClass("slick-initialized"),t.buildRows(),t.buildOut(),t.setProps(),t.startLoad(),t.loadSlider(),t.initializeEvents(),t.updateArrows(),t.updateDots(),t.checkResponsive(!0),t.focusHandler()),e&&t.$slider.trigger("init",[t]),!0===t.options.accessibility&&t.initADA(),t.options.autoplay&&(t.paused=!1,t.autoPlay())},e.prototype.initADA=function(){var e=this,t=Math.ceil(e.slideCount/e.options.slidesToShow),o=e.getNavigableIndexes().filter(function(i){return i>=0&&i<e.slideCount});e.$slides.add(e.$slideTrack.find(".slick-cloned")).attr({"aria-hidden":"true",tabindex:"-1"}).find("a, input, button, select").attr({tabindex:"-1"}),null!==e.$dots&&(e.$slides.not(e.$slideTrack.find(".slick-cloned")).each(function(t){var s=o.indexOf(t);i(this).attr({role:"tabpanel",id:"slick-slide"+e.instanceUid+t,tabindex:-1}),-1!==s&&i(this).attr({"aria-describedby":"slick-slide-control"+e.instanceUid+s})}),e.$dots.attr("role","tablist").find("li").each(function(s){var n=o[s];i(this).attr({role:"presentation"}),i(this).find("button").first().attr({role:"tab",id:"slick-slide-control"+e.instanceUid+s,"aria-controls":"slick-slide"+e.instanceUid+n,"aria-label":s+1+" of "+t,"aria-selected":null,tabindex:"-1"})}).eq(e.currentSlide).find("button").attr({"aria-selected":"true",tabindex:"0"}).end());for(var s=e.currentSlide,n=s+e.options.slidesToShow;s<n;s++)e.$slides.eq(s).attr("tabindex",0);e.activateADA()},e.prototype.initArrowEvents=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.off("click.slick").on("click.slick",{message:"previous"},i.changeSlide),i.$nextArrow.off("click.slick").on("click.slick",{message:"next"},i.changeSlide),!0===i.options.accessibility&&(i.$prevArrow.on("keydown.slick",i.keyHandler),i.$nextArrow.on("keydown.slick",i.keyHandler)))},e.prototype.initDotEvents=function(){var e=this;!0===e.options.dots&&(i("li",e.$dots).on("click.slick",{message:"index"},e.changeSlide),!0===e.options.accessibility&&e.$dots.on("keydown.slick",e.keyHandler)),!0===e.options.dots&&!0===e.options.pauseOnDotsHover&&i("li",e.$dots).on("mouseenter.slick",i.proxy(e.interrupt,e,!0)).on("mouseleave.slick",i.proxy(e.interrupt,e,!1))},e.prototype.initSlideEvents=function(){var e=this;e.options.pauseOnHover&&(e.$list.on("mouseenter.slick",i.proxy(e.interrupt,e,!0)),e.$list.on("mouseleave.slick",i.proxy(e.interrupt,e,!1)))},e.prototype.initializeEvents=function(){var e=this;e.initArrowEvents(),e.initDotEvents(),e.initSlideEvents(),e.$list.on("touchstart.slick mousedown.slick",{action:"start"},e.swipeHandler),e.$list.on("touchmove.slick mousemove.slick",{action:"move"},e.swipeHandler),e.$list.on("touchend.slick mouseup.slick",{action:"end"},e.swipeHandler),e.$list.on("touchcancel.slick mouseleave.slick",{action:"end"},e.swipeHandler),e.$list.on("click.slick",e.clickHandler),i(document).on(e.visibilityChange,i.proxy(e.visibility,e)),!0===e.options.accessibility&&e.$list.on("keydown.slick",e.keyHandler),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().on("click.slick",e.selectHandler),i(window).on("orientationchange.slick.slick-"+e.instanceUid,i.proxy(e.orientationChange,e)),i(window).on("resize.slick.slick-"+e.instanceUid,i.proxy(e.resize,e)),i("[draggable!=true]",e.$slideTrack).on("dragstart",e.preventDefault),i(window).on("load.slick.slick-"+e.instanceUid,e.setPosition),i(e.setPosition)},e.prototype.initUI=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.show(),i.$nextArrow.show()),!0===i.options.dots&&i.slideCount>i.options.slidesToShow&&i.$dots.show()},e.prototype.keyHandler=function(i){var e=this;i.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===i.keyCode&&!0===e.options.accessibility?e.changeSlide({data:{message:!0===e.options.rtl?"next":"previous"}}):39===i.keyCode&&!0===e.options.accessibility&&e.changeSlide({data:{message:!0===e.options.rtl?"previous":"next"}}))},e.prototype.lazyLoad=function(){function e(e){i("img[data-lazy]",e).each(function(){var e=i(this),t=i(this).attr("data-lazy"),o=i(this).attr("data-srcset"),s=i(this).attr("data-sizes")||n.$slider.attr("data-sizes"),r=document.createElement("img");r.onload=function(){e.animate({opacity:0},100,function(){o&&(e.attr("srcset",o),s&&e.attr("sizes",s)),e.attr("src",t).animate({opacity:1},200,function(){e.removeAttr("data-lazy data-srcset data-sizes").removeClass("slick-loading")}),n.$slider.trigger("lazyLoaded",[n,e,t])})},r.onerror=function(){e.removeAttr("data-lazy").removeClass("slick-loading").addClass("slick-lazyload-error"),n.$slider.trigger("lazyLoadError",[n,e,t])},r.src=t})}var t,o,s,n=this;if(!0===n.options.centerMode?!0===n.options.infinite?s=(o=n.currentSlide+(n.options.slidesToShow/2+1))+n.options.slidesToShow+2:(o=Math.max(0,n.currentSlide-(n.options.slidesToShow/2+1)),s=n.options.slidesToShow/2+1+2+n.currentSlide):(o=n.options.infinite?n.options.slidesToShow+n.currentSlide:n.currentSlide,s=Math.ceil(o+n.options.slidesToShow),!0===n.options.fade&&(o>0&&o--,s<=n.slideCount&&s++)),t=n.$slider.find(".slick-slide").slice(o,s),"anticipated"===n.options.lazyLoad)for(var r=o-1,l=s,d=n.$slider.find(".slick-slide"),a=0;a<n.options.slidesToScroll;a++)r<0&&(r=n.slideCount-1),t=(t=t.add(d.eq(r))).add(d.eq(l)),r--,l++;e(t),n.slideCount<=n.options.slidesToShow?e(n.$slider.find(".slick-slide")):n.currentSlide>=n.slideCount-n.options.slidesToShow?e(n.$slider.find(".slick-cloned").slice(0,n.options.slidesToShow)):0===n.currentSlide&&e(n.$slider.find(".slick-cloned").slice(-1*n.options.slidesToShow))},e.prototype.loadSlider=function(){var i=this;i.setPosition(),i.$slideTrack.css({opacity:1}),i.$slider.removeClass("slick-loading"),i.initUI(),"progressive"===i.options.lazyLoad&&i.progressiveLazyLoad()},e.prototype.next=e.prototype.slickNext=function(){this.changeSlide({data:{message:"next"}})},e.prototype.orientationChange=function(){var i=this;i.checkResponsive(),i.setPosition()},e.prototype.pause=e.prototype.slickPause=function(){var i=this;i.autoPlayClear(),i.paused=!0},e.prototype.play=e.prototype.slickPlay=function(){var i=this;i.autoPlay(),i.options.autoplay=!0,i.paused=!1,i.focussed=!1,i.interrupted=!1},e.prototype.postSlide=function(e){var t=this;t.unslicked||(t.$slider.trigger("afterChange",[t,e]),t.animating=!1,t.slideCount>t.options.slidesToShow&&t.setPosition(),t.swipeLeft=null,t.options.autoplay&&t.autoPlay(),!0===t.options.accessibility&&(t.initADA(),t.options.focusOnChange&&i(t.$slides.get(t.currentSlide)).attr("tabindex",0).focus()))},e.prototype.prev=e.prototype.slickPrev=function(){this.changeSlide({data:{message:"previous"}})},e.prototype.preventDefault=function(i){i.preventDefault()},e.prototype.progressiveLazyLoad=function(e){e=e||1;var t,o,s,n,r,l=this,d=i("img[data-lazy]",l.$slider);d.length?(t=d.first(),o=t.attr("data-lazy"),s=t.attr("data-srcset"),n=t.attr("data-sizes")||l.$slider.attr("data-sizes"),(r=document.createElement("img")).onload=function(){s&&(t.attr("srcset",s),n&&t.attr("sizes",n)),t.attr("src",o).removeAttr("data-lazy data-srcset data-sizes").removeClass("slick-loading"),!0===l.options.adaptiveHeight&&l.setPosition(),l.$slider.trigger("lazyLoaded",[l,t,o]),l.progressiveLazyLoad()},r.onerror=function(){e<3?setTimeout(function(){l.progressiveLazyLoad(e+1)},500):(t.removeAttr("data-lazy").removeClass("slick-loading").addClass("slick-lazyload-error"),l.$slider.trigger("lazyLoadError",[l,t,o]),l.progressiveLazyLoad())},r.src=o):l.$slider.trigger("allImagesLoaded",[l])},e.prototype.refresh=function(e){var t,o,s=this;o=s.slideCount-s.options.slidesToShow,!s.options.infinite&&s.currentSlide>o&&(s.currentSlide=o),s.slideCount<=s.options.slidesToShow&&(s.currentSlide=0),t=s.currentSlide,s.destroy(!0),i.extend(s,s.initials,{currentSlide:t}),s.init(),e||s.changeSlide({data:{message:"index",index:t}},!1)},e.prototype.registerBreakpoints=function(){var e,t,o,s=this,n=s.options.responsive||null;if("array"===i.type(n)&&n.length){s.respondTo=s.options.respondTo||"window";for(e in n)if(o=s.breakpoints.length-1,n.hasOwnProperty(e)){for(t=n[e].breakpoint;o>=0;)s.breakpoints[o]&&s.breakpoints[o]===t&&s.breakpoints.splice(o,1),o--;s.breakpoints.push(t),s.breakpointSettings[t]=n[e].settings}s.breakpoints.sort(function(i,e){return s.options.mobileFirst?i-e:e-i})}},e.prototype.reinit=function(){var e=this;e.$slides=e.$slideTrack.children(e.options.slide).addClass("slick-slide"),e.slideCount=e.$slides.length,e.currentSlide>=e.slideCount&&0!==e.currentSlide&&(e.currentSlide=e.currentSlide-e.options.slidesToScroll),e.slideCount<=e.options.slidesToShow&&(e.currentSlide=0),e.registerBreakpoints(),e.setProps(),e.setupInfinite(),e.buildArrows(),e.updateArrows(),e.initArrowEvents(),e.buildDots(),e.updateDots(),e.initDotEvents(),e.cleanUpSlideEvents(),e.initSlideEvents(),e.checkResponsive(!1,!0),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().on("click.slick",e.selectHandler),e.setSlideClasses("number"==typeof e.currentSlide?e.currentSlide:0),e.setPosition(),e.focusHandler(),e.paused=!e.options.autoplay,e.autoPlay(),e.$slider.trigger("reInit",[e])},e.prototype.resize=function(){var e=this;i(window).width()!==e.windowWidth&&(clearTimeout(e.windowDelay),e.windowDelay=window.setTimeout(function(){e.windowWidth=i(window).width(),e.checkResponsive(),e.unslicked||e.setPosition()},50))},e.prototype.removeSlide=e.prototype.slickRemove=function(i,e,t){var o=this;if(i="boolean"==typeof i?!0===(e=i)?0:o.slideCount-1:!0===e?--i:i,o.slideCount<1||i<0||i>o.slideCount-1)return!1;o.unload(),!0===t?o.$slideTrack.children().remove():o.$slideTrack.children(this.options.slide).eq(i).remove(),o.$slides=o.$slideTrack.children(this.options.slide),o.$slideTrack.children(this.options.slide).detach(),o.$slideTrack.append(o.$slides),o.$slidesCache=o.$slides,o.reinit()},e.prototype.setCSS=function(i){var e,t,o=this,s={};!0===o.options.rtl&&(i=-i),e="left"==o.positionProp?Math.ceil(i)+"px":"0px",t="top"==o.positionProp?Math.ceil(i)+"px":"0px",s[o.positionProp]=i,!1===o.transformsEnabled?o.$slideTrack.css(s):(s={},!1===o.cssTransitions?(s[o.animType]="translate("+e+", "+t+")",o.$slideTrack.css(s)):(s[o.animType]="translate3d("+e+", "+t+", 0px)",o.$slideTrack.css(s)))},e.prototype.setDimensions=function(){var i=this;!1===i.options.vertical?!0===i.options.centerMode&&i.$list.css({padding:"0px "+i.options.centerPadding}):(i.$list.height(i.$slides.first().outerHeight(!0)*i.options.slidesToShow),!0===i.options.centerMode&&i.$list.css({padding:i.options.centerPadding+" 0px"})),i.listWidth=i.$list.width(),i.listHeight=i.$list.height(),!1===i.options.vertical&&!1===i.options.variableWidth?(i.slideWidth=Math.ceil(i.listWidth/i.options.slidesToShow),i.$slideTrack.width(Math.ceil(i.slideWidth*i.$slideTrack.children(".slick-slide").length))):!0===i.options.variableWidth?i.$slideTrack.width(5e3*i.slideCount):(i.slideWidth=Math.ceil(i.listWidth),i.$slideTrack.height(Math.ceil(i.$slides.first().outerHeight(!0)*i.$slideTrack.children(".slick-slide").length)));var e=i.$slides.first().outerWidth(!0)-i.$slides.first().width();!1===i.options.variableWidth&&i.$slideTrack.children(".slick-slide").width(i.slideWidth-e)},e.prototype.setFade=function(){var e,t=this;t.$slides.each(function(o,s){e=t.slideWidth*o*-1,!0===t.options.rtl?i(s).css({position:"relative",right:e,top:0,zIndex:t.options.zIndex-2,opacity:0}):i(s).css({position:"relative",left:e,top:0,zIndex:t.options.zIndex-2,opacity:0})}),t.$slides.eq(t.currentSlide).css({zIndex:t.options.zIndex-1,opacity:1})},e.prototype.setHeight=function(){var i=this;if(1===i.options.slidesToShow&&!0===i.options.adaptiveHeight&&!1===i.options.vertical){var e=i.$slides.eq(i.currentSlide).outerHeight(!0);i.$list.css("height",e)}},e.prototype.setOption=e.prototype.slickSetOption=function(){var e,t,o,s,n,r=this,l=!1;if("object"===i.type(arguments[0])?(o=arguments[0],l=arguments[1],n="multiple"):"string"===i.type(arguments[0])&&(o=arguments[0],s=arguments[1],l=arguments[2],"responsive"===arguments[0]&&"array"===i.type(arguments[1])?n="responsive":void 0!==arguments[1]&&(n="single")),"single"===n)r.options[o]=s;else if("multiple"===n)i.each(o,function(i,e){r.options[i]=e});else if("responsive"===n)for(t in s)if("array"!==i.type(r.options.responsive))r.options.responsive=[s[t]];else{for(e=r.options.responsive.length-1;e>=0;)r.options.responsive[e].breakpoint===s[t].breakpoint&&r.options.responsive.splice(e,1),e--;r.options.responsive.push(s[t])}l&&(r.unload(),r.reinit())},e.prototype.setPosition=function(){var i=this;i.setDimensions(),i.setHeight(),!1===i.options.fade?i.setCSS(i.getLeft(i.currentSlide)):i.setFade(),i.$slider.trigger("setPosition",[i])},e.prototype.setProps=function(){var i=this,e=document.body.style;i.positionProp=!0===i.options.vertical?"top":"left","top"===i.positionProp?i.$slider.addClass("slick-vertical"):i.$slider.removeClass("slick-vertical"),void 0===e.WebkitTransition&&void 0===e.MozTransition&&void 0===e.msTransition||!0===i.options.useCSS&&(i.cssTransitions=!0),i.options.fade&&("number"==typeof i.options.zIndex?i.options.zIndex<3&&(i.options.zIndex=3):i.options.zIndex=i.defaults.zIndex),void 0!==e.OTransform&&(i.animType="OTransform",i.transformType="-o-transform",i.transitionType="OTransition",void 0===e.perspectiveProperty&&void 0===e.webkitPerspective&&(i.animType=!1)),void 0!==e.MozTransform&&(i.animType="MozTransform",i.transformType="-moz-transform",i.transitionType="MozTransition",void 0===e.perspectiveProperty&&void 0===e.MozPerspective&&(i.animType=!1)),void 0!==e.webkitTransform&&(i.animType="webkitTransform",i.transformType="-webkit-transform",i.transitionType="webkitTransition",void 0===e.perspectiveProperty&&void 0===e.webkitPerspective&&(i.animType=!1)),void 0!==e.msTransform&&(i.animType="msTransform",i.transformType="-ms-transform",i.transitionType="msTransition",void 0===e.msTransform&&(i.animType=!1)),void 0!==e.transform&&!1!==i.animType&&(i.animType="transform",i.transformType="transform",i.transitionType="transition"),i.transformsEnabled=i.options.useTransform&&null!==i.animType&&!1!==i.animType},e.prototype.setSlideClasses=function(i){var e,t,o,s,n=this;if(t=n.$slider.find(".slick-slide").removeClass("slick-active slick-center slick-current").attr("aria-hidden","true"),n.$slides.eq(i).addClass("slick-current"),!0===n.options.centerMode){var r=n.options.slidesToShow%2==0?1:0;e=Math.floor(n.options.slidesToShow/2),!0===n.options.infinite&&(i>=e&&i<=n.slideCount-1-e?n.$slides.slice(i-e+r,i+e+1).addClass("slick-active").attr("aria-hidden","false"):(o=n.options.slidesToShow+i,t.slice(o-e+1+r,o+e+2).addClass("slick-active").attr("aria-hidden","false")),0===i?t.eq(t.length-1-n.options.slidesToShow).addClass("slick-center"):i===n.slideCount-1&&t.eq(n.options.slidesToShow).addClass("slick-center")),n.$slides.eq(i).addClass("slick-center")}else i>=0&&i<=n.slideCount-n.options.slidesToShow?n.$slides.slice(i,i+n.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false"):t.length<=n.options.slidesToShow?t.addClass("slick-active").attr("aria-hidden","false"):(s=n.slideCount%n.options.slidesToShow,o=!0===n.options.infinite?n.options.slidesToShow+i:i,n.options.slidesToShow==n.options.slidesToScroll&&n.slideCount-i<n.options.slidesToShow?t.slice(o-(n.options.slidesToShow-s),o+s).addClass("slick-active").attr("aria-hidden","false"):t.slice(o,o+n.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false"));"ondemand"!==n.options.lazyLoad&&"anticipated"!==n.options.lazyLoad||n.lazyLoad()},e.prototype.setupInfinite=function(){var e,t,o,s=this;if(!0===s.options.fade&&(s.options.centerMode=!1),!0===s.options.infinite&&!1===s.options.fade&&(t=null,s.slideCount>s.options.slidesToShow)){for(o=!0===s.options.centerMode?s.options.slidesToShow+1:s.options.slidesToShow,e=s.slideCount;e>s.slideCount-o;e-=1)t=e-1,i(s.$slides[t]).clone(!0).attr("id","").attr("data-slick-index",t-s.slideCount).prependTo(s.$slideTrack).addClass("slick-cloned");for(e=0;e<o+s.slideCount;e+=1)t=e,i(s.$slides[t]).clone(!0).attr("id","").attr("data-slick-index",t+s.slideCount).appendTo(s.$slideTrack).addClass("slick-cloned");s.$slideTrack.find(".slick-cloned").find("[id]").each(function(){i(this).attr("id","")})}},e.prototype.interrupt=function(i){var e=this;i||e.autoPlay(),e.interrupted=i},e.prototype.selectHandler=function(e){var t=this,o=i(e.target).is(".slick-slide")?i(e.target):i(e.target).parents(".slick-slide"),s=parseInt(o.attr("data-slick-index"));s||(s=0),t.slideCount<=t.options.slidesToShow?t.slideHandler(s,!1,!0):t.slideHandler(s)},e.prototype.slideHandler=function(i,e,t){var o,s,n,r,l,d=null,a=this;if(e=e||!1,!(!0===a.animating&&!0===a.options.waitForAnimate||!0===a.options.fade&&a.currentSlide===i))if(!1===e&&a.asNavFor(i),o=i,d=a.getLeft(o),r=a.getLeft(a.currentSlide),a.currentLeft=null===a.swipeLeft?r:a.swipeLeft,!1===a.options.infinite&&!1===a.options.centerMode&&(i<0||i>a.getDotCount()*a.options.slidesToScroll))!1===a.options.fade&&(o=a.currentSlide,!0!==t?a.animateSlide(r,function(){a.postSlide(o)}):a.postSlide(o));else if(!1===a.options.infinite&&!0===a.options.centerMode&&(i<0||i>a.slideCount-a.options.slidesToScroll))!1===a.options.fade&&(o=a.currentSlide,!0!==t?a.animateSlide(r,function(){a.postSlide(o)}):a.postSlide(o));else{if(a.options.autoplay&&clearInterval(a.autoPlayTimer),s=o<0?a.slideCount%a.options.slidesToScroll!=0?a.slideCount-a.slideCount%a.options.slidesToScroll:a.slideCount+o:o>=a.slideCount?a.slideCount%a.options.slidesToScroll!=0?0:o-a.slideCount:o,a.animating=!0,a.$slider.trigger("beforeChange",[a,a.currentSlide,s]),n=a.currentSlide,a.currentSlide=s,a.setSlideClasses(a.currentSlide),a.options.asNavFor&&(l=(l=a.getNavTarget()).slick("getSlick")).slideCount<=l.options.slidesToShow&&l.setSlideClasses(a.currentSlide),a.updateDots(),a.updateArrows(),!0===a.options.fade)return!0!==t?(a.fadeSlideOut(n),a.fadeSlide(s,function(){a.postSlide(s)})):a.postSlide(s),void a.animateHeight();!0!==t?a.animateSlide(d,function(){a.postSlide(s)}):a.postSlide(s)}},e.prototype.startLoad=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.hide(),i.$nextArrow.hide()),!0===i.options.dots&&i.slideCount>i.options.slidesToShow&&i.$dots.hide(),i.$slider.addClass("slick-loading")},e.prototype.swipeDirection=function(){var i,e,t,o,s=this;return i=s.touchObject.startX-s.touchObject.curX,e=s.touchObject.startY-s.touchObject.curY,t=Math.atan2(e,i),(o=Math.round(180*t/Math.PI))<0&&(o=360-Math.abs(o)),o<=45&&o>=0?!1===s.options.rtl?"left":"right":o<=360&&o>=315?!1===s.options.rtl?"left":"right":o>=135&&o<=225?!1===s.options.rtl?"right":"left":!0===s.options.verticalSwiping?o>=35&&o<=135?"down":"up":"vertical"},e.prototype.swipeEnd=function(i){var e,t,o=this;if(o.dragging=!1,o.swiping=!1,o.scrolling)return o.scrolling=!1,!1;if(o.interrupted=!1,o.shouldClick=!(o.touchObject.swipeLength>10),void 0===o.touchObject.curX)return!1;if(!0===o.touchObject.edgeHit&&o.$slider.trigger("edge",[o,o.swipeDirection()]),o.touchObject.swipeLength>=o.touchObject.minSwipe){switch(t=o.swipeDirection()){case"left":case"down":e=o.options.swipeToSlide?o.checkNavigable(o.currentSlide+o.getSlideCount()):o.currentSlide+o.getSlideCount(),o.currentDirection=0;break;case"right":case"up":e=o.options.swipeToSlide?o.checkNavigable(o.currentSlide-o.getSlideCount()):o.currentSlide-o.getSlideCount(),o.currentDirection=1}"vertical"!=t&&(o.slideHandler(e),o.touchObject={},o.$slider.trigger("swipe",[o,t]))}else o.touchObject.startX!==o.touchObject.curX&&(o.slideHandler(o.currentSlide),o.touchObject={})},e.prototype.swipeHandler=function(i){var e=this;if(!(!1===e.options.swipe||"ontouchend"in document&&!1===e.options.swipe||!1===e.options.draggable&&-1!==i.type.indexOf("mouse")))switch(e.touchObject.fingerCount=i.originalEvent&&void 0!==i.originalEvent.touches?i.originalEvent.touches.length:1,e.touchObject.minSwipe=e.listWidth/e.options.touchThreshold,!0===e.options.verticalSwiping&&(e.touchObject.minSwipe=e.listHeight/e.options.touchThreshold),i.data.action){case"start":e.swipeStart(i);break;case"move":e.swipeMove(i);break;case"end":e.swipeEnd(i)}},e.prototype.swipeMove=function(i){var e,t,o,s,n,r,l=this;return n=void 0!==i.originalEvent?i.originalEvent.touches:null,!(!l.dragging||l.scrolling||n&&1!==n.length)&&(e=l.getLeft(l.currentSlide),l.touchObject.curX=void 0!==n?n[0].pageX:i.clientX,l.touchObject.curY=void 0!==n?n[0].pageY:i.clientY,l.touchObject.swipeLength=Math.round(Math.sqrt(Math.pow(l.touchObject.curX-l.touchObject.startX,2))),r=Math.round(Math.sqrt(Math.pow(l.touchObject.curY-l.touchObject.startY,2))),!l.options.verticalSwiping&&!l.swiping&&r>4?(l.scrolling=!0,!1):(!0===l.options.verticalSwiping&&(l.touchObject.swipeLength=r),t=l.swipeDirection(),void 0!==i.originalEvent&&l.touchObject.swipeLength>4&&(l.swiping=!0,i.preventDefault()),s=(!1===l.options.rtl?1:-1)*(l.touchObject.curX>l.touchObject.startX?1:-1),!0===l.options.verticalSwiping&&(s=l.touchObject.curY>l.touchObject.startY?1:-1),o=l.touchObject.swipeLength,l.touchObject.edgeHit=!1,!1===l.options.infinite&&(0===l.currentSlide&&"right"===t||l.currentSlide>=l.getDotCount()&&"left"===t)&&(o=l.touchObject.swipeLength*l.options.edgeFriction,l.touchObject.edgeHit=!0),!1===l.options.vertical?l.swipeLeft=e+o*s:l.swipeLeft=e+o*(l.$list.height()/l.listWidth)*s,!0===l.options.verticalSwiping&&(l.swipeLeft=e+o*s),!0!==l.options.fade&&!1!==l.options.touchMove&&(!0===l.animating?(l.swipeLeft=null,!1):void l.setCSS(l.swipeLeft))))},e.prototype.swipeStart=function(i){var e,t=this;if(t.interrupted=!0,1!==t.touchObject.fingerCount||t.slideCount<=t.options.slidesToShow)return t.touchObject={},!1;void 0!==i.originalEvent&&void 0!==i.originalEvent.touches&&(e=i.originalEvent.touches[0]),t.touchObject.startX=t.touchObject.curX=void 0!==e?e.pageX:i.clientX,t.touchObject.startY=t.touchObject.curY=void 0!==e?e.pageY:i.clientY,t.dragging=!0},e.prototype.unfilterSlides=e.prototype.slickUnfilter=function(){var i=this;null!==i.$slidesCache&&(i.unload(),i.$slideTrack.children(this.options.slide).detach(),i.$slidesCache.appendTo(i.$slideTrack),i.reinit())},e.prototype.unload=function(){var e=this;i(".slick-cloned",e.$slider).remove(),e.$dots&&e.$dots.remove(),e.$prevArrow&&e.htmlExpr.test(e.options.prevArrow)&&e.$prevArrow.remove(),e.$nextArrow&&e.htmlExpr.test(e.options.nextArrow)&&e.$nextArrow.remove(),e.$slides.removeClass("slick-slide slick-active slick-visible slick-current").attr("aria-hidden","true").css("width","")},e.prototype.unslick=function(i){var e=this;e.$slider.trigger("unslick",[e,i]),e.destroy()},e.prototype.updateArrows=function(){var i=this;Math.floor(i.options.slidesToShow/2),!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&!i.options.infinite&&(i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false"),i.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false"),0===i.currentSlide?(i.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false")):i.currentSlide>=i.slideCount-i.options.slidesToShow&&!1===i.options.centerMode?(i.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")):i.currentSlide>=i.slideCount-1&&!0===i.options.centerMode&&(i.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")))},e.prototype.updateDots=function(){var i=this;null!==i.$dots&&(i.$dots.find("li").removeClass("slick-active").end(),i.$dots.find("li").eq(Math.floor(i.currentSlide/i.options.slidesToScroll)).addClass("slick-active"))},e.prototype.visibility=function(){var i=this;i.options.autoplay&&(document[i.hidden]?i.interrupted=!0:i.interrupted=!1)},i.fn.slick=function(){var i,t,o=this,s=arguments[0],n=Array.prototype.slice.call(arguments,1),r=o.length;for(i=0;i<r;i++)if("object"==typeof s||void 0===s?o[i].slick=new e(o[i],s):t=o[i].slick[s].apply(o[i].slick,n),void 0!==t)return t;return o}});
+
+/*
+ slick-animation.js
+ Version: 0.3.3 Beta
+ Author: Marvin Hübner
+ Docs: https://github.com/marvinhuebner/slick-animation
+ Repo: https://github.com/marvinhuebner/slick-animation
+ */
+
+(function ($) {
+    $.fn.slickAnimation = function () {
+        var currentSlickSlider = $(this);
+
+        var slickItems = currentSlickSlider.find('.slick-list .slick-track > div');
+        var firstSlickItem = currentSlickSlider.find('[data-slick-index="0"]');
+
+        var animatedClass = 'animated';
+        var visible = {opacity: '1'};
+        var hidden = {opacity: '0'};
+
+        /**
+         * function for setting animationIn and animationOut class
+         * @param obj
+         * @param type
+         * @param animationIn
+         * @param animatedClass
+         * @param visibility
+         */
+
+        function slickSetAnimationDefault(obj, type, animationIn, animatedClass, visibility) {
+            visibility = typeof visibility !== 'undefined' ? visibility : false;
+
+            slickRemoveAnimation(obj, 'delay');
+            slickRemoveAnimation(obj, 'duration');
+
+            if (type['opacity'] == 1) {
+                obj.addClass(animationIn);
+                obj.addClass(animatedClass);
+            } else {
+                obj.removeClass(animationIn);
+                obj.removeClass(animatedClass);
+            }
+
+            if (visibility) obj.css(type);
+        }
+
+        /**
+         * get timeout when delay, duration, delay and duration is set
+         * @param delayIn
+         * @param durationIn
+         * @returns {number}
+         */
+
+        function getTimeout(delayIn, durationIn) {
+            if (delayIn) {
+                return delayIn * 1000 + 1000;
+
+            } else if (durationIn) {
+                return durationIn * 1000;
+
+            } else if ((delayIn) || (durationIn)) {
+                return (delayIn * 1000) + (durationIn * 1000);
+            }
+            return 1000;
+        }
+
+        /**
+         * add css animations for delay and duration
+         * @param obj
+         * @param animation
+         * @param value
+         */
+        function slickAddAnimation(obj, animation, value) {
+            var delayInAttr = [
+                'animation-' + animation,
+                '-webkit-animation-' + animation,
+                '-moz-animation-' + animation,
+                '-o-animation-' + animation,
+                '-ms-animation-' + animation
+            ];
+            var delayInAttributes = {};
+            delayInAttr.forEach(function (entry) {
+
+                delayInAttributes[entry] = value + 's';
+            });
+            obj.css(delayInAttributes);
+        }
+
+        /**
+         * remove css animations for delay and duration
+         * @param obj
+         * @param animation
+         */
+        function slickRemoveAnimation(obj, animation) {
+            var delayInAttr = [
+                'animation-' + animation,
+                '-webkit-animation-' + animation,
+                '-moz-animation-' + animation,
+                '-o-animation-' + animation,
+                '-ms-animation-' + animation
+            ];
+            var delayInAttributes = {};
+            delayInAttr.forEach(function (entry) {
+
+                delayInAttributes[entry] = '';
+            });
+            obj.css(delayInAttributes);
+        }
+
+        slickItems.each(function () {
+            var slickItem = $(this);
+
+            slickItem.find('[data-animation-in]').each(function () {
+                var self = $(this);
+
+                self.css(hidden);
+
+                var animationIn = self.attr('data-animation-in');
+                var animationOut = self.attr('data-animation-out');
+                var delayIn = self.attr('data-delay-in');
+                var durationIn = self.attr('data-duration-in');
+                var delayOut = self.attr('data-delay-out');
+                var durationOut = self.attr('data-duration-out');
+
+                if (animationOut) {
+                    if (firstSlickItem.length > 0) {
+                        if (slickItem.hasClass('slick-current')) {
+
+                            slickSetAnimationDefault(self, visible, animationIn, animatedClass, true);
+
+                            if (delayIn) {
+                                slickAddAnimation(self, 'delay', delayIn);
+                            }
+                            if (durationIn) {
+                                slickAddAnimation(self, 'duration', durationIn);
+                            }
+
+                            setTimeout(function () {
+                                slickSetAnimationDefault(self, hidden, animationIn, animatedClass);
+                                slickSetAnimationDefault(self, visible, animationOut, animatedClass);
+                                if (delayOut) {
+                                    slickAddAnimation(self, 'delay', delayOut);
+                                }
+                                if (durationOut) {
+                                    slickAddAnimation(self, 'duration', durationOut);
+                                }
+                                setTimeout(function() {
+                                    slickRemoveAnimation(self, 'delay');
+                                    slickRemoveAnimation(self, 'duration');
+                                }, getTimeout(delayOut, durationOut));
+
+                            }, getTimeout(delayIn, durationIn));
+                        }
+                    }
+
+                    currentSlickSlider.on('afterChange', function (event, slick, currentSlider) {
+                        if (slickItem.hasClass('slick-current')) {
+
+                            slickSetAnimationDefault(self, visible, animationIn, animatedClass, true);
+
+                            if (delayIn) {
+                                slickAddAnimation(self, 'delay', delayIn);
+                            }
+                            if (durationIn) {
+                                slickAddAnimation(self, 'duration', durationIn);
+                            }
+
+                            setTimeout(function () {
+                                slickSetAnimationDefault(self, hidden, animationIn, animatedClass);
+                                slickSetAnimationDefault(self, visible, animationOut, animatedClass);
+
+                                if (delayOut) {
+                                    slickAddAnimation(self, 'delay', delayOut);
+                                }
+                                if (durationOut) {
+                                    slickAddAnimation(self, 'duration', durationOut);
+                                }
+                                setTimeout(function() {
+                                    slickRemoveAnimation(self, 'delay');
+                                    slickRemoveAnimation(self, 'duration');
+                                }, getTimeout(delayOut, durationOut));
+
+                            }, getTimeout(delayIn, durationIn));
+                        }
+                    });
+
+                    currentSlickSlider.on('beforeChange', function (event, slick, currentSlider) {
+                        slickSetAnimationDefault(self, hidden, animationOut, animatedClass, true);
+
+                    });
+                } else {
+
+                    if (firstSlickItem.length > 0) {
+                        if (slickItem.hasClass('slick-current')) {
+                            slickSetAnimationDefault(self, visible, animationIn, animatedClass, true);
+
+                            if (delayIn) {
+                                slickAddAnimation(self, 'delay', delayIn);
+                            }
+                            if (durationIn) {
+                                slickAddAnimation(self, 'duration', durationIn);
+
+                            }
+                        }
+                    }
+
+                    currentSlickSlider.on('afterChange', function (event, slick, currentSlider) {
+                        if (slickItem.hasClass('slick-current')) {
+                            slickSetAnimationDefault(self, visible, animationIn, animatedClass, true);
+
+                            if (delayIn) {
+                                slickAddAnimation(self, 'delay', delayIn);
+                            }
+                            if (durationIn) {
+                                slickAddAnimation(self, 'duration', durationIn);
+                            }
+                        }
+                    });
+
+
+                    currentSlickSlider.on('beforeChange', function (event, slick, currentSlider) {
+                        slickSetAnimationDefault(self, hidden, animationIn, animatedClass, true);
+                    });
+                }
+
+            });
+        });
+        return this;
+    }
+})(jQuery);
\ No newline at end of file
diff --git a/LaptopTCC/scss/lib.css b/LaptopTCC/scss/lib.css
new file mode 100644
index 0000000..4519885
--- /dev/null
+++ b/LaptopTCC/scss/lib.css
@@ -0,0 +1,208 @@
+/**
+ * Owl Carousel v2.3.4
+*/
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
+
+
+/**
+ * Owl Carousel - Theme v2.3.4
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
+
+
+/**
+    * Fancybox 3.5.7
+**/
+:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
+.fancybox__container .for-video.is-selected {border: 2px solid red;}
+
+
+/*--magiczoomplus-5.5.2-----*/
+@font-face{font-family:"magictoolbox-thin";font-weight:400;font-style:normal;src:url(fonts/magictoolbox-thin.eot?#iefix) format("embedded-opentype"),url(data:font/opentype;base64,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)}.MagicZoom,.mz-figure,.mz-lens,.mz-zoom-window,.mz-loading,.mz-hint,.mz-expand .mz-expand-stage,.mz-expand .mz-expand-stage .mz-image-stage,.mz-expand .mz-image-stage > figure .mz-caption,.mz-thumb img,.mz-expand-thumbnails,.mz-expand-controls,.mz-button{-webkit-box-sizing:border-box;box-sizing:border-box}.MagicZoom,.mz-figure{display:inline-block;outline:0!important;font-size:0!important;line-height:100%!important;direction:ltr!important;position:relative;z-index:1;margin:0 auto;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden}.MagicZoom{-webkit-transform:translate3d(0,0,0);-ms-touch-action:pan-y;touch-action:pan-y}figure.mz-figure{overflow:hidden;margin:0!important;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.MagicZoom img,.mz-figure img{border:0!important;margin:0!important;outline:0!important;padding:0!important}.MagicZoom > img,.mz-figure > img{width:100%;height:auto}.ie8-magic .MagicZoom > img,.ie8-magic .mz-figure > img{width:100%;max-width:none!important}.mz-figure.mz-no-zoom.mz-no-expand,.mz-expand .mz-figure.mz-no-zoom{cursor:default!important}.mz-figure.mz-active,.mz-expand{-ms-touch-action:none;touch-action:none}.mz-lens,.mz-zoom-window{position:absolute!important;overflow:hidden!important;pointer-events:none!important}.mz-lens img,.mz-zoom-window img{position:absolute!important;max-width:none!important;max-height:none!important}.mz-lens img{-webkit-transition:none!important;transition:none!important}.mz-zoom-window{z-index:2000000000;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mz-zoom-window.mz-magnifier{-webkit-mask-image:-webkit-radial-gradient(circle,white,black);-webkit-mask-clip:content;cursor:none}.mz-figure.mz-active .mz-zoom-window.mz-magnifier{pointer-events:auto!important;cursor:inherit!important}.mz-zoom-window.mz-magnifier.mz-expanded{z-index:2147483647}.mz-zoom-window img{width:auto;height:auto;left:-1000%;right:-1000%;top:-1000%;bottom:-1000%;margin:auto!important;-webkit-transition:none!important;transition:none!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important}.mz-zoom-window.mz-preview img{top:0!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;width:100%!important;height:auto!important;-webkit-transform:none!important;transform:none!important}.lt-ie9-magic .mz-zoom-window img{margin:0!important}.mz-expand-controls{z-index:2147483647}.mz-fade{-webkit-transition:opacity .25s;transition:opacity .25s}.mz-hidden{opacity:0}.mz-visible{opacity:1}.mobile-magic .mz-expand .mz-expand-bg{-webkit-transform-style:flat!important;transform-style:flat!important}.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption{display:none!important}.mobile-magic .mz-expand-controls.mz-fade{transition:none!important}.mobile-magic .mz-expand > .mz-zoom-window{top:0!important;left:0!important}.mz-expanded-view-open,.mz-expanded-view-open body{overflow:hidden!important}.mz-expanded-view-open body{height:auto!important}.mz-figure.mz-active{background:#fff}.mz-figure.mz-no-zoom,.mz-figure.mz-click-zoom,.mz-figure.mz-active{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mz-figure.mz-active.mz-no-expand{cursor:crosshair}.mz-figure.mz-active.mz-click-zoom.mz-no-expand{cursor:crosshair;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand{cursor:none}.mz-figure.mz-magnifier-zoom.mz-active{overflow:visible!important}.mz-figure.mz-active > img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");-webkit-filter:grayscale(80%) opacity(60%);filter:grayscale(80%) opacity(60%)}.no-cssfilters-magic .mz-figure.mz-active > img{opacity:.6}.lt-ie10-magic .mz-figure.mz-active > img{opacity:1;filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6)}.mz-figure.mz-active.mz-inner-zoom,.lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img{opacity:0}.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window{opacity:1}.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img{filter:alpha(opacity=0)}.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom{background:transparent}.mz-lens{border:1px solid #aaa;border-color:rgba(170,170,170,0.7);box-shadow:0 0 5px rgba(0,0,0,.3);cursor:none;z-index:10;opacity:0}.mz-figure.mz-active .mz-lens{opacity:1;-webkit-transition:opacity .3s cubic-bezier(0.25,0.5,0.5,0.9) .1s;transition:opacity .3s cubic-bezier(0.25,0.5,0.5,0.9) .1s}.mz-figure.mz-active.mz-magnifier-zoom .mz-lens{border-radius:50%;opacity:0;cursor:none}.mz-zoom-window{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2)}.mz-zoom-window.mz-magnifier{border-radius:100%;border:0;background:rgba(255,255,255,.3)}.mz-zoom-window.mz-magnifier:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:100%;border:1px solid rgba(170,170,170,0.7);box-shadow:inset 0 0 20px 1px rgba(0,0,0,.3);background:transparent;z-index:1}.mz-zoom-window.mz-magnifier.mz-square,.mz-zoom-window.mz-magnifier.mz-square:before{border-radius:0!important}.lt-ie9-magic .mz-zoom-window{border:1px solid #e5e5e5}.mz-zoom-window.mz-inner{border:none;box-shadow:none}.mz-zoom-window .mz-caption{background:#777;color:#fff;font-size:10pt;opacity:.8;position:absolute;top:0;z-index:150;padding:3px;width:100%;line-height:normal!important;text-align:center!important}.lt-ie9-magic .mz-zoom-window .mz-caption{filter:alpha(opacity=80)}.mz-zoom-window.caption-bottom .mz-caption{top:auto;bottom:0}.mz-zoom-window.mz-expanded > .mz-caption{display:none}.mz-zoom-window.mz-deactivating,.mz-zoom-window.mz-activating{-webkit-transition:opacity .3s cubic-bezier(0.25,0.5,0.5,0.9),-webkit-transform .3s cubic-bezier(0.25,0.5,0.5,0.9);transition:opacity .3s cubic-bezier(0.25,0.5,0.5,0.9),transform .3s cubic-bezier(0.25,0.5,0.5,0.9)}.mz-zoom-window.mz-deactivating{-webkit-transition-duration:.25s,.25s,.25s;transition-duration:.25s,.25s,.25s}.mz-zoom-window.mz-p-right,.mz-zoom-window.mz-p-left,.mz-zoom-window.mz-p-top,.mz-zoom-window.mz-p-bottom{opacity:0;z-index:-100}.mz-zoom-window.mz-p-right{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}.mz-zoom-window.mz-p-left{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}.mz-zoom-window.mz-p-top{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}.mz-zoom-window.mz-p-bottom{-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}.mz-zoom-window > img{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mz-zoom-window.mz-p-inner.mz-deactivating > img,.mz-zoom-window.mz-p-inner.mz-activating > img{-webkit-transition:-webkit-transform .22s cubic-bezier(0.25,0.5,0.5,0.9)!important;transition:transform .22s cubic-bezier(0.25,0.5,0.5,0.9)!important}.mz-zoom-window.mz-p-magnifier{-webkit-transform:scale(.1);transform:scale(.1)}.mz-zoom-window.mz-preview.mz-deactivating,.mz-zoom-window.mz-preview.mz-activating,.mz-zoom-window.mz-custom.mz-deactivating,.mz-zoom-window.mz-custom.mz-activating{-webkit-transition:opacity .3s cubic-bezier(0.25,0.5,0.5,0.9);transition:opacity .3s cubic-bezier(0.25,0.5,0.5,0.9)}.mz-zoom-window.mz-preview.mz-deactivating,.mz-zoom-window.mz-custom.mz-deactivating{-webkit-transition-duration:.2s;transition-duration:.2s}.mz-zoom-window.mz-p-preview,.mz-zoom-window.mz-p-custom{opacity:0}.mz-hint,.mz-loading{color:#eee;background:rgba(49,51,61,0.7);font:normal 12px/1.2em 'Lucida Grande','Lucida Sans Unicode',Verdana,'Helvetica Neue',Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;direction:ltr;display:inline-block;margin:0;position:absolute;z-index:1000;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.mz-hint{bottom:8px;left:0;right:0;padding:0 10%;background-color:transparent;-webkit-transition:opacity .25s ease,z-index .25s ease;transition:opacity .25s ease,z-index .25s ease}.mz-hint-message{display:inline-block;background:rgba(49,51,61,0.7);border-radius:2em;padding:.7em 1.1em}.mz-hint-message:before{content:'\02295';font-family:serif;font-size:1.5em;speak:none;text-align:center;vertical-align:-2px;margin-right:6px;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.mobile-magic .mz-hint-message:before{display:none}.mz-hint-hidden{opacity:0;z-index:-1;-webkit-transition-delay:.6s;transition-delay:.6s}.mz-expand .mz-hint{font-size:18px;line-height:1.1em;top:50%;bottom:auto;margin:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.mz-expand .mz-hint-message{padding:1.1em}.mz-expand .mz-hint-message:before{display:none}.mz-expand .mz-hint-hidden{-webkit-transition-delay:1s;transition-delay:1s;opacity:0}.mz-loading{font-size:0;border-radius:100%;opacity:0;padding:0;width:36px;height:36px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mz-loading:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:24px;height:24px;margin:auto;text-indent:-9999em;border-radius:50%;border:2px solid rgba(255,255,255,1);border-top-color:transparent;box-sizing:border-box}.mz-loading.shown{opacity:1;z-index:1;-webkit-transition:opacity 0;transition:opacity 0}.mz-loading.shown:after{-webkit-animation:spin-loading .9s infinite linear;animation:spin-loading .9s infinite linear}@-webkit-keyframes spin-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lt-ie10-magic .mz-loading{border-radius:2em;font-size:12px;padding:.7em 1.1em;width:auto;height:auto}.lt-ie10-magic .mz-loading:after{content:'Loading...';text-indent:0;border:none;position:relative}.lt-ie9-magic .mz-loading{filter:alpha(opacity=0);right:0;left:0;width:126px;margin:auto}.lt-ie9-magic .mz-hint-message,.lt-ie9-magic .mz-loading.shown{background:transparent!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D',EndColorStr='#7c31333D')}.lt-ie9-magic .mz-hint-hidden{filter:alpha(opacity=0)}.mz-expand,.mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg > img,.mz-expand .mz-expand-bg > svg,.mz-expand .mz-expand-stage,.mz-expand .mz-expand-stage .mz-image-stage{position:absolute;top:0;bottom:0;left:0;right:0}.mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg > img,.mz-expand .mz-expand-bg > svg{width:auto!important;height:auto!important}.mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg > svg{min-width:100%!important;min-height:100%!important}.mz-expand{background-color:rgba(0,0,0,1);text-align:center;vertical-align:middle;display:block;overflow:hidden;z-index:2100000000;position:fixed;width:auto;height:auto;-webkit-perspective:600px;perspective:600px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-ms-overflow-style:none}.mz-expand .mz-expand-bg{display:inline-block;vertical-align:middle;margin:auto;z-index:-100;max-width:none!important;max-height:none!important;-webkit-transform:translate3d(0,0,0) scale(10) rotate(0.01deg);-ms-transform:translate(0,0) scale(10,10) rotate(0.01deg);transform:translate3d(0,0,0) scale(10) rotate(0.01deg);-webkit-perspective:600px;perspective:600px;background-repeat:no-repeat;background-size:cover}.mz-expand .mz-expand-bg > img{margin:auto;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");-webkit-filter:blur(20px) brightness(60%);filter:blur(20px) brightness(60%);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mz-expand .mz-expand-bg > svg{margin:auto;opacity:.6}[data-magic-ua=edge] .mz-expand .mz-expand-bg,.lt-ie10-magic .mz-expand .mz-expand-bg{display:none!important}.lt-ie9-magic .mz-expand{background:#1f1f1f}[data-magic-ua=edge] .mz-expand{background-color:rgba(31,31,31,.96)}.mz-expand.plain-bg .mz-expand-bg,.mz-expand.dark-bg .mz-expand-bg,.mz-expand.white-bg .mz-expand-bg{display:none!important}.mz-expand.dark-bg{background-color:#1f1f1f;background-color:rgba(31,31,31,.96)}.mz-expand.white-bg{background-color:#fff}.mz-expand .mz-expand-stage{z-index:2100000000;padding:0}.mz-expand .mz-expand-stage .mz-image-stage{z-index:50;left:120px;right:120px;padding:20px 0 40px;margin:0;text-align:center;vertical-align:middle;-webkit-perspective:600px;perspective:600px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage{padding-bottom:120px}.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage{padding:0!important;left:0;right:0}.mz-expand .mz-image-stage > figure:before,.mz-expand .mz-image-stage:before{content:'';display:inline-block;vertical-align:middle;height:100%;font-size:0;line-height:100%;width:0}.mz-expand .mz-image-stage > figure{width:100%;max-width:100%;max-height:100%;padding:0;margin:0;display:inline-block;vertical-align:middle;font-size:0;line-height:100%;position:relative}.mz-expand .mz-figure{overflow:visible;max-width:100%!important}.mz-expand .mz-figure > img{max-width:100%;width:auto;height:auto}.mz-expand .mz-zoom-in .mz-image-stage > figure,.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active{width:100%;height:100%}.mz-expand .mz-figure{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mz-expand .mz-figure.mz-active{cursor:crosshair;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img{z-index:1;position:absolute!important;top:-5000px!important;bottom:-5000px!important;left:-5000px!important;right:-5000px!important;margin:auto!important}.lt-ie10-magic .mz-zoom-window.mz-expanded img{filter:alpha(opacity=100)}.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom{overflow:hidden;filter:alpha(opacity=100)}.mz-expand .mz-caption{color:#fff;text-shadow:0 0 46px #000;padding:10px 4px;font:normal 10pt/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,'Helvetica Neue',Arial,Helvetica,sans-serif;text-align:center;width:100%;position:absolute;left:0;opacity:0}.mz-expand .mz-caption.mz-show{-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out;opacity:1}.mz-expand .mz-caption a{color:inherit;cursor:pointer}.mz-expand.white-bg .mz-caption{color:#555;text-shadow:none}.lt-ie9-magic .mz-expand .mz-caption{top:100%}.mz-expand .mz-zoom-window{box-shadow:none;background:transparent}.lt-ie9-magic .mz-expand .mz-zoom-window{border:0}.mobile-magic .mz-expand-stage .mz-expand-thumbnails,.mobile-magic .mz-expand-stage .mz-image-stage{left:0;right:0}.mobile-magic .mz-expand .mz-expand-stage.with-thumbs{bottom:0}.mobile-magic .mz-expand-stage .mz-image-stage{padding:0}.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage{padding:5px 0 60px}.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage{padding-top:0}.mobile-magic .mz-expand .mz-expand-thumbnails{padding:0;height:60px}.mz-expand-controls,button.mz-button{margin:0!important;padding:0!important;outline:0!important}button.mz-button{color:#b4b4b4!important;font:900 34px/1 magictoolbox-thin!important;cursor:pointer;z-index:90!important;background-color:transparent!important;border:1px solid rgba(180,180,180,0)!important;border-radius:100%!important;box-shadow:none!important;position:absolute!important;text-transform:none!important;text-align:center;speak:none;-webkit-font-smoothing:antialiased;width:60px!important;height:60px!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}button.mz-button:before{display:inline;position:static;color:inherit!important;font:inherit!important;-webkit-font-smoothing:inherit!important}button.mz-button.mz-button-prev,button.mz-button.mz-button-next{margin:auto 10px!important;top:0!important;bottom:0!important;overflow:hidden!important}button.mz-button.mz-button-prev{left:0!important}button.mz-button.mz-button-next{right:0!important}button.mz-button.mz-button-close{font-size:26px!important;margin:10px!important;top:0!important;right:0!important;z-index:95!important}:root:not(.mobile-magic) button.mz-button{color:rgba(180,180,180,.75)!important;-webkit-transform:scale(.85)!important;transform:scale(.85)!important;-webkit-transition:color .25s,border-color .25s,-webkit-transform .25s!important;transition:color .25s,border-color .25s,transform .25s!important}:root:not(.mobile-magic) button.mz-button:hover{color:rgba(180,180,180,1)!important;border-color:rgba(180,180,180,.6)!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}.mobile-magic button.mz-button{-webkit-transition:-webkit-transform .1s!important;transition:transform .1s!important}.mobile-magic button.mz-button:active{border-color:rgba(180,180,180,.6)!important;-webkit-transform:scale(.95)!important;transform:scale(.95)!important}button.mz-button.mz-button-close:before{content:"\a001"}button.mz-button.mz-button-prev:before{content:"\a002"}button.mz-button.mz-button-next:before{content:"\a003"}@media screen and (max-device-width: 767px){button.mz-button-prev,button.mz-button-next{display:none!important}.mobile-magic .mz-expand button.mz-button{width:44px!important;height:44px!important;font-size:18px!important;color:rgba(255,255,255,0.8)!important;background-color:rgba(49,51,61,0.3)!important;border-color:transparent!important}}.lt-ie9-magic button.mz-button{border:0;filter:alpha(opacity=75)}.lt-ie9-magic button.mz-button:hover{filter:alpha(opacity=100)}a[data-zoom-id],.mz-thumb,.mz-thumb:focus{display:inline-block;line-height:0;outline:none}a[data-zoom-id] img,.mz-thumb img{border:0;box-shadow:0 0 1px 0 rgba(0,0,0,0.3);box-sizing:border-box}.mz-thumb:hover:not(.mz-thumb-selected) img{-webkit-filter:brightness(75%);filter:brightness(75%)}.mz-thumb-selected img{-webkit-filter:brightness(60%);filter:brightness(60%)}.no-cssfilters-magic .mz-thumb:hover,.no-cssfilters-magic .mz-thumb.mz-thumb-selected{background:#000}.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img{opacity:.75;filter:alpha(opacity=75)}.no-cssfilters-magic .mz-thumb-selected img{opacity:.6;filter:alpha(opacity=60)}.ie9-magic .mz-thumb img{box-shadow:0 0 4px 0 rgba(0,0,0,0.3)}.mz-expand-thumbnails{z-index:50;position:absolute;bottom:0;left:65px;right:65px;height:80px;padding:10px 0;box-sizing:border-box}.mz-expand-thumbnails .magic-thumbs .magic-thumb{padding:10px 2px}.mz-expand-thumbnails .magic-thumb > img{cursor:pointer;height:40px;box-shadow:0 0 5px 1px rgba(0,0,0,0.3)}.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover{-webkit-filter:brightness(70%);filter:brightness(70%)}.mz-expand-thumbnails .magic-thumb-selected img{-webkit-filter:brightness(50%);filter:brightness(50%)}.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button{box-shadow:none}.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled{opacity:0}.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img{opacity:.7;filter:alpha(opacity=70)}.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img{opacity:.5;filter:alpha(opacity=50)}.mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage{padding-bottom:40px}.mz-expand.no-expand-thumbnails .mz-expand-thumbnails{display:none}.mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage{padding:0}.magic-thumbs,.magic-thumbs .magic-thumbs-wrapper,.magic-thumbs ul,.magic-thumbs li,.magic-thumbs li:before,.magic-thumbs li:after,.magic-thumbs li img,.magic-thumbs .magic-thumbs-button{margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.magic-thumbs{direction:ltr;overflow:visible;z-index:100;position:relative;left:0;top:0;padding:0 30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;width:100%;height:100%;white-space:nowrap}.magic-thumbs.no-buttons{padding:0!important}.magic-thumbs-wrapper{display:block;width:100%;height:100%;position:relative;overflow:hidden;text-align:center}.magic-thumbs ul{list-style:none;font-size:0;display:inline-block;vertical-align:middle;height:100%;position:relative;white-space:nowrap}.magic-thumbs.no-buttons ul{left:0!important;padding:0!important;-webkit-transition:none!important;transition:none!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.magic-thumbs ul li{margin:0 4px;height:100%;width:auto;vertical-align:top;line-height:0;display:inline-block}.magic-thumbs ul li:after{content:'';display:inline-block;vertical-align:middle;height:100%;width:0}.magic-thumbs ul li > img{width:auto;height:auto;max-width:none!important;max-height:100%!important;vertical-align:middle}.ie8-magic .magic-thumbs ul li > img{max-width:none!important;max-height:none!important}.magic-thumbs.magic-thumbs-vertical{height:100%}.magic-thumbs-vertical{padding:30px 0}.magic-thumbs-vertical ul{height:auto;width:100%;white-space:normal}.magic-thumbs-vertical ul li{width:100%;height:auto;margin:4px 0}.magic-thumbs-vertical ul li > img{max-width:100%!important;max-height:none!important}.ie8-magic .magic-thumbs-vertical ul li > img{width:100%}.magic-thumbs button.magic-thumbs-button{color:#b4b4b4!important;font:900 24px/1 magictoolbox-thin!important;cursor:pointer;z-index:90!important;background-repeat:no-repeat;background-color:transparent!important;background-image:none;border:0;border-radius:0;box-shadow:none!important;overflow:hidden;position:absolute;text-transform:none!important;speak:none;text-align:center;-webkit-font-smoothing:antialiased;width:30px;height:100%;top:0;bottom:0;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}.magic-thumbs button.magic-thumbs-button:before{display:inline;position:static;color:inherit!important;font:inherit!important;-webkit-font-smoothing:inherit!important}.magic-thumbs .magic-thumbs-button-prev{left:0}.magic-thumbs .magic-thumbs-button-next{right:0}.magic-thumbs .magic-thumbs-button-prev:before{content:"\a002"}.magic-thumbs .magic-thumbs-button-next:before{content:"\a003"}:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button{color:rgba(180,180,180,.75)!important;-webkit-transform:scale(.85)!important;transform:scale(.85)!important;-webkit-transition:color .25s,-webkit-transform .25s!important;transition:color .25s,transform .25s!important}:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover{color:rgba(180,180,180,1)!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}.magic-thumbs-vertical .magic-thumbs-button{width:100%;height:30px;left:0;right:0;top:auto;bottom:auto}.magic-thumbs-vertical .magic-thumbs-button-prev{top:0}.magic-thumbs-vertical .magic-thumbs-button-next{bottom:0}.magic-thumbs-vertical .magic-thumbs-button-prev:before{content:"\a005"}.magic-thumbs-vertical .magic-thumbs-button-next:before{content:"\a004"}.magic-thumbs.no-buttons .magic-thumbs-button{display:none!important}.magic-thumbs-button-disabled{opacity:.2;filter:alpha(opacity = 20)}
+/*---------------*/
+
+
+/**
+    * Animate On Scroll 
+**/
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
+
+
+/*!
+ * MMenu
+ * jQuery mmenu v7.2.2
+*/
+.mm-menu{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba( 0,0,0, 0.3 )}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:20px;line-height:var(--mm-line-height);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:0;margin:0;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{color:inherit;text-decoration:none}[dir=rtl] .mm-menu{direction:rtl}.mm-panels,.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panel,.mm-panels{-webkit-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels{overflow:hidden}.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;width:100%;padding:0 20px;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after,.mm-panel:before{content:'';display:block;height:20px}.mm-panel_has-navbar{padding-top:44px;padding-top:var(--mm-navbar-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;display:none;width:100%;padding:10px 0 10px 10px}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-sizing:border-box;box-sizing:border-box;width:44px;padding:0}.mm-btn:after,.mm-btn:before{border-color:rgba(0,0,0,.1);border-color:var(--mm-color-button);border-width:2px;border-style:solid}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.3);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text-dimmed);border-bottom-width:1px;border-bottom-style:solid;text-align:center;display:none;height:44px;height:var(--mm-navbar-size);padding:0 44px;margin:0;position:absolute;top:0;left:0;right:0;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12px;padding:calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);padding-left:0;padding-right:0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar__title{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn{position:absolute;top:0;bottom:0;z-index:1}.mm-navbar__btn:first-child{text-align:left;left:0}.mm-navbar__btn:last-child{text-align:right;right:0}.mm-panel_has-navbar .mm-navbar{display:block}[dir=rtl] .mm-navbar__btn:first-child{text-align:right;right:0;left:auto}[dir=rtl] .mm-navbar__btn:last-child{text-align:left;left:0;right:auto}.mm-listitem,.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);color:var(--mm-color-text);border-color:rgba(0,0,0,.1);border-color:var(--mm-color-border);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{color:inherit;display:block;padding-top:12px;padding-top:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-bottom:12px;padding-bottom:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2)}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{-webkit-tap-highlight-color:rgba(255,255,255,.4);tap-highlight-color:rgba(255,255,255,.4);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);tap-highlight-color:var(--mm-color-background-emphasis);background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:54px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listitem_divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight);font-size:75%;text-transform:uppercase;min-height:20px;min-height:var(--mm-line-height);padding:6.5px;padding:calc(((var(--mm-listitem-size) * .75) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px}.mm-listitem_spacer{padding-top:44px;padding-top:var(--mm-listitem-size)}.mm-listitem_spacer>.mm-btn_next{top:44px;top:var(--mm-listitem-size)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:54px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}
+.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{display:none;position:fixed;right:auto;z-index:0}.mm-menu_offcanvas.mm-menu_opened{display:block}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}
+.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
+  
+
+/* css loading */
+.lds-roller{display:inline-block;position:relative;width:80px;height:80px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
+.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px;}
+.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#222;margin:-4px 0 0 -4px;}
+.lds-roller div:nth-child(1){animation-delay:-0.036s;}
+.lds-roller div:nth-child(1):after{top:63px;left:63px;}
+.lds-roller div:nth-child(2){animation-delay:-0.072s;}
+.lds-roller div:nth-child(2):after{top:68px;left:56px;}
+.lds-roller div:nth-child(3){animation-delay:-0.108s;}
+.lds-roller div:nth-child(3):after{top:71px;left:48px;}
+.lds-roller div:nth-child(4){animation-delay:-0.144s;}
+.lds-roller div:nth-child(4):after{top:72px;left:40px;}
+.lds-roller div:nth-child(5){animation-delay:-0.18s;}
+.lds-roller div:nth-child(5):after{top:71px;left:32px;}
+.lds-roller div:nth-child(6){animation-delay:-0.216s;}
+.lds-roller div:nth-child(6):after{top:68px;left:24px;}
+.lds-roller div:nth-child(7){animation-delay:-0.252s;}
+.lds-roller div:nth-child(7):after{top:63px;left:17px;}
+.lds-roller div:nth-child(8){animation-delay:-0.288s;}
+.lds-roller div:nth-child(8):after{top:56px;left:12px;}
+@keyframes lds-roller{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
+/* css loading */
+
+
+/* success */
+.success-checkmark{margin:0 auto;width: 100%;display: flex;align-items: center;justify-content: center;}
+.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #0542b7;}
+.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px;}
+.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in;}
+.success-checkmark .check-icon::before, .success-checkmark .check-icon::after{content:'';height:100px;position:absolute;background:#FFFFFF;transform:rotate(-45deg);}
+.success-checkmark .check-icon .icon-line{height:5px;background-color: #0542b7;display:block;border-radius:2px;position:absolute;z-index:10;}
+.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip 0.75s;}
+.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long 0.75s;}
+.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border: 4px solid rgba(0, 131, 255, 0.5);}
+.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#FFFFFF;}
+.success-form {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: rgba(0,0,0,0.5);display: block;}
+.content-container {background: #ffffff;max-width: calc(100% - 40px);height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 260px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 20px;border-radius: 12px;width: 100%;}
+.content-text {font-weight: 600;line-height: 1.5;}
+.success-checkmark .check-icon .icon-circle {border-color: #0542b7;opacity: .5;}
+/* end success */
+@keyframes rotate-circle{
+  	0%{transform:rotate(-45deg);}
+    5%{transform:rotate(-45deg);}
+    12%{transform:rotate(-405deg);}
+    100%{transform:rotate(-405deg);}
+}
+@keyframes icon-line-tip{
+    0%{width:0;left:1px;top:19px;}
+    54%{width:0;left:1px;top:19px;}
+    70%{width:50px;left:-8px;top:37px;}
+    84%{width:17px;left:21px;top:48px;}
+    100%{width:25px;left:14px;top:45px;}
+}
+@keyframes icon-line-long{
+    0%{width:0;right:46px;top:54px;}
+    65%{width:0;right:46px;top:54px;}
+    84%{width:55px;right:0px;top:35px;}
+    100%{width:47px;right:8px;top:38px;}
+}
+
+@keyframes phonering {
+    0% {transform: rotate(0) scale(1) skew(1deg);}
+    10% {transform: rotate(-25deg) scale(1) skew(1deg);}
+    20% {transform: rotate(25deg) scale(1) skew(1deg);}
+    30% {transform: rotate(-25deg) scale(1) skew(1deg);}
+    40% {transform: rotate(25deg) scale(1) skew(1deg);}
+    50% {transform: rotate(0) scale(1) skew(1deg);}
+    100% {transform: rotate(0) scale(1) skew(1deg);}
+}
+
+@keyframes tada{
+    0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
+    10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg) }
+    30%,50%,70%{-webkit-transform:scale(1.2) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg) }
+    40%,60%{-webkit-transform:scale(1.2) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg) }
+    100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0) }
+}
+
+@keyframes gradient{
+    0%{background-position:0 0;}
+    100%{background-position:-200% 0;}
+}
+
+@keyframes backInRight{
+    0%{opacity:.7;transform:translateX(2000px) scale(.7)}
+    80%{opacity:.7;transform:translateX(0) scale(.7)}
+    to{opacity:1;transform:scale(1)}
+}
+.animate__backInRight{animation-name:backInRight;}
+
+@keyframes skeleton-loading {
+    0% {background-color: #c2cfd6;}
+    100% {background-color: #f0f3f5;}
+}
+.skeleton {animation: skeleton-loading 2s linear alternate;display: block;animation-iteration-count: 3, 0, infinite;}
+*, ::after, ::before {box-sizing: border-box;}
+a[href="http://www.magictoolbox.com/magiczoomplus/"]{display:none!important;opacity:0;visibility:hidden}
+a{text-decoration:none}
+a:hover{text-decoration:none !important}
+.ul,.ol{margin:0;padding:0;list-style:none}
+img{max-width:100%;height:auto}
+.clear{clear:both}
+.h1,h1{font-size:2em}
+.h2,h2{font-size:1.5em}
+.h3,h3{font-size:1.17em}
+.h4,h4,.h5,h5,.h6,h6{font-size:initial}
+.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{font-weight:700}
+button,input,select{outline:none!important;color:#000;border-radius:0}
+button, input {overflow: visible;}
+button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;border-radius: 0;}
+table{width:100%;-webkit-overflow-scrolling:touch;border: unset;border-color: transparent}
+input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
+input[type=number] {-moz-appearance: textfield;}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    select,textarea,input{font-size:16px}
+}
+@media (min-width: 1200px) {
+    select,textarea,input{font-size:14px}
+}
+iframe{max-width: 100%;display: block;margin: auto;border: 0;}
+.text-10{font-size:10px}
+.text-11{font-size:11px}
+.text-12{font-size:12px}
+.text-13{font-size:13px}
+.text-14{font-size:14px}
+.text-15{font-size:15px}
+.text-16{font-size:16px}
+.text-17{font-size:17px}
+.text-18{font-size:18px}
+.text-19{font-size:19px}
+.text-20{font-size:20px}
+.text-22{font-size:22px}
+.text-23{font-size:23px}
+.text-24{font-size:24px}
+.text-25{font-size:25px}
+.text-26{font-size:26px}
+.text-27{font-size:27px}
+.text-28{font-size:28px}
+.text-29{font-size:29px}
+.text-30{font-size:30px}
+.text-36{font-size:36px}
+.font-100{font-weight:100}
+.font-200{font-weight:200}
+.font-300{font-weight:300}
+.font-400{font-weight:400}
+.font-500{font-weight:500}
+.font-600{font-weight:600}
+.font-700{font-weight:700}
+.font-800{font-weight:800}
+.font-900{font-weight:900}
+.font-1000{font-weight:1000}
+.autocomplete-suggestions{position:absolute;width: 100%;;border:solid 1px #ddd;right:0;max-height:300px;overflow:auto;display:none;background:#fff;z-index:9;top: 100%;}
+.autocomplete-suggestions a{display: flex;align-items: flex-start;padding:10px;overflow:hidden;}
+.autocomplete-suggestions a img{width:60px;float:left;margin-right: 12px;}
+.autocomplete-suggestions a .info{width: calc(100% - 72px);}
+.autocomplete-suggestions a .info .name{display:block;color:#333;}
+.autocomplete-suggestions a .info .price{color:#ec1c24;}
+.autocomplete-suggestions a:hover{background-color:#f5f5f5;}
+.autocomplete-suggestions::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #f1f1f1;border-radius: 10px;}
+.autocomplete-suggestions::-webkit-scrollbar{width: 6px;background-color: #f1f1f1;}
+.autocomplete-suggestions::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #ccc;}
+.bg-content{overflow:hidden;position:relative}
+.bg-content::before{content:'';position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff);height:200px}
+.underline{text-decoration: underline;}
+.btn-html-content{text-align:center;padding:16px}
+.btn-html-content a{display:none;line-height:36px;background:#FFF;color:#1988EC;-webkit-box-shadow:0 0 0 1px #1988EC;box-shadow:0 0 0 1px #1988EC;border-radius:10px;font-size:16px;font-weight:600;margin:auto;max-width:126px;width:100%;-webkit-transition:.15s all;transition:.15s all;font-size:13px}
+.btn-html-content a:hover{background:#1988EC;color:#fff}
+.btn-html-content a i{margin-left:4px}
+.bg-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:99;cursor:pointer}
\ No newline at end of file
diff --git a/LaptopTCC/scss/mobile_css.css b/LaptopTCC/scss/mobile_css.css
new file mode 100644
index 0000000..c7a47d7
--- /dev/null
+++ b/LaptopTCC/scss/mobile_css.css
@@ -0,0 +1,3228 @@
+@charset "UTF-8";
+*, ::after, ::before {
+  box-sizing: border-box;
+}
+
+body {
+  color: #000;
+  font-family: "Roboto", sans-serif;
+  background: #F3F3F3;
+  position: relative;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  max-width: 650px;
+  margin: auto;
+  word-break: break-word;
+  counter-reset: section;
+  overflow: auto;
+}
+
+b {
+  font-weight: bold;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+.h1, h1 {
+  font-size: 2em;
+}
+
+.h2, h2 {
+  font-size: 1.5em;
+}
+
+.h3, h3 {
+  font-size: 1.17em;
+}
+
+.h4, h4, .h5, h5, .h6, h6 {
+  font-size: initial;
+}
+
+.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
+  font-weight: bold;
+}
+
+.clearfix::after {
+  content: "";
+  clear: both;
+  display: block;
+}
+
+.bg-white {
+  background: #fff !important;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.d-flex {
+  display: flex !important;
+}
+
+.d-block {
+  display: block !important;
+}
+
+.d-none {
+  display: none !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.align-items-center {
+  align-items: center;
+}
+
+.align-items-baseline {
+  align-items: baseline;
+}
+
+.align-items-end {
+  align-items: flex-end;
+}
+
+.align-items-start {
+  align-items: flex-start;
+}
+
+.justify-content-between {
+  justify-content: space-between;
+}
+
+.justify-content-center {
+  justify-content: center;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.float-left {
+  float: left;
+}
+
+.float-right {
+  float: right;
+}
+
+.float-none {
+  float: none;
+}
+
+.position-relative {
+  position: relative;
+}
+
+.text-white {
+  color: #fff;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-uppercase {
+  text-transform: uppercase;
+}
+
+.text-capitalize {
+  text-transform: capitalize;
+}
+
+.w-100 {
+  width: 100% !important;
+}
+
+.w-50 {
+  width: 50% !important;
+}
+
+.w-auto {
+  width: auto !important;
+}
+
+.h-100 {
+  height: 100% !important;
+}
+
+.h-auto {
+  height: auto !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.mt-0 {
+  margin-top: 0 !important;
+}
+
+.ml-0 {
+  margin-left: 0 !important;
+}
+
+.mr-0 {
+  margin-right: 0 !important;
+}
+
+.mt-2 {
+  margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+  margin-top: 1rem !important;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem !important;
+}
+
+.mb-3 {
+  margin-bottom: 1rem !important;
+}
+
+.p-0 {
+  padding: 0 !important;
+}
+
+.pt-0 {
+  padding-top: 0 !important;
+}
+
+.pb-0 {
+  padding-bottom: 0 !important;
+}
+
+.pl-0 {
+  padding-left: 0 !important;
+}
+
+.pr-0 {
+  padding-right: 0 !important;
+}
+
+.pt-2, .py-2 {
+  padding-top: 0.5rem !important;
+}
+
+.pt-3, .py-3 {
+  padding-top: 1rem !important;
+}
+
+.border-0 {
+  border: 0 !important;
+}
+
+.p-15 {
+  padding: 0 15px;
+}
+
+.hidden-scroll::-webkit-scrollbar, .article-page .article-category-list::-webkit-scrollbar, .pd-product-tab-container .tab-title-group::-webkit-scrollbar, .product-category-child::-webkit-scrollbar, .home-product-container .category-child-holder::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+.form-control {
+  display: block;
+  width: calc(100% - 1.5rem - 2px);
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.text-underline {
+  text-decoration: underline;
+}
+
+.border-bottom {
+  border-bottom: 1px solid #ccc;
+}
+
+.pb-1, .py-1 {
+  padding-bottom: 0.25rem !important;
+}
+
+.fit-img, .art-item img, .p-item img {
+  width: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  max-width: 100%;
+  max-height: 100%;
+  margin: auto;
+  display: block;
+}
+
+.autocomplete-suggestions {
+  position: absolute;
+  width: 100%;
+  border: solid 1px #ddd;
+  right: 0;
+  max-height: 300px;
+  overflow: auto;
+  display: none;
+  background: #fff;
+  z-index: 9;
+  top: 100%;
+}
+
+.autocomplete-suggestions a {
+  display: flex;
+  align-items: flex-start;
+  padding: 10px;
+  overflow: hidden;
+}
+
+.autocomplete-suggestions a img {
+  width: 60px;
+  float: left;
+  margin-right: 12px;
+}
+
+.autocomplete-suggestions a .info {
+  width: calc(100% - 72px);
+}
+
+.autocomplete-suggestions a .info .name {
+  display: block;
+  color: #333;
+}
+
+.autocomplete-suggestions a .info .price {
+  color: #ec1c24;
+}
+
+.autocomplete-suggestions::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
+  background-color: #f1f1f1;
+  border-radius: 10px;
+}
+
+.autocomplete-suggestions::-webkit-scrollbar {
+  width: 6px;
+  background-color: #f1f1f1;
+}
+
+.autocomplete-suggestions::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #ccc;
+}
+
+.success-checkmark .check-icon .icon-circle {
+  border-color: #0542b7;
+  opacity: 0.5;
+}
+
+.success-checkmark .check-icon .icon-line {
+  background-color: #0542b7;
+}
+
+.success-checkmark .check-icon {
+  border-color: #0542b7;
+}
+
+.content-container .content-text {
+  font-size: 20px;
+}
+
+.content-container {
+  max-width: calc(100% - 20px);
+}
+
+.fancybox-thumbs__list a {
+  height: 90px;
+  background-size: 100% 100%;
+  background-color: #fff;
+  transition: unset;
+}
+
+.fancybox-thumbs__list a:before {
+  border: 3px solid #1781E0;
+}
+
+.label-container {
+  display: block;
+  position: relative;
+  padding-left: 24px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  line-height: 21px;
+  cursor: pointer;
+}
+
+.label-container .checkmark {
+  position: absolute;
+  top: 3px;
+  left: 0;
+  height: 13px;
+  width: 13px;
+  background-color: #fff;
+  border-radius: 50%;
+  border: 1px solid #BFBFBF;
+}
+
+.label-container input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.label-container input:checked ~ .checkmark {
+  border-color: #118F3E;
+}
+
+.label-container input:checked ~ .checkmark:after {
+  display: block;
+}
+
+.label-container input:checked ~ .checkmark:after {
+  content: "";
+  width: 8px;
+  height: 8px;
+  background: #118F3E;
+  border-radius: 50%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.fancybox-slide--video {
+  padding: 10px;
+}
+
+.text-white {
+  color: #fff;
+}
+
+.red, .pd-config_group-holder .pd-config_group-list .price, .product-detail-page .pd-price {
+  color: #E80E0E;
+}
+
+.color-main, .article-cate-container .group-title a, .pd-product-tab-container .tab-title-group a.active, .pd-config_group-holder .pd-config_group-list a.current, .pd-summary-group .pd-summary-btn, .product-filter-container .btn-filter, .home-customer-review-container .btn-view, .home-customer-review-container .item::before, .home-product-container .btn-view, .home-product-container .group-title, .global-deal-container .global-deal-type a.current {
+  color: #00A551;
+}
+
+.bg-main, .pd-offer-group .group-title, .global-header-container .icon-search {
+  background: #00A551;
+}
+
+.bg-linear, .article-detail-page .header-search-group button, .article-page .article-category-list a.current, .pd-btn-group .btn-buynow, .product-filter-container .filter-list .current, .product-sort-group .box-right .icons.current::before, .product-sort-group .box-right .article-cate-container .group-title .current.title::before, .article-cate-container .group-title .product-sort-group .box-right .current.title::before, .product-sort-group .box-right .global-header-container .current.icon-search::before, .global-header-container .product-sort-group .box-right .current.icon-search::before, .product-sort-group .box-right .current.btn-filter::before, .home-customer-review-container .item-title, .home-product-container .group-title::before, .home-product-container .group-title::after, .global-deal-container, .global-newsletter-container .form-holder a, .art-item .art-category, .custom-dots .owl-dots .owl-dot.active, .paging a.current {
+  background: linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
+}
+
+.bg-linear-animate {
+  background: repeating-linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
+  background-size: 200% auto;
+  background-position: 0 100%;
+  animation: 2s linear infinite forwards gradient-bg-antimation;
+}
+
+.fancybox-thumbs__list a {
+  height: 90px;
+  background-size: 100% 100%;
+  background-color: #fff;
+  transition: unset;
+}
+
+.fancybox-thumbs__list a:before {
+  border: 3px solid #1781E0;
+}
+
+.label-container {
+  display: block;
+  position: relative;
+  padding-left: 24px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  line-height: 21px;
+  cursor: pointer;
+}
+
+.label-container .checkmark {
+  position: absolute;
+  top: 3px;
+  left: 0;
+  height: 13px;
+  width: 13px;
+  background-color: #fff;
+  border-radius: 50%;
+  border: 1px solid #BFBFBF;
+}
+
+.label-container input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.label-container input:checked ~ .checkmark {
+  border-color: #FF7A00;
+}
+
+.label-container input:checked ~ .checkmark:after {
+  display: block;
+}
+
+.label-container input:checked ~ .checkmark:after {
+  content: "";
+  width: 8px;
+  height: 8px;
+  background: #FF7A00;
+  border-radius: 50%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.inherit, .article-page .article-category-list .title, .product-category-child .title, .art-item .art-title *, .p-item .p-name *, .global-breadcrumb h1 {
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  margin: 0;
+}
+
+.line-clamp-2, .pd-config_group-holder .pd-config_group-list .title, .homepage-category-list .cat-title {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-3, .art-item .art-summary, .art-item .art-title, .p-item .p-name {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-4 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 4;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-5 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 5;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+@keyframes gradient-bg-antimation {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+@keyframes dash {
+  0% {
+    stroke-dashoffset: 0;
+  }
+  100% {
+    stroke-dashoffset: 822;
+  }
+}
+.bg-content {
+  overflow: hidden;
+  position: relative;
+}
+.bg-content::before {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: -10px;
+  right: -10px;
+  background: linear-gradient(transparent, #fff);
+  height: 300px;
+}
+
+.btn-html-content {
+  text-align: center;
+  padding: 16px;
+}
+.btn-html-content a {
+  display: none;
+  line-height: 36px;
+  background: #FFFFFF;
+  color: #1988EC;
+  box-shadow: 0px 0px 0px 1px #1988EC;
+  border-radius: 10px;
+  font-size: 16px;
+  font-weight: 600;
+  margin: auto;
+  max-width: 126px;
+  width: 100%;
+  transition: 0.15s all;
+  font-size: 13px;
+}
+.btn-html-content a i {
+  margin-left: 4px;
+}
+
+.bg-popup {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+  cursor: pointer;
+}
+
+.p-10 {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.icon-star {
+  background-image: url(../images/star.png);
+  width: 85px;
+  height: 14px;
+  display: inline-block;
+  background-repeat: no-repeat;
+  background-size: 85px 90px;
+  vertical-align: sub;
+}
+
+.icon-star.star-1 {
+  background-position: -2px -74px;
+}
+
+.icon-star.star-2 {
+  background-position: -2px -56px;
+}
+
+.icon-star.star-3 {
+  background-position: -2px -38px;
+}
+
+.icon-star.star-4 {
+  background-position: -2px -20px;
+}
+
+.icon-star.star-5, .icon-star.star-0 {
+  background-position: -2px -2px;
+}
+
+.icons, .article-cate-container .group-title .title::before, .product-sort-group .btn-filter::before, .global-header-container .icon-search::before {
+  background: url(../images/global-sprite.png) no-repeat;
+  background-size: 250px 250px;
+}
+
+.container {
+  padding: 0 10px;
+}
+
+.global-breadcrumb {
+  padding: 10px 0;
+  font-size: 12px;
+  line-height: 14px;
+}
+.global-breadcrumb a {
+  color: #414141;
+}
+.global-breadcrumb ol, .global-breadcrumb ul {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.global-breadcrumb li {
+  display: flex;
+  align-items: center;
+}
+.global-breadcrumb li::after {
+  content: "/";
+  padding: 0 10px;
+  font-weight: 400;
+  font-size: 12px;
+  margin-top: 1px;
+}
+.global-breadcrumb li:last-child::after {
+  content: none;
+}
+.paging {
+  margin: 20px 0 10px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+.paging a {
+  width: 38px;
+  height: 38px;
+  line-height: 37px;
+  border-radius: 50%;
+  background: transparent;
+  text-align: center;
+  color: #A3A3A3;
+  margin: 0 4px;
+  overflow: hidden;
+  border: 1px solid #A3A3A3;
+  font-size: 14px;
+}
+.paging a.current {
+  color: #fff;
+  font-weight: 700;
+  border-color: transparent;
+}
+.paging a.current * {
+  filter: invert(1) brightness(100);
+}
+.paging .icon-prev, .paging .icon-next {
+  background: url(../images/global-icon-left.png) no-repeat 16px center;
+  background-size: 7px;
+  font-size: 0 !important;
+  display: block;
+  height: 100%;
+  background-position: 14px center;
+}
+.paging .icon-next {
+  transform: rotate(-180deg);
+}
+
+.custom-nav .owl-nav {
+  margin: 0;
+}
+.custom-nav .owl-nav button {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  margin: 0 !important;
+  width: 46px;
+  height: 46px;
+  background: rgba(0, 0, 0, 0.4) !important;
+}
+.custom-nav .owl-nav button.disabled {
+  display: none;
+}
+.custom-nav .owl-nav .owl-prev {
+  left: 0;
+  border-radius: 0 40px 40px 0 !important;
+}
+.custom-nav .owl-nav .owl-next {
+  right: 0;
+  border-radius: 40px 0 0 40px !important;
+}
+.custom-nav .owl-nav .arrow {
+  filter: invert(1) brightness(100);
+  height: 100%;
+  display: block;
+  background: url(../images/global-icon-left.png) no-repeat;
+  background-position: 15px center;
+  background-size: 9px 17px;
+  transition: 0.2s all;
+}
+.custom-nav .owl-nav .arrow-next {
+  transform: rotate(180deg);
+}
+
+.custom-dots .owl-dots {
+  margin: 0 !important;
+  position: absolute;
+  bottom: 15px;
+  left: 0;
+  right: 0;
+}
+.custom-dots .owl-dots .owl-dot {
+  margin: 0 6px 0 0;
+  width: 8px;
+  height: 8px;
+  border-radius: 50px;
+  transition: 0.2s all;
+  background: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.8);
+}
+.custom-dots .owl-dots .owl-dot span {
+  display: none;
+}
+.custom-dots .owl-dots .owl-dot.active {
+  border-color: transparent;
+}
+
+.pd-custom-nav .owl-nav {
+  margin: 0;
+}
+.pd-custom-nav .owl-nav button {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  margin: 0 !important;
+  width: 18px;
+  height: 18px;
+  background: transparent !important;
+}
+.pd-custom-nav .owl-nav button.disabled {
+  opacity: 0.15;
+}
+.pd-custom-nav .owl-nav .owl-prev {
+  left: -20px;
+}
+.pd-custom-nav .owl-nav .owl-next {
+  right: -20px;
+}
+.pd-custom-nav .owl-nav .arrow {
+  height: 100%;
+  display: block;
+  background: url(../images/global-icon-left.png) no-repeat;
+  background-size: 9px;
+}
+.pd-custom-nav .owl-nav .arrow-next {
+  transform: rotate(180deg);
+}
+
+.p-item {
+  border-radius: 12px;
+  border: 1px solid #F5F5F5;
+  background: #FFF;
+  padding: 10px;
+  text-align: center;
+  font-size: 12px;
+  line-height: 14px;
+  overflow: hidden;
+}
+.p-item a {
+  display: block;
+  color: #000;
+}
+.p-item .p-img {
+  position: relative;
+  padding-bottom: 100%;
+  margin: 0 0 7px 0;
+}
+.p-item .p-type-holder {
+  min-height: 20px;
+  margin: 0 0 10px 0;
+  line-height: 20px;
+  text-align: left;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.p-item .p-bestsale {
+  margin: 0;
+  border-radius: 20px;
+  color: #fff;
+  background: linear-gradient(270deg, #FF7A00 0%, #FFB800 102.33%);
+  padding: 0 5px;
+  font-size: 11px;
+  font-weight: 700;
+  display: inline-flex;
+  align-items: center;
+}
+.p-item .p-bestsale::before {
+  content: "";
+  background: url(../images/p-icon-bestsale.png) no-repeat;
+  background-size: contain;
+  width: 11px;
+  height: 12px;
+  margin-right: 2px;
+}
+.p-item .p-name {
+  margin: 10px 0;
+  min-height: 42px;
+}
+.p-item .p-price-holder {
+  margin: 10px 0;
+  color: #A3A3A3;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  min-height: 40px;
+}
+.p-item .p-price {
+  color: #E80E0E;
+  font-size: 16px;
+  font-weight: 800;
+  margin: 0 5px 0 0;
+  line-height: 20px;
+}
+.p-item .p-price u {
+  font-size: 12px;
+  line-height: inherit;
+  display: inline-block;
+  margin-left: 1px;
+}
+.p-item .p-discount {
+  border-radius: 5px;
+  background: #E80E0E;
+  color: #fff;
+  padding: 0 3px;
+  font-weight: 500;
+  line-height: 20px;
+}
+.p-item .p-old-price {
+  width: 100%;
+  text-decoration: line-through;
+  margin-top: 5px;
+}
+.p-item .p-btn-group {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  line-height: 28px;
+}
+.p-item .p-rate {
+  margin: 0;
+  color: #FF7A00;
+  font-size: 12px;
+  position: relative;
+}
+.p-item .p-rate::after {
+  content: "";
+  background: url(../images/star_rating.png) no-repeat;
+  background-size: 10px 44px;
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  right: -12px;
+  top: 7px;
+}
+.p-item .p-btn-add {
+  width: 28px;
+  height: 28px;
+  border-radius: 5px;
+  background: url(../images/p-icon-cart.png) no-repeat center;
+  background-color: #F5F5F5;
+  background-size: 18px;
+}
+.p-item .p-deal-line {
+  height: 16px;
+  line-height: 16px;
+  margin: 0 0 8px;
+  border-radius: 12px;
+  background: linear-gradient(90deg, #FF7A00 2.7%, #FFCD9F 100%);
+  font-size: 11px;
+  font-style: italic;
+  font-weight: 500;
+  color: #fff;
+  position: relative;
+}
+.p-item .p-deal-line::before {
+  content: "";
+  width: 25px;
+  height: 25px;
+  background: url(../images/p-icon-deal-discount.png) no-repeat;
+  background-size: 25px;
+  z-index: 1;
+  position: absolute;
+  left: -4px;
+  bottom: -3px;
+}
+.p-item .p-deal-time {
+  border-radius: 12px;
+  border: 1px dashed #FF7A00;
+  background: #FFF;
+  color: #FF7A00;
+  font-size: 11px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+.p-item .p-deal-time * {
+  line-height: 22px;
+}
+.p-item .p-deal-countdown {
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+}
+.p-item .p-deal-countdown b {
+  font-weight: 700;
+  margin-left: 3px;
+}
+.p-item .p-deal-countdown b::after {
+  content: " :";
+}
+.p-item .p-deal-countdown b:last-child::after {
+  content: none;
+}
+
+.art-item {
+  background: #fff;
+  color: #2F2F2F;
+  font-weight: 300;
+  line-height: 14px;
+  font-size: 11px;
+  display: flex;
+  flex-wrap: wrap;
+}
+.art-item a {
+  display: block;
+  color: #2F2F2F;
+}
+.art-item .art-img {
+  width: 48%;
+  position: relative;
+  margin: 0 10px 0 0;
+  padding-bottom: 30%;
+  border-radius: 12px;
+  overflow: hidden;
+}
+.art-item .art-text {
+  width: calc(52% - 10px);
+}
+.art-item .art-category {
+  display: table;
+  min-height: 20px;
+  line-height: 14px;
+  padding: 3px 10px;
+  border-radius: 0px 20px;
+  color: #FFF !important;
+  text-align: center;
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  margin: 0 0 10px 0;
+}
+.art-item .art-title {
+  font-weight: 500;
+  font-size: 13px;
+  line-height: 16px;
+  margin: 0 0 8px;
+}
+.art-item .art-summary {
+  display: none;
+}
+.art-item .art-time {
+  display: inline-flex;
+  color: #B6B6B6;
+  font-weight: 400;
+  margin: 0 10px 0 0;
+  align-items: center;
+}
+.art-item .art-time:last-child {
+  margin: 0;
+}
+.art-item .icons, .art-item .article-cate-container .group-title .title::before, .article-cate-container .group-title .art-item .title::before, .art-item .product-sort-group .btn-filter::before, .product-sort-group .art-item .btn-filter::before, .art-item .global-header-container .icon-search::before, .global-header-container .art-item .icon-search::before {
+  width: 20px;
+  height: 15px;
+}
+.art-item .icon-clock {
+  background-position: -181px -44px;
+}
+.art-item .icon-visit {
+  background-position: -152px -44px;
+}
+
+.video-item {
+  position: relative;
+  padding-bottom: 60%;
+  border-radius: 8px;
+  overflow: hidden;
+  margin-bottom: 10px;
+  width: 100%;
+}
+.video-item::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  z-index: 1;
+}
+.video-item::after {
+  content: "";
+  background: url(../images/icon-video.png) no-repeat center;
+  background-size: contain;
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+}
+.video-item img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.video-item .video-title {
+  position: absolute;
+  left: 10px;
+  right: 10px;
+  bottom: 10px;
+  color: #fff;
+  z-index: 1;
+  margin: 0;
+  font-weight: 600;
+  line-height: 20px;
+  font-size: 14px;
+}
+
+.global-header-container {
+  background: #fff;
+  padding: 8px 10px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  position: sticky;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 99;
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
+}
+.global-header-container img {
+  display: block;
+  width: auto;
+}
+.global-header-container .header-logo {
+  width: 57px;
+  margin-right: 10px;
+}
+.global-header-container .header-right-group {
+  width: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: 10px;
+}
+.global-header-container .header-right-group .icons, .global-header-container .header-right-group .article-cate-container .group-title .title::before, .article-cate-container .group-title .global-header-container .header-right-group .title::before, .global-header-container .header-right-group .product-sort-group .btn-filter::before, .product-sort-group .global-header-container .header-right-group .btn-filter::before, .global-header-container .header-right-group .icon-search::before {
+  width: 22px;
+  height: 30px;
+}
+.global-header-container .cart-count {
+  width: 14px;
+  height: 14px;
+  line-height: 14px;
+  border-radius: 50%;
+  text-align: center;
+  background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+  color: #000;
+  font-style: normal;
+  font-weight: 700;
+  position: absolute;
+  top: -2px;
+  right: -5px;
+  font-size: 12px;
+}
+.global-header-container .icon-cart {
+  display: block;
+  height: 100%;
+  position: relative;
+  background-position: -216px -6px;
+}
+.global-header-container .icon-menu {
+  background-position: -8px -219px;
+}
+.global-header-container .icon-search {
+  width: 43px;
+  height: 40px;
+  border-left: 1px solid #C3C3C3;
+  position: relative;
+}
+.global-header-container .icon-search::before {
+  content: "";
+  display: block;
+  height: 100%;
+  background-position: 2px -35px;
+}
+
+.header-search-group {
+  width: calc(100% - 157px);
+  margin-right: 10px;
+  border-radius: 0px 21px 21px 0px;
+  box-shadow: 0px 0px 0px 1px #C3C3C3;
+  background: #fff;
+  position: relative;
+  border-radius: 21px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+}
+.header-search-group * {
+  height: 40px;
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+.header-search-group input {
+  padding: 0 10px;
+  width: calc(100% - 43px);
+}
+
+.global-newsletter-container {
+  background: linear-gradient(270deg, #E3F2E9 0%, #CEE4B4 102.33%);
+  padding: 20px 0 0;
+}
+.global-newsletter-container img {
+  display: block;
+  width: auto;
+  margin: 14px auto 0;
+  max-height: 160px;
+}
+.global-newsletter-container .group-title {
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 22px;
+  text-transform: uppercase;
+  margin: 0 0 13px 0;
+}
+.global-newsletter-container .form-holder {
+  position: relative;
+  background: #fff;
+  border-radius: 50px;
+  display: flex;
+  justify-content: space-between;
+}
+.global-newsletter-container .form-holder input {
+  width: calc(100% - 80px);
+  height: 52px;
+  padding: 0 15px;
+  border-radius: 50px 0 0 50px;
+  margin: 0;
+  border-color: transparent;
+}
+.global-newsletter-container .form-holder input::-moz-placeholder {
+  color: #A3A3A3;
+}
+.global-newsletter-container .form-holder input::placeholder {
+  color: #A3A3A3;
+}
+.global-newsletter-container .form-holder a {
+  width: 80px;
+  line-height: 52px;
+  text-align: center;
+  color: #FFF;
+  text-transform: uppercase;
+  border-radius: 0 50px 50px 0;
+  font-weight: 700;
+  font-size: 13px;
+}
+.global-newsletter-container .newsletter-error {
+  color: red;
+  margin-top: 15px;
+  font-weight: 500;
+}
+
+.global-footer-container {
+  background: #fff;
+  padding: 14px 0;
+  line-height: 24px;
+  font-size: 13px;
+}
+.global-footer-container .item-bct img {
+  display: block;
+  width: auto;
+  max-width: 110px;
+}
+.global-footer-container .group-title {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 20px;
+  margin: 0 0 10px 0;
+}
+.global-footer-container a {
+  display: table;
+  color: #000;
+}
+.global-footer-container p {
+  margin: 0;
+}
+.global-footer-container .address-item {
+  margin-bottom: 18px;
+}
+.global-footer-container .item {
+  margin-bottom: 5px;
+}
+.global-footer-container .item .group-title {
+  border-radius: 8px;
+  background: #F3F3F3;
+  margin: 0;
+  line-height: 40px;
+  position: relative;
+  padding: 0 10px;
+  font-size: 13px;
+  text-transform: unset;
+}
+.global-footer-container .item .group-title.active::after {
+  transform: rotate(0deg);
+}
+.global-footer-container .item .group-title::after {
+  content: "▲";
+  font-size: 10px;
+  position: absolute;
+  top: -1px;
+  right: 10px;
+  transform: rotate(-180deg);
+}
+.global-footer-container .item-list {
+  display: none;
+  padding: 10px 20px;
+}
+.global-footer-container .item-social-media {
+  margin: 10px 0 0;
+}
+.global-footer-container .item-social-media .group-title {
+  margin-top: 18px;
+}
+
+.global-footer-end {
+  border-top: 1px dashed #D9D9D9;
+  font-size: 13px;
+  color: #797979;
+  line-height: 20px;
+  padding-top: 10px;
+  margin-top: 10px;
+}
+.global-footer-end a {
+  display: inline-block;
+  color: inherit;
+}
+.global-footer-end p {
+  margin: 0;
+}
+.global-footer-end b {
+  font-weight: 600;
+}
+
+.footer-social-media {
+  display: flex;
+  flex-wrap: wrap;
+}
+.footer-social-media .icons, .footer-social-media .article-cate-container .group-title .title::before, .article-cate-container .group-title .footer-social-media .title::before, .footer-social-media .product-sort-group .btn-filter::before, .product-sort-group .footer-social-media .btn-filter::before, .footer-social-media .global-header-container .icon-search::before, .global-header-container .footer-social-media .icon-search::before {
+  width: 36px;
+  height: 36px;
+  margin: 0 8px 0 0;
+  transition: 0.3s all;
+  position: relative;
+  bottom: 0;
+  background-size: 500px 500px;
+}
+.footer-social-media .icon-facebook {
+  background-position: -90px -90px;
+}
+.footer-social-media .icon-youtube {
+  background-position: -162px -90px;
+}
+.footer-social-media .icon-zalo {
+  background-position: -234px -90px;
+}
+.footer-social-media .icon-qr {
+  background-position: -4px -81px;
+}
+.footer-social-media .icon-cash {
+  background-position: -52px -80px;
+}
+.footer-social-media .icon-clock {
+  background-position: -94px -81px;
+}
+.footer-social-media .icon-wallet {
+  background-position: -134px -81px;
+}
+.footer-social-media p {
+  margin: 0 30px 10px 0;
+  font-size: 10px;
+  line-height: 20px;
+  text-align: center;
+}
+.footer-social-media p:last-child {
+  margin-right: 0;
+}
+.footer-social-media p .icons, .footer-social-media p .article-cate-container .group-title .title::before, .article-cate-container .group-title .footer-social-media p .title::before, .footer-social-media p .product-sort-group .btn-filter::before, .product-sort-group .footer-social-media p .btn-filter::before, .footer-social-media p .global-header-container .icon-search::before, .global-header-container .footer-social-media p .icon-search::before {
+  margin: auto auto 8px;
+  display: block;
+  width: 30px;
+  height: 20px;
+  background-size: 250px 250px;
+  position: unset;
+}
+
+.global-fixed-social {
+  position: fixed;
+  bottom: 10%;
+  right: 10px;
+  z-index: 99;
+  animation-duration: 1s;
+  animation-duration: 1s;
+  animation-fill-mode: both;
+  transform: translateX(2000px) scale(0.7);
+}
+.global-fixed-social a {
+  display: block;
+}
+.global-fixed-social .icon-mess {
+  width: 54px;
+  height: 54px;
+  margin: 0 0 10px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 54px;
+}
+.global-fixed-social .global-go-top {
+  background: rgba(139, 185, 88, 0.5);
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  transition: 0.3s all;
+  margin: auto;
+  display: none;
+}
+.global-fixed-social .global-go-top::before {
+  content: "";
+  display: block;
+  height: 100%;
+  transform: rotate(90deg);
+  background: url(../images/global-icon-left.png) no-repeat;
+  background-position: center;
+  background-size: 6px;
+  filter: brightness(100);
+}
+
+.global-deal-container {
+  margin: 50px 0 10px;
+  border-radius: 12px;
+  padding: 70px 10px 20px;
+  position: relative;
+}
+.global-deal-container .group-title {
+  text-align: center;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100% 100%;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 0;
+  margin: -116px auto 0;
+}
+.global-deal-container .group-title .title {
+  color: #FFF;
+  text-shadow: 0px 4px 4px rgba(156, 0, 0, 0.96);
+  font-size: 32px;
+  font-style: italic;
+  font-weight: 800;
+  line-height: 36px;
+  margin: 0 18px 0 0;
+}
+.global-deal-container .icon-clock {
+  width: 36px;
+  height: 36px;
+  margin-right: 7px;
+  background-repeat: no-repeat;
+  background-size: 36px;
+  background-position: center;
+  animation: tada 1.8s infinite ease-in-out;
+}
+.global-deal-container .deal-time-holder {
+  margin-top: 7px;
+  font-weight: 300;
+  display: flex;
+  align-items: center;
+  border-radius: 18px;
+  box-shadow: 0px 0px 0px 1px #FFF;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.59) 57.29%, rgba(255, 255, 255, 0.8) 96.87%);
+  padding: 5px 14px;
+  line-height: 26px;
+}
+.global-deal-container .deal-countdown-holder {
+  display: flex;
+  align-items: center;
+}
+.global-deal-container .deal-countdown-holder b {
+  border-radius: 5px;
+  background: #000;
+  color: #fff;
+  font-size: 18px;
+  font-weight: 800;
+  position: relative;
+  padding: 0 3px;
+  margin: 0 5px;
+  height: 26px;
+  line-height: 27px;
+}
+.global-deal-container .deal-countdown-holder b::after {
+  content: ":";
+  position: absolute;
+  right: -8px;
+  color: #000;
+}
+.global-deal-container .deal-countdown-holder b:last-child::after {
+  content: none;
+}
+.global-deal-container .global-deal-type {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.global-deal-container .global-deal-type a {
+  margin: 10px 0;
+  color: #fff;
+  text-transform: uppercase;
+  font-weight: 700;
+  opacity: 0.7;
+  padding: 12px;
+  border: 1px solid #fff;
+  border-radius: 50px;
+  width: calc(50% - 5px);
+  text-align: center;
+}
+.global-deal-container .global-deal-type a.current {
+  background: #fff;
+  opacity: 1;
+}
+.global-deal-container .btn-deal {
+  display: table;
+  margin: 19px auto 0;
+  color: #fff;
+  text-decoration-line: underline;
+}
+.global-deal-container .product-holder {
+  min-height: 280px;
+  margin: 0 -10px 0 0;
+}
+
+.homepage {
+  padding: 10px;
+  overflow: hidden;
+}
+.homepage .home-slider-group {
+  min-height: 22vh;
+  margin-bottom: 10px;
+}
+.homepage .product-holder {
+  position: relative;
+  min-height: 300px;
+}
+
+.homepage-category-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.homepage-category-list a {
+  text-align: center;
+  margin: 0 10px 10px 0;
+  border-radius: 8px;
+  border: 1px solid #E3E3E3;
+  background: linear-gradient(180deg, #FFF 53.65%, #EFEFEF 100%);
+  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+  color: #000;
+  font-size: 13px;
+  line-height: 16px;
+  width: calc(25% - 8px);
+  padding: 19px 4px 4px 4px;
+}
+.homepage-category-list a:nth-child(4n) {
+  margin-right: 0;
+}
+.homepage-category-list .cat-thumb {
+  display: block;
+  width: 28px;
+  height: 24px;
+  margin: 0 auto 10px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+
+.home-policy-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.home-policy-container .item {
+  border-radius: 10px;
+  border: 1px solid #F5F5F5;
+  background: #FFF;
+  margin: 0 0 10px 0;
+  width: calc(50% - 5px);
+  line-height: 14px;
+  font-size: 13px;
+  padding: 12px 10px;
+  text-align: center;
+}
+.home-policy-container .item:nth-child(5n) {
+  width: 100%;
+}
+.home-policy-container b {
+  font-weight: 700;
+  margin-bottom: 4px;
+  display: block;
+}
+.home-policy-container a {
+  color: inherit;
+  display: inline;
+}
+.home-policy-container .text {
+  margin: 0;
+  display: block;
+}
+.home-policy-container .icons, .home-policy-container .article-cate-container .group-title .title::before, .article-cate-container .group-title .home-policy-container .title::before, .home-policy-container .product-sort-group .btn-filter::before, .product-sort-group .home-policy-container .btn-filter::before, .home-policy-container .global-header-container .icon-search::before, .global-header-container .home-policy-container .icon-search::before {
+  width: 48px;
+  height: 40px;
+  margin: 0 auto 8px;
+  display: block;
+}
+.home-policy-container .icon-1 {
+  background-position: -207px -117px;
+}
+.home-policy-container .icon-2 {
+  background-position: -10px -171px;
+}
+.home-policy-container .icon-3 {
+  background-position: -77px -171px;
+}
+.home-policy-container .icon-4 {
+  background-position: -140px -171px;
+}
+.home-policy-container .icon-5 {
+  background-position: -201px -171px;
+}
+
+.home-collection-container {
+  margin: 10px 0;
+  padding: 15px 10px 24px;
+  border-radius: 12px;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+.home-collection-container .group-title {
+  text-align: center;
+  margin: 0 0 15px 0;
+  color: #FFF;
+  font-size: 24px;
+  font-style: italic;
+  font-weight: 300;
+  line-height: 28px;
+  text-transform: uppercase;
+}
+.home-collection-container .group-title span {
+  display: block;
+  margin: 8px 0 20px;
+}
+.home-collection-container .group-title b {
+  font-size: 36px;
+  font-weight: 700;
+  display: inline-block;
+  line-height: 42px;
+}
+.home-collection-container .group-title .text-bg {
+  border-radius: 31px;
+  background: linear-gradient(270deg, #F00 0%, #FF7A41 102.33%);
+  padding: 0 13px;
+  margin-left: 5px;
+}
+.home-collection-container .btn-view {
+  color: #FFF;
+  font-size: 14px;
+  font-weight: 400;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+  display: table;
+  margin: 20px auto 0;
+}
+.home-collection-container .product-collection {
+  margin: 0 -10px 0 0;
+  min-height: 300px;
+  position: relative;
+}
+
+.home-product-container {
+  padding: 25px 10px;
+  border-radius: 12px;
+  background: #fff;
+  margin: 10px 0;
+}
+.home-product-container .category-child-holder {
+  display: flex;
+  white-space: nowrap;
+  overflow: auto;
+  font-size: 12px;
+  margin: 15px 0;
+}
+.home-product-container .category-child-holder a {
+  color: #000;
+  margin: 0 34px 0 0;
+}
+.home-product-container .group-title {
+  margin: 0;
+  position: relative;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 23px;
+  padding-bottom: 12px;
+  display: table;
+}
+.home-product-container .group-title::before, .home-product-container .group-title::after {
+  content: "";
+  height: 8px;
+  transform: skewX(-20deg);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.home-product-container .group-title::before {
+  width: 5px;
+}
+.home-product-container .group-title::after {
+  left: 9px;
+  right: 0;
+}
+.home-product-container .btn-view {
+  display: table;
+  font-size: 12px;
+  margin: 15px auto 0;
+  text-decoration: underline;
+}
+
+.home-article-container {
+  padding: 20px 10px 10px;
+  border-radius: 12px;
+  background: #FFF;
+  margin: 10px 0;
+}
+.home-article-container .group-title {
+  text-align: center;
+  line-height: 14px;
+  margin-bottom: 10px;
+}
+.home-article-container .group-title .title {
+  margin: 0 0 9px 0;
+  font-size: 20px;
+  line-height: 23px;
+  font-weight: 700;
+  text-transform: uppercase;
+  display: inline-block;
+}
+.home-article-container .group-title a {
+  color: #00A551;
+  font-size: 13px;
+  font-weight: 400;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+  display: table;
+  margin: auto;
+}
+.home-article-container .video-holder {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.home-article-container .video-item {
+  position: relative;
+  margin: 10px 0 0 0;
+  border-radius: 10px;
+  overflow: hidden;
+  cursor: pointer;
+  width: calc(50% - 5px);
+  padding-bottom: 30%;
+}
+.home-article-container .video-item::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  z-index: 1;
+}
+.home-article-container .video-item::after {
+  content: "";
+  background: url(../images/icon-video.png) no-repeat center;
+  background-size: contain;
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 50%;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+}
+.home-article-container .video-item:nth-child(1) {
+  width: 100%;
+  margin: 0;
+  padding-bottom: 62%;
+}
+.home-article-container .video-item:nth-child(1)::after {
+  width: 60px;
+  height: 60px;
+}
+.home-article-container .video-item:nth-child(1) .title {
+  display: block;
+  font-size: 13px;
+  position: absolute;
+  left: 10px;
+  right: 10px;
+  bottom: 15px;
+  white-space: nowrap;
+  overflow: hidden;
+  color: #fff;
+  z-index: 2;
+  text-overflow: ellipsis;
+}
+.home-article-container .video-item .title {
+  display: none;
+}
+.home-article-container .video-item img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.home-article-container .custom-dots .owl-dots {
+  margin-top: 10px !important;
+  position: unset;
+}
+.home-article-container .custom-dots .owl-dots .owl-dot {
+  border-color: #00A551;
+}
+.home-article-container .art-item {
+  margin-top: 15px;
+}
+
+.home-customer-review-container {
+  padding: 50px 10px 12px;
+  background-color: #fff;
+  border-radius: 15px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  background-position: top;
+  background-size: contain;
+  font-size: 12px;
+  line-height: 16px;
+  margin: 10px 0;
+}
+.home-customer-review-container .group-title {
+  text-align: center;
+  width: 100%;
+  margin: 0 0 10px;
+  line-height: 14px;
+}
+.home-customer-review-container .group-title p {
+  margin: 0;
+}
+.home-customer-review-container .group-title .title {
+  color: #000;
+  font-size: 20px;
+  line-height: 23px;
+  font-weight: 700;
+  text-transform: uppercase;
+  margin: 0 0 7px;
+}
+.home-customer-review-container .item {
+  background: #fff;
+  position: relative;
+  margin: 65px 0 0 0;
+  border-radius: 16px;
+  border: 2px solid #76b657;
+  padding: 10px 10px 14px;
+  width: calc(50% - 5px);
+}
+.home-customer-review-container .item::before {
+  content: "0" counter(section);
+  counter-increment: section;
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 42px;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+  background: #fff;
+  margin: 0 0 12px;
+  display: block;
+  position: absolute;
+  top: -52px;
+}
+.home-customer-review-container .item img {
+  display: block;
+  width: auto;
+  border-radius: 15px;
+}
+.home-customer-review-container .item-title {
+  line-height: 14px;
+  font-size: 11px;
+  display: table;
+  border-radius: 16px 0;
+  color: #FFF;
+  font-weight: 700;
+  padding: 9px 5px 9px 8px;
+  text-transform: uppercase;
+  margin: 0;
+  position: relative;
+  top: -11px;
+  left: -11px;
+}
+.home-customer-review-container .item-summary {
+  margin-bottom: 12px;
+}
+.home-customer-review-container .btn-view {
+  display: table;
+  text-decoration: underline;
+  margin: 0 0 12px 0;
+}
+
+.home-introduce-container {
+  margin: 10px 0;
+  border-radius: 15px;
+  background: #FFF;
+  position: relative;
+  padding: 0;
+  font-size: 13px;
+  line-height: 16px;
+  border: 3px solid #00A551;
+}
+.home-introduce-container img {
+  display: block;
+  width: auto;
+  border-radius: 15px;
+}
+.home-introduce-container svg {
+  width: 100%;
+}
+.home-introduce-container .introduce-content-holder {
+  padding: 0 10px;
+  margin-top: -20px;
+}
+.home-introduce-container .introduce-line-top svg:last-child {
+  margin-top: -80px !important;
+}
+.home-introduce-container .introduce-line-bottom {
+  margin: -40px 0 0 0;
+  max-height: 122px;
+}
+.home-introduce-container p {
+  margin: 0 0 12px;
+}
+.home-introduce-container .title {
+  font-size: 20px;
+  line-height: 23px;
+  font-weight: 700;
+  margin: 0 0 18px;
+}
+.home-introduce-container .quote {
+  border-radius: 20px 0px;
+  background: linear-gradient(270deg, rgba(0, 165, 81, 0.25) 0%, rgba(142, 185, 88, 0.25) 102.33%);
+  padding: 16px;
+  margin-bottom: 12px;
+}
+
+.home-customer-images-container {
+  margin: 10px 0;
+}
+.home-customer-images-container img {
+  display: block;
+  margin: auto;
+  width: 100%;
+}
+.home-customer-images-container .col-left {
+  margin: 0 0 12px;
+}
+.home-customer-images-container .col-left img {
+  border-radius: 15px;
+  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25);
+}
+.home-customer-images-container .col-right {
+  padding: 10px;
+  border-radius: 15px;
+  background: linear-gradient(90deg, #00A551 0%, #FFB446 100%);
+}
+.home-customer-images-container .owl-theme .active span {
+  background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%) !important;
+  border-color: transparent !important;
+}
+.home-customer-images-container .owl-theme span {
+  width: 8px !important;
+  height: 8px !important;
+  border: 1px solid #D9D9D9 !important;
+  background: transparent !important;
+  margin: 0 3px !important;
+}
+
+.deal-page .global-deal-container {
+  margin-top: 35px;
+}
+.deal-page .global-deal-container .group-title {
+  margin: -91px auto 0;
+}
+.deal-page .product-holder {
+  margin: 0;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.deal-page .p-item {
+  margin-bottom: 10px;
+  width: calc(50% - 5px);
+}
+.deal-page .paging a {
+  border-color: #fff;
+  color: #fff;
+}
+.deal-page .paging a * {
+  filter: brightness(100);
+}
+.deal-page .paging a.current {
+  background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+  border-color: transparent;
+  color: #000;
+}
+.deal-page .paging a.current * {
+  filter: unset;
+}
+
+.product-page .product-banner-group {
+  margin-bottom: 13px;
+  min-height: 10vh;
+}
+.product-page .product-banner-group img {
+  border-radius: 12px;
+}
+.product-page .product-content-container {
+  padding: 10px;
+  background: #fff;
+  border-radius: 12px;
+  margin: 10px 0;
+}
+.product-page .product-holder {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.product-page .p-item {
+  margin: 0 0 10px 0;
+  width: calc(50% - 5px);
+}
+.product-page .static-html-container {
+  padding: 15px 0 10px 0;
+  font-size: 13px;
+  margin-top: 35px;
+  border-top: 2px solid #00A551;
+}
+
+.static-html-container {
+  position: relative;
+  font-size: 13px;
+}
+.static-html-container .static-content * {
+  font-family: inherit !important;
+  line-height: inherit !important;
+}
+.static-html-container .btn-static-group {
+  text-align: center;
+  margin-top: 14px;
+}
+.static-html-container .btn-static-group a {
+  color: #00A551;
+  font-size: 13px;
+  line-height: 16px;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+  display: none;
+}
+
+.product-category-child {
+  margin: 13px 0 20px;
+  display: flex;
+  font-size: 13px;
+  line-height: 15px;
+  overflow: auto;
+}
+.product-category-child .item {
+  color: #000;
+  margin: 0;
+  padding: 0 10px;
+  text-align: center;
+  margin: 0 13px 0 0;
+  width: 70px;
+}
+.product-category-child .image {
+  display: block;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  position: relative;
+  margin: 0 auto 7px auto;
+  overflow: hidden;
+  background: #FFF;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 28px;
+}
+
+.product-sort-group {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  border-radius: 12px;
+  background: #FFF;
+  padding: 5px 10px;
+  font-size: 13px;
+}
+.product-sort-group .box-left, .product-sort-group .box-right {
+  padding: 5px 0;
+  display: flex;
+  align-items: center;
+}
+.product-sort-group .btn-filter {
+  color: #000;
+  line-height: 33px;
+  border-radius: 8px;
+  border: 1px solid #F5F5F5;
+  background: #FFF;
+  padding: 0 10px;
+  display: inline-flex;
+  align-items: center;
+  margin-right: 10px;
+}
+.product-sort-group .btn-filter::before {
+  content: "";
+  width: 20px;
+  height: 20px;
+  background-position: -216px -44px;
+  margin-right: 3px;
+}
+.product-sort-group select {
+  height: 34px;
+  border-radius: 8px;
+  border: 1px solid #F5F5F5;
+  background: #FFF;
+  padding: 0 5px;
+}
+.product-sort-group .box-right .icons, .product-sort-group .box-right .article-cate-container .group-title .title::before, .article-cate-container .group-title .product-sort-group .box-right .title::before, .product-sort-group .box-right .global-header-container .icon-search::before, .global-header-container .product-sort-group .box-right .icon-search::before, .product-sort-group .box-right .btn-filter::before {
+  width: 30px;
+  height: 30px;
+  background-color: #F3F3F3;
+  margin: 0 0 0 5px;
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+}
+.product-sort-group .box-right .icons.current::before, .product-sort-group .box-right .article-cate-container .group-title .current.title::before, .article-cate-container .group-title .product-sort-group .box-right .current.title::before, .product-sort-group .box-right .global-header-container .current.icon-search::before, .global-header-container .product-sort-group .box-right .current.icon-search::before, .product-sort-group .box-right .current.btn-filter::before {
+  content: "";
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.product-sort-group .box-right .icons.current::after {
+  content: "";
+  background: inherit;
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  filter: brightness(100);
+  background-color: transparent;
+}
+.product-sort-group .icon-grid {
+  background-position: -174px -75px;
+}
+.product-sort-group .icon-list {
+  background-position: -211px -75px;
+}
+
+.product-filter-container {
+  background: #fff;
+  z-index: -99;
+  padding: 10px;
+  position: fixed;
+  bottom: -100%;
+  left: 0;
+  right: 0;
+  top: 100%;
+  transition: 0.15s all;
+}
+.product-filter-container.active {
+  transition: 0.15s all;
+  bottom: 0;
+  top: 0;
+  z-index: 999;
+}
+.product-filter-container .filter-footer {
+  border-top: 1px solid #e1e1e1;
+  padding: 10px 0;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
+  font-weight: 500;
+}
+.product-filter-container .filter-footer a {
+  width: calc(50% - 5px);
+  line-height: 34px;
+  padding: 0 10px;
+  color: #000;
+  box-shadow: 0px 0px 0px 1px #e5e5e5;
+  border-radius: 8px;
+}
+.product-filter-container .filter-footer a:first-child {
+  color: #E80E0E;
+  box-shadow: 0px 0px 0px 1px #E80E0E;
+}
+.product-filter-container .filter-content {
+  height: calc(100% - 65px);
+  overflow: auto;
+}
+.product-filter-container .filter-item {
+  margin-bottom: 20px;
+}
+.product-filter-container .filter-item.active .filter-list a {
+  display: flex;
+}
+.product-filter-container .filter-title {
+  font-weight: 500;
+  margin-bottom: 10px;
+}
+.product-filter-container .filter-list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.product-filter-container .filter-list a {
+  width: calc(50% - 10px);
+  margin: 0 0 10px 0;
+  color: #000;
+  line-height: 18px;
+  border: 1px solid #d5d5d5;
+  border-radius: 8px;
+  text-align: center;
+  font-size: 13px;
+  padding: 8px 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.product-filter-container .filter-list a:nth-child(n+7) {
+  display: none;
+}
+.product-filter-container .filter-list .current {
+  color: #fff;
+  border-color: transparent;
+}
+.product-filter-container .btn-filter {
+  display: block;
+  text-align: center;
+  position: relative;
+  line-height: 30px;
+  margin-top: 5px;
+}
+.product-filter-container .btn-filter::before {
+  content: "Xem thêm +";
+  padding: 0 20px;
+  background: #fff;
+  text-decoration: underline;
+}
+.product-filter-container .btn-filter::after {
+  content: "";
+  height: 1px;
+  background: #d5d5d5;
+  width: 100%;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: -1;
+}
+.product-filter-container .btn-filter.active::before {
+  content: "Thu gọn -";
+}
+
+.product-detail-page .pd-box-group {
+  border-radius: 12px;
+  background: #FFF;
+  margin: 0 0 10px 0;
+  padding: 10px;
+}
+.product-detail-page .page-title {
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 21px;
+  margin: 0 0 15px;
+  width: 100%;
+}
+.product-detail-page .pd-price-group {
+  margin: 10px 0;
+  line-height: 21px;
+  font-size: 13px;
+}
+.product-detail-page .pd-price-group * {
+  display: inline-block;
+}
+.product-detail-page .pd-price {
+  font-size: 32px;
+  font-weight: 800;
+  margin: 0 10px 5px 0;
+}
+.product-detail-page .pd-price u {
+  font-size: 20px;
+  vertical-align: middle;
+}
+.product-detail-page .pd-old-price {
+  margin: 0 10px 5px 0;
+  color: #A3A3A3;
+  font-size: 18px;
+}
+.product-detail-page .pd-discount {
+  color: #fff;
+  border-radius: 5px;
+  background: #E80E0E;
+  font-weight: 500;
+  padding: 0 3px;
+  vertical-align: text-bottom;
+}
+.product-detail-page .pd-desc-group .group-title, .product-detail-page .pd-spec-group .group-title, .product-detail-page .pd-comment-container .group-title {
+  border-bottom: 1px solid #F5F5F5;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 20px;
+  text-transform: uppercase;
+  margin: 0 -10px 13px;
+  padding: 5px 10px 0;
+}
+.product-detail-page .pd-desc-group .group-title span, .product-detail-page .pd-spec-group .group-title span, .product-detail-page .pd-comment-container .group-title span {
+  display: inline-block;
+  padding-bottom: 7px;
+  border-bottom: 1px solid #00A551;
+}
+.product-detail-page .static-html-container {
+  margin: 0 -10px;
+}
+.product-detail-page .static-html-container .static-content {
+  padding: 0 10px;
+}
+.product-detail-page .static-html-container .group-title {
+  margin: 0 0 13px;
+}
+.product-detail-page .pd-desc-group {
+  line-height: 20px;
+}
+.product-detail-page .pd-desc-group .static-html-container {
+  padding: 0;
+  margin-bottom: 30px;
+}
+.product-detail-page .pd-desc-group .static-html-container::before {
+  content: none;
+}
+.product-detail-page .pd-spec-group .btn-show {
+  display: block;
+  text-align: center;
+  line-height: 30px;
+  margin-top: 10px;
+  color: #00A551;
+  text-transform: uppercase;
+}
+.product-detail-page .pd-spec-holder {
+  padding: 0;
+}
+.product-detail-page .pd-spec-holder tr:nth-child(n+12) {
+  display: none;
+}
+
+.pd-image-large {
+  border-radius: 15px;
+  margin-bottom: 24px;
+  overflow: hidden;
+  position: relative;
+  border: 6px solid #92c26c;
+  border-left: 6px solid #519064;
+  border-right: 6px solid #519064;
+}
+.pd-image-large img {
+  border-radius: 10px;
+}
+
+.pd-gallery-holder {
+  padding: 0 20px;
+  margin: 20px 0;
+}
+.pd-gallery-holder .item {
+  display: block;
+  overflow: hidden;
+  border-radius: 15px;
+  border: 1px solid #D9D9D9;
+}
+.pd-gallery-holder .item.mz-thumb-selected {
+  border: 2px solid #00A551;
+}
+.pd-gallery-holder img {
+  filter: unset !important;
+}
+
+.pd-summary-group {
+  font-size: 13px;
+  line-height: 16px;
+  margin: 0 0 15px;
+}
+.pd-summary-group .pd-summary-btn {
+  display: table;
+  text-decoration: underline;
+}
+.pd-summary-group .pd-summary-btn::before {
+  content: "Xem thêm +";
+}
+.pd-summary-group .pd-summary-btn.active::before {
+  content: "Thu gọn -";
+}
+.pd-summary-group .pd-summary-list.active .item {
+  display: block;
+}
+.pd-summary-group .item {
+  margin-bottom: 10px;
+  position: relative;
+  padding-left: 12px;
+}
+.pd-summary-group .item::before {
+  content: "●";
+  font-size: 6px;
+  position: absolute;
+  top: -1px;
+  left: 0;
+}
+.pd-summary-group .item:nth-child(n+6) {
+  display: none;
+}
+
+.pd-deal-price-group {
+  border-radius: 15px;
+  background: linear-gradient(270deg, #F00 0%, #FF7A41 102.33%);
+  margin: 15px 0;
+  padding: 8px 16px 14px;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 300;
+  line-height: 26px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+.pd-deal-price-group .pd-deal-price {
+  margin: 0 0 4px;
+}
+.pd-deal-price-group .pd-deal-price * {
+  display: inline-block;
+}
+.pd-deal-price-group .pd-deal-price > span {
+  min-width: 90px;
+}
+.pd-deal-price-group .pd-deal-price b {
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 33px;
+}
+.pd-deal-price-group .pd-deal-price b u {
+  vertical-align: middle;
+  font-size: 16px;
+}
+.pd-deal-price-group .p-deal-old-price {
+  font-weight: 400;
+  margin-right: 10px;
+}
+.pd-deal-price-group .p-deal-discount {
+  color: #E80E0E;
+  font-weight: 500;
+  background: #fff;
+  padding: 0 3px;
+  display: inline-block;
+  min-width: unset !important;
+  border-radius: 5px;
+  line-height: 20px;
+}
+.pd-deal-price-group .pd-deal-time {
+  margin-bottom: 4px;
+}
+.pd-deal-price-group .pd-deal-time, .pd-deal-price-group .pd-deal-countdown {
+  display: flex;
+  align-items: center;
+}
+.pd-deal-price-group .pd-deal-countdown b {
+  margin: 0 0 0 10px;
+  background: #fff;
+  border-radius: 5px;
+  padding: 4px 3px;
+  position: relative;
+  color: #E80E0E;
+  font-size: 18px;
+  font-weight: 800;
+  line-height: 17px;
+}
+.pd-deal-price-group .pd-deal-countdown b::before {
+  content: ":";
+  color: #fff;
+  position: absolute;
+  left: -8px;
+}
+.pd-deal-price-group .pd-deal-countdown b:first-child::before {
+  content: none;
+}
+.pd-deal-price-group .pd-deal-info {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 13px;
+  font-style: italic;
+  font-weight: 600;
+  margin-top: 10px;
+  white-space: nowrap;
+}
+.pd-deal-price-group .pd-deal-line {
+  border-radius: 12px;
+  background: #FFF7AF;
+  max-width: 270px;
+  width: 100%;
+  height: 16px;
+  position: relative;
+  margin-right: 10px;
+}
+.pd-deal-price-group .pd-deal-icon {
+  height: 16px;
+  border-radius: 20px;
+  position: absolute;
+  inset: 0;
+  width: 0;
+  background: #FFD600;
+  max-width: 100%;
+  min-width: 10px;
+}
+.pd-deal-price-group .pd-deal-icon::before {
+  content: "";
+  background: url(../images/p-icon-deal-discount.png) no-repeat right;
+  background-size: 25px;
+  width: 25px;
+  height: 25px;
+  position: absolute;
+  bottom: -3px;
+  right: -11px;
+}
+
+.pd-status-group {
+  margin: 0 0 18px;
+  font-size: 12px;
+  line-height: 14px;
+}
+.pd-status-group b {
+  font-weight: 600;
+}
+.pd-status-group p {
+  display: inline-block;
+  margin: 0 20px 10px 0;
+}
+
+.pd-config_group-holder {
+  margin: 0 0 15px 0;
+  font-size: 13px;
+  line-height: 16px;
+}
+.pd-config_group-holder .group-title {
+  display: block;
+}
+.pd-config_group-holder .pd-config_group-list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  text-align: center;
+}
+.pd-config_group-holder .pd-config_group-list a {
+  margin: 11px 0 0 0;
+  width: calc(50% - 4px);
+  padding: 10px;
+  border-radius: 8px;
+  border: 1px solid #D9D9D9;
+  background: #FFF;
+  color: #000;
+}
+.pd-config_group-holder .pd-config_group-list a.current {
+  border: 2px solid #00A551;
+}
+.pd-config_group-holder .pd-config_group-list .title {
+  margin-bottom: 4px;
+}
+.pd-config_group-holder .pd-config_group-list .price {
+  font-size: 15px;
+  font-weight: 800;
+  line-height: 18px;
+}
+.pd-config_group-holder .pd-config_group-list .price u {
+  font-size: 12px;
+  vertical-align: middle;
+}
+
+.pd-offer-group {
+  margin: 36px 0 18px;
+  border-radius: 15px;
+  border: 1px dashed #00A551;
+  background: #FFF;
+  padding: 34px 20px 14px;
+  position: relative;
+  font-size: 13px;
+  line-height: 20px;
+}
+.pd-offer-group .group-title {
+  border-radius: 20px;
+  margin: 0;
+  color: #FFF;
+  line-height: 38px;
+  font-size: 13px;
+  font-weight: 700;
+  text-align: center;
+  padding: 0 15px;
+  position: absolute;
+  top: -20px;
+  left: 20px;
+}
+.pd-offer-group .item {
+  position: relative;
+  padding-left: 35px;
+  margin-bottom: 5px;
+}
+.pd-offer-group .item:last-child {
+  margin: 0;
+}
+.pd-offer-group .item::before {
+  content: "";
+  width: 16px;
+  height: 10px;
+  border: 3px solid #00A551;
+  border-top: 0;
+  border-right: 0;
+  position: absolute;
+  top: 2px;
+  left: 0;
+  transform: rotate(-45deg);
+}
+
+.pd-quantity-group {
+  margin: 14px 0;
+  display: flex;
+  align-items: center;
+}
+.pd-quantity-group p {
+  margin: 0 22px 0 0;
+}
+.pd-quantity-group .quanity-change-group {
+  display: flex;
+  align-items: center;
+  border-radius: 5px;
+  box-shadow: 0px 0px 0px 1px #D9D9D9;
+  background: #FFF;
+  text-align: center;
+  width: 102px;
+}
+.pd-quantity-group .quanity-change-group a {
+  line-height: 40px;
+  width: 28px;
+  color: #000;
+  font-weight: bold;
+}
+.pd-quantity-group .quanity-change-group input {
+  width: 46px;
+  height: 40px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-left: 1px solid #CECECE;
+  border-right: 1px solid #CECECE;
+  text-align: center;
+}
+
+.pd-btn-group {
+  margin: 14px 0;
+}
+.pd-btn-group a {
+  margin: 0 0 8px;
+  display: block;
+  text-align: center;
+  color: #000;
+  border-radius: 10px;
+  line-height: 21px;
+  border: 1px solid transparent;
+  background: #fff;
+  padding: 8px;
+  font-size: 13px;
+}
+.pd-btn-group a b {
+  font-weight: 700;
+  font-size: 18px;
+  display: block;
+}
+.pd-btn-group a span {
+  display: block;
+  line-height: 15px;
+}
+.pd-btn-group .btn-buynow {
+  line-height: 52px;
+  color: #fff;
+  padding: 0;
+}
+.pd-btn-group .btn-add-cart {
+  border-color: #00A551;
+  color: #00A551;
+}
+.pd-btn-group .btn-pay-install {
+  background: #286ED6;
+  border-color: transparent;
+  color: #fff;
+}
+.pd-btn-group .btn-credit {
+  background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+}
+.pd-btn-group .btn-credit img {
+  display: inline-block;
+  margin: 0 4px;
+  width: auto;
+  height: 14px;
+}
+
+.pd-static-item {
+  margin-bottom: 16px;
+  border-radius: 15px;
+  overflow: hidden;
+  background: linear-gradient(90deg, #FFB446 0%, #00A551 100%);
+  padding: 2px;
+}
+.pd-static-item img {
+  display: block;
+  width: auto;
+  margin: auto;
+}
+.pd-static-item .item-video {
+  background: #fff;
+  padding: 12px;
+  border-radius: 0 0 13px 13px;
+}
+.pd-static-item .item-video a {
+  display: block;
+  position: relative;
+  padding-bottom: 100%;
+}
+.pd-static-item .item-video a::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  z-index: 1;
+}
+.pd-static-item .item-video a::after {
+  content: "";
+  background: url(../images/icon-video.png) no-repeat center;
+  background-size: contain;
+  width: 56px;
+  height: 56px;
+  line-height: 30px;
+  border-radius: 50%;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+}
+.pd-static-item .item-video img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.pd-static-item .group-title {
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: bold;
+  text-align: center;
+  margin: 0;
+  padding: 12px;
+  color: #fff;
+}
+.pd-static-item .item-summary {
+  background: #fff;
+  text-align: center;
+  padding: 20px;
+  border-radius: 13px;
+  font-size: 15px;
+  line-height: 20px;
+}
+.pd-static-item .item-summary .title {
+  color: #00A551;
+  font-weight: 800;
+  text-transform: uppercase;
+  margin: 0;
+}
+.pd-static-item .item-summary p {
+  margin: 0 0 10px 0;
+}
+.pd-static-item .item-summary a {
+  display: table;
+  margin: 10px auto 14px;
+  color: #FF7A00;
+  font-size: 24px;
+  font-weight: 700;
+}
+.pd-static-item .item-summary .pd-btn-support {
+  display: block;
+  margin: 14px 0 0 0;
+  border-radius: 5px;
+  border: 1px solid #FF7A00;
+  background: #FFF;
+  font-size: 15px;
+  text-transform: uppercase;
+  font-weight: 400;
+  line-height: 32px;
+  transition: 0.2s all;
+}
+.pd-static-item .item-summary .pd-btn-support:hover {
+  background: #FF7A00;
+  color: #fff;
+}
+.pd-static-item .static-line {
+  font-weight: 300;
+  position: relative;
+  margin: 14px 0 8px;
+}
+.pd-static-item .static-line::before {
+  content: "";
+  background: #D9D9D9;
+  height: 1px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  transform: translateY(-50%);
+}
+.pd-static-item .static-line span {
+  padding: 0 12px;
+  background: #fff;
+  position: relative;
+}
+
+.pd-spec-holder {
+  padding: 10px;
+  line-height: 20px;
+  font-size: 13px;
+}
+.pd-spec-holder * {
+  margin: 0;
+  font-weight: inherit !important;
+  line-height: inherit !important;
+}
+.pd-spec-holder tr:nth-child(odd) {
+  background: #F3F3F3;
+}
+.pd-spec-holder tr:nth-child(odd) td:first-child {
+  border-radius: 5px 0 0 5px;
+}
+.pd-spec-holder tr:nth-child(odd) td:last-child {
+  border-radius: 0 5px 5px 0;
+}
+.pd-spec-holder td {
+  padding: 10px 12px;
+  vertical-align: baseline;
+}
+.pd-spec-holder td:nth-child(1) {
+  font-weight: bold !important;
+  min-width: 100px;
+}
+
+.pd-product-tab-container {
+  min-height: 380px;
+}
+.pd-product-tab-container .tab-title-group {
+  padding: 5px 10px 0;
+  margin: 0 -10px;
+  border-bottom: 1px solid #F5F5F5;
+  margin-bottom: 10px;
+  display: flex;
+  white-space: nowrap;
+  overflow: auto;
+}
+.pd-product-tab-container .tab-title-group a {
+  margin-right: 27px;
+  color: #5B5B5B;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 23px;
+  padding-bottom: 11px;
+  border-bottom: 1px solid transparent;
+}
+.pd-product-tab-container .tab-title-group a.active {
+  border-color: #00A551;
+}
+.pd-product-tab-container .box-product-holder {
+  position: relative;
+  display: none;
+}
+
+.article-page {
+  padding-bottom: 10px;
+}
+.article-page .article-category-list {
+  display: flex;
+  white-space: nowrap;
+  overflow: auto;
+}
+.article-page .article-category-list a {
+  margin: 0 6px 10px 0;
+  border-radius: 0px 24px;
+  color: #000;
+  background: #FFF;
+  padding: 0 14px;
+  line-height: 32px;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+}
+.article-page .article-category-list a.current {
+  color: #fff;
+}
+.article-page .article-category-list a.current .image {
+  filter: brightness(100);
+}
+.article-page .article-category-list .image {
+  width: 14px;
+  height: 14px;
+  margin-right: 5px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 14px auto;
+}
+.article-page .article-category-list .title {
+  font-size: 11px;
+  font-weight: 600;
+  color: inherit;
+}
+.article-page .article-list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.article-page .top-article-group, .article-page .article-cate-container {
+  padding: 10px;
+  border-radius: 12px;
+  background: #fff;
+  margin-bottom: 10px;
+}
+.article-page .art-item {
+  padding: 8px 0;
+}
+
+.top-article-group .group-title {
+  font-size: 20px;
+  font-weight: 700;
+  text-transform: uppercase;
+  line-height: 23px;
+  margin-bottom: 14px;
+}
+.top-article-group .art-item:first-child {
+  display: block;
+  padding: 0;
+}
+.top-article-group .art-item:first-child .art-img, .top-article-group .art-item:first-child .art-text {
+  width: 100%;
+  margin: 0 0 14px 0;
+}
+.top-article-group .art-item:first-child .art-img {
+  padding-bottom: 62%;
+}
+.top-article-group .art-item:first-child .art-summary {
+  display: block;
+  margin: 8px 0;
+  color: #2F2F2F;
+}
+
+.article-cate-container .group-title {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 0 14px;
+  font-size: 13px;
+}
+.article-cate-container .group-title a {
+  margin-top: 10px;
+  text-decoration: underline;
+}
+.article-cate-container .group-title .title {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 23px;
+  text-transform: uppercase;
+  position: relative;
+  padding-left: 32px;
+  margin: 10px 0 0;
+}
+.article-cate-container .group-title .title::before {
+  content: "";
+  width: 22px;
+  height: 24px;
+  position: absolute;
+  left: 0;
+  background-position: -6px -93px;
+  background-size: 200px 200px;
+}
+
+.article-category-page .category-page-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 14px;
+}
+.article-category-page .category-page-title .title {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 23px;
+  text-transform: uppercase;
+  margin: 0;
+}
+.article-category-page .category-page-title .image {
+  width: 20px;
+  height: 20px;
+  margin-right: 5px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
+.article-category-page .top-article-group {
+  padding: 0;
+  margin: 0;
+}
+
+.article-detail-page .col-left, .article-detail-page .col-right, .article-detail-page .article-related-container {
+  border-radius: 15px;
+  background: #FFF;
+  margin-bottom: 10px;
+  padding: 10px;
+}
+.article-detail-page .col-right .group-title {
+  text-transform: uppercase;
+  margin: 7px -10px 15px;
+  border-bottom: 1px solid #F5F5F5;
+  padding: 0 10px;
+}
+.article-detail-page .col-right .group-title * {
+  border-bottom: 1px solid #00A551;
+  padding-bottom: 10px;
+  display: inline-block;
+}
+.article-detail-page .header-search-group {
+  width: 100%;
+  margin: 0 0 10px;
+}
+.article-detail-page .header-search-group form {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  border-radius: 21px;
+  overflow: hidden;
+}
+.article-detail-page .header-search-group form * {
+  height: 42px;
+}
+.article-detail-page .header-search-group button {
+  color: #fff;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  font-weight: 700;
+  font-size: 13px;
+  white-space: nowrap;
+  width: 100px;
+}
+.article-detail-page .header-search-group input {
+  width: calc(100% - 100px);
+}
+.article-detail-page .page-title, .article-detail-page .group-title {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 23px;
+  margin: 10px 0;
+}
+.article-detail-page .art-detail-time p {
+  margin: 0 20px 15px 0;
+  display: inline-flex;
+  color: #B6B6B6;
+  font-weight: 400;
+  font-size: 13px;
+  align-items: center;
+}
+.article-detail-page .art-detail-time .icons, .article-detail-page .art-detail-time .global-header-container .icon-search::before, .global-header-container .article-detail-page .art-detail-time .icon-search::before, .article-detail-page .art-detail-time .product-sort-group .btn-filter::before, .product-sort-group .article-detail-page .art-detail-time .btn-filter::before, .article-detail-page .art-detail-time .article-cate-container .group-title .title::before, .article-cate-container .group-title .article-detail-page .art-detail-time .title::before {
+  width: 20px;
+  height: 15px;
+}
+.article-detail-page .art-detail-time .icon-clock {
+  background-position: -181px -44px;
+}
+.article-detail-page .art-detail-time .icon-visit {
+  background-position: -152px -44px;
+}
+.article-detail-page .art-detail-content * {
+  font-family: inherit !important;
+  line-height: inherit !important;
+}
+
+.article-related-container .group-title {
+  text-transform: uppercase;
+  margin: 7px 0 15px;
+}
+.article-related-container .art-item {
+  display: block;
+  padding: 0;
+}
+.article-related-container .art-item .art-img, .article-related-container .art-item .art-text {
+  width: 100%;
+  margin: 0 0 14px 0;
+}
+.article-related-container .art-item .art-img {
+  padding-bottom: 62%;
+}
+.article-related-container .custom-dots .owl-dots {
+  margin-top: 10px !important;
+  position: unset;
+}
+.article-related-container .custom-dots .owl-dots .owl-dot {
+  border-color: #00A551;
+}
+
+@media (max-width: 320px) {
+  .art-item {
+    display: block;
+  }
+  .art-item .art-img, .art-item .art-text {
+    width: 100%;
+    margin: 0 0 10px 0;
+  }
+  .art-item .art-img {
+    padding-bottom: 62%;
+  }
+  .art-item .art-category {
+    text-align: left;
+    font-size: 8px;
+    margin: 0 0 5px 0;
+  }
+  .art-item .art-title {
+    font-size: 11px;
+    line-height: 13px;
+  }
+  .art-item .art-time {
+    display: flex;
+    margin: 5px 0;
+  }
+  .global-header-container .header-logo {
+    width: 40px;
+  }
+  .global-header-container .header-right-group {
+    width: 60px;
+    padding: 0;
+  }
+  .header-search-group {
+    width: calc(100% - 120px);
+  }
+  .homepage-category-list a {
+    width: calc(33.3333333333% - 7px);
+  }
+  .homepage-category-list a:nth-child(4n) {
+    margin-right: 10px;
+  }
+  .homepage-category-list a:nth-child(3n) {
+    margin-right: 0;
+  }
+  .global-deal-container .global-deal-type a {
+    padding: 10px 0;
+    font-size: 12px;
+  }
+  .home-customer-review-container {
+    padding-top: 30px;
+  }
+  .home-customer-review-container .group-title {
+    font-size: 10px;
+  }
+  .home-customer-review-container .group-title .title {
+    font-size: 16px;
+    line-height: 18px;
+  }
+  .home-customer-review-container .item {
+    width: 100%;
+  }
+  .home-introduce-container {
+    font-size: 12px;
+    line-height: 14px;
+  }
+  .home-introduce-container .introduce-line-top {
+    margin-top: -20px;
+  }
+  .home-introduce-container .introduce-line-bottom {
+    max-height: 110px;
+  }
+  .home-introduce-container .title {
+    font-size: 16px;
+    line-height: 19px;
+    margin: 0 0 13px;
+  }
+}/*# sourceMappingURL=mobile_css.css.map */
\ No newline at end of file
diff --git a/LaptopTCC/scss/mobile_css.css.map b/LaptopTCC/scss/mobile_css.css.map
new file mode 100644
index 0000000..8d2a1ea
--- /dev/null
+++ b/LaptopTCC/scss/mobile_css.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["mobile_css.css","mobile_css.scss"],"names":[],"mappings":"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","file":"mobile_css.css"}
\ No newline at end of file
diff --git a/LaptopTCC/scss/mobile_css.scss b/LaptopTCC/scss/mobile_css.scss
new file mode 100644
index 0000000..00ee19b
--- /dev/null
+++ b/LaptopTCC/scss/mobile_css.scss
@@ -0,0 +1,2991 @@
+*, ::after, ::before {
+    box-sizing: border-box;
+}
+body{
+    color:#000;
+    font-family: 'Roboto', sans-serif;
+    background: #F3F3F3;
+    position: relative;
+    font-size:14px;
+    font-weight:400;
+    line-height:1.5;
+    text-align:left;
+    max-width: 650px;
+    margin: auto;
+    word-break: break-word;
+    counter-reset: section;
+    overflow: auto;
+}
+b{
+    font-weight: bold;
+}
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+    margin-top: 0;
+    margin-bottom: .5rem;
+    font-weight: 500;
+    line-height: 1.2;
+}
+p {
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+h1, h2, h3, h4, h5, h6 {
+    margin-top: 0;
+    margin-bottom: .5rem;
+}
+.h1, h1 {font-size: 2em}
+.h2, h2 {font-size: 1.5em}
+.h3, h3 {font-size: 1.17em}
+.h4, h4, .h5, h5, .h6, h6 {font-size: initial}
+.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5,.h6, h6 {font-weight: bold}
+.clearfix{
+    &::after {
+        content: '';
+        clear: both;
+        display: block;
+    }
+}
+.bg-white{
+    background: #fff !important;
+}
+.flex-wrap{
+    flex-wrap: wrap;
+}
+.d-flex{
+    display: flex !important;
+}
+.d-block{
+    display: block !important;
+}
+.d-none{
+    display: none !important;
+}
+.d-inline-block{
+    display: inline-block !important;
+}
+.align-items-center{
+    align-items: center;
+}
+.align-items-baseline{
+    align-items: baseline;
+}
+.align-items-end{
+    align-items: flex-end;
+}
+.align-items-start{
+    align-items: flex-start;
+}
+.justify-content-between{
+    justify-content: space-between;
+}
+.justify-content-center{
+    justify-content: center;
+}
+.overflow-hidden{
+    overflow: hidden;
+}
+.overflow-auto{
+    overflow: auto;
+}
+.float-left{
+    float: left;
+}
+.float-right{
+    float: right;
+}
+.float-none{
+    float: none;
+}
+.position-relative{
+    position: relative;
+}
+.text-white {
+    color: #fff;
+}
+.text-center {
+    text-align: center;
+}
+.text-left {
+    text-align: left;
+}
+.text-right {
+    text-align: right;
+}
+.text-uppercase{
+    text-transform: uppercase;
+}
+.text-capitalize{
+    text-transform: capitalize;
+}
+.w-100{
+    width: 100% !important;
+}
+.w-50{
+    width: 50% !important;
+}
+.w-auto{
+    width: auto !important;
+}
+.h-100{
+    height: 100% !important;
+}
+.h-auto{
+    height: auto !important;
+}
+.m-0{
+    margin: 0 !important;
+}
+.m-auto {
+    margin: auto !important;
+}
+.mb-0{
+    margin-bottom: 0 !important;
+}
+.mt-0{
+    margin-top: 0 !important;
+}
+.ml-0{
+    margin-left: 0 !important;
+}
+.mr-0{
+    margin-right: 0 !important;
+}
+.mt-2{
+    margin-top: .5rem!important
+}
+.mt-3 {
+    margin-top: 1rem!important;
+}
+.mb-2{
+    margin-bottom: .5rem!important
+}
+.mb-3 {
+    margin-bottom: 1rem!important;
+}
+.p-0{
+    padding: 0 !important;
+}
+.pt-0{
+    padding-top: 0 !important;
+}
+.pb-0{
+    padding-bottom: 0 !important;;
+}
+.pl-0{
+    padding-left: 0 !important;
+}
+.pr-0{
+    padding-right: 0 !important;;
+}
+.pt-2, .py-2 {
+    padding-top: .5rem!important;
+}
+.pt-3, .py-3 {
+    padding-top: 1rem!important;
+}
+.border-0{
+    border: 0 !important;
+}
+.p-15{
+    padding: 0 15px;
+}
+.hidden-scroll {
+    &::-webkit-scrollbar{
+        width: 0;
+        height: 0;
+    }
+}
+.form-control {
+    display: block;
+    width: calc(100% - 1.5rem - 2px);
+    height: calc(1.5em + 0.75rem + 2px);
+    padding: 0.375rem 0.75rem;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #495057;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ced4da;
+    border-radius: 0.25rem;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+.text-underline{
+    text-decoration: underline;
+}
+.border-bottom{
+    border-bottom: 1px solid #ccc;
+}
+.pb-1, .py-1 {
+    padding-bottom: 0.25rem!important;
+}
+.fit-img{
+    width: auto;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    max-width: 100%;
+    max-height: 100%;
+    margin: auto;
+    display: block;
+}
+.autocomplete-suggestions{position:absolute;width: 100%;;border:solid 1px #ddd;right:0;max-height:300px;overflow:auto;display:none;background:#fff;z-index:9;top: 100%;}
+.autocomplete-suggestions a{display: flex;align-items: flex-start;padding:10px;overflow:hidden;}
+.autocomplete-suggestions a img{width:60px;float:left;margin-right: 12px;}
+.autocomplete-suggestions a .info{width: calc(100% - 72px);}
+.autocomplete-suggestions a .info .name{display:block;color:#333;}
+.autocomplete-suggestions a .info .price{color:#ec1c24;}
+.autocomplete-suggestions::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #f1f1f1;border-radius: 10px;}
+.autocomplete-suggestions::-webkit-scrollbar{width: 6px;background-color: #f1f1f1;}
+.autocomplete-suggestions::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #ccc;}
+.success-checkmark .check-icon .icon-circle {border-color: #0542b7;opacity: .5;}
+.success-checkmark .check-icon .icon-line {background-color: #0542b7;}
+.success-checkmark .check-icon{border-color: #0542b7 }
+.content-container .content-text {font-size: 20px;}
+.content-container{max-width: calc(100% - 20px);}
+.fancybox-thumbs__list a {height: 90px;background-size: 100% 100%;background-color: #fff;transition: unset}
+.fancybox-thumbs__list a:before {border: 3px solid #1781E0}
+.label-container{display:block;position:relative;padding-left: 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height: 21px;cursor: pointer;}
+.label-container .checkmark{position:absolute;top:3px;left:0;height: 13px;width: 13px;background-color: #fff;border-radius:50%;border: 1px solid #BFBFBF}
+.label-container input{position:absolute;opacity:0;cursor:pointer}
+.label-container input:checked ~ .checkmark{border-color: #118F3E;}
+.label-container input:checked ~ .checkmark:after{display:block}
+.label-container input:checked ~ .checkmark:after {content: '';width: 8px;height: 8px;background: #118F3E;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
+.fancybox-slide--video {padding: 10px;}
+.text-white {
+    color: #fff;
+}
+.red{
+    color: #E80E0E;
+}
+.color-main {
+    color: #00A551;
+}
+.bg-main {
+    background: #00A551;
+}
+.bg-linear{
+    background: linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
+}
+.bg-linear-animate{    
+    background: repeating-linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
+    background-size: 200% auto;
+    background-position: 0 100%;
+    animation: 2s linear infinite forwards gradient-bg-antimation;
+}
+.fancybox-thumbs__list a {height: 90px;background-size: 100% 100%;background-color: #fff;transition: unset}
+.fancybox-thumbs__list a:before {border: 3px solid #1781E0}
+.label-container{display:block;position:relative;padding-left: 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height: 21px;cursor: pointer;}
+.label-container .checkmark{position:absolute;top:3px;left:0;height: 13px;width: 13px;background-color: #fff;border-radius:50%;border: 1px solid #BFBFBF}
+.label-container input{position:absolute;opacity:0;cursor:pointer}
+.label-container input:checked ~ .checkmark{border-color: #FF7A00;}
+.label-container input:checked ~ .checkmark:after{display:block}
+.label-container input:checked ~ .checkmark:after {content: '';width: 8px;height: 8px;background: #FF7A00;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
+.inherit{font-size: inherit;font-weight: inherit;line-height: inherit;margin: 0;}
+.line-clamp-2{text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+.line-clamp-3{text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+.line-clamp-4{text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+.line-clamp-5{text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+@keyframes gradient-bg-antimation {
+    0% {background-position: 0 0}
+    100% {background-position: -200% 0}
+}
+@keyframes dash {0% {stroke-dashoffset: 0}100% {stroke-dashoffset: 822}}
+.bg-content{
+    overflow: hidden;
+    position: relative;
+    &::before{
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: -10px;
+        right: -10px;
+        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
+        background: linear-gradient(transparent, #fff);
+        height: 300px;
+    }
+}
+.btn-html-content{
+    text-align: center;
+    padding: 16px;
+    a{
+        display: none;
+        line-height: 36px;
+        background: #FFFFFF;
+        color: #1988EC;
+        box-shadow: 0px 0px 0px 1px #1988EC;
+        border-radius: 10px;
+        font-size: 16px;
+        font-weight: 600;
+        margin: auto;
+        max-width: 126px;
+        width: 100%;
+        transition: .15s all;
+        font-size: 13px;
+        i{
+            margin-left: 4px;
+        }
+    }
+}
+.bg-popup {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0,0,0,0.4);
+    z-index: 99;
+    cursor: pointer;
+}
+.p-10{
+    padding-left: 10px;
+    padding-right: 10px;
+}
+.icon-star{background-image: url(../images/star.png);width: 85px;height: 14px;display: inline-block;background-repeat: no-repeat;background-size: 85px 90px;vertical-align: sub;}
+.icon-star.star-1{background-position: -2px -74px;}
+.icon-star.star-2{background-position: -2px -56px;}
+.icon-star.star-3{background-position: -2px -38px;}
+.icon-star.star-4{background-position: -2px -20px;}
+.icon-star.star-5, .icon-star.star-0{background-position: -2px -2px;}
+.icons{
+    background: url(../images/global-sprite.png) no-repeat;
+    background-size: 250px 250px;
+}
+.container{
+    padding: 0 10px;
+}
+.global-breadcrumb {
+    padding: 10px 0;
+    font-size: 12px;
+    line-height: 14px;
+    a{
+        color: #414141;      
+    }
+    ol, ul{
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+    li{
+        display: flex;
+        align-items: center;
+        &::after{
+            content:'/';
+            padding: 0 10px;
+            font-weight: 400;
+            font-size: 12px;
+            margin-top: 1px;
+        }
+        &:last-child{
+            &::after{
+                content: none;
+            }
+        }
+    }
+    h1{
+        @extend .inherit;
+    }
+}
+.paging{
+    margin: 20px 0 10px;
+    display: flex;    
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    a{
+        width: 38px;
+        height: 38px;
+        line-height: 37px;
+        border-radius: 50%;
+        background: transparent;
+        text-align: center;
+        color: #A3A3A3;
+        margin: 0 4px;
+        overflow: hidden;
+        border: 1px solid #A3A3A3;
+        font-size: 14px;
+        &.current{ 
+            @extend .bg-linear;
+            color: #fff;
+            font-weight: 700;
+            border-color: transparent;
+            * {
+                filter: invert(1) brightness(100);
+            }
+        }        
+    }
+    .icon-prev, .icon-next {
+        background: url(../images/global-icon-left.png) no-repeat 16px center;
+        background-size: 7px;
+        font-size: 0 !important;
+        display: block;
+        height: 100%;
+        background-position: 14px center;
+    }
+    .icon-next {
+        transform: rotate(-180deg);
+    }
+}
+.custom-nav{
+    .owl-nav {
+        margin: 0;
+        button{
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            margin: 0 !important;
+            width: 46px;
+            height: 46px; 
+            background: rgba(0,0,0,0.4) !important;            
+            &.disabled{
+                display: none;
+            }
+        }
+        .owl-prev {
+            left: 0;
+            border-radius: 0 40px 40px 0 !important;
+        }
+        .owl-next {
+            right: 0;
+            border-radius: 40px 0 0 40px !important;
+        }
+        .arrow{
+            filter: invert(1) brightness(100);
+            height: 100%;
+            display: block;
+            background: url(../images/global-icon-left.png) no-repeat;
+            background-position: 15px center;
+            background-size: 9px 17px;  
+            transition: .2s all;              
+        }
+        .arrow-next{
+            transform: rotate(180deg);
+        }
+    }
+}
+.custom-dots{
+    .owl-dots {  
+        margin: 0 !important;
+        position: absolute;
+        bottom: 15px;
+        left: 0;
+        right: 0;
+        .owl-dot {
+            margin: 0 6px 0 0;
+            width: 8px;
+            height: 8px;
+            border-radius: 50px;
+            transition: .2s all;
+            background: transparent;
+            border: 1px solid rgba(255, 255, 255, 0.80);
+            span{
+                display: none;
+            }
+            &.active {
+                @extend .bg-linear;
+                border-color: transparent;
+            }
+        }
+    }
+}
+.pd-custom-nav{
+    .owl-nav {
+        margin: 0;
+        button{
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            margin: 0 !important;
+            width: 18px;
+            height: 18px;
+            background: transparent !important;
+            &.disabled {
+                opacity: 0.15;
+            }
+        }
+        .owl-prev {
+            left: -20px;
+        }
+        .owl-next {
+            right: -20px;
+        }
+        .arrow{
+            height: 100%;
+            display: block;
+            background: url(../images/global-icon-left.png) no-repeat;
+            background-size: 9px; 
+        }
+        .arrow-next{
+            transform: rotate(180deg);
+        }
+    }
+}
+.p-item{
+    border-radius: 12px;
+    border: 1px solid #F5F5F5;
+    background: #FFF;
+    padding: 10px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    overflow: hidden;
+    a{
+        display: block;
+        color: #000;
+    }
+    img {
+        @extend .fit-img;
+    }
+    .p-img{
+        position: relative;
+        padding-bottom: 100%;
+        margin: 0 0 7px 0;
+    }
+    .p-type-holder{
+        min-height: 20px;
+        margin: 0 0 10px 0;
+        line-height: 20px;
+        text-align: left;
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+    .p-bestsale {
+        margin: 0;
+        border-radius: 20px;
+        color: #fff;
+        background: linear-gradient(270deg, #FF7A00 0%, #FFB800 102.33%);
+        padding: 0 5px;
+        font-size: 11px;
+        font-weight: 700;
+        display: inline-flex;
+        align-items: center;
+        &::before{
+            content: '';
+            background: url(../images/p-icon-bestsale.png) no-repeat;
+            background-size: contain;
+            width: 11px;
+            height: 12px;
+            margin-right: 2px;
+        }        
+    }
+    .p-name {
+        @extend .line-clamp-3;        
+        margin: 10px 0;
+        min-height: 42px;
+        *{
+            @extend .inherit;
+        }
+    }
+    .p-price-holder{
+        margin: 10px 0;
+        color: #A3A3A3;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+        min-height: 40px;
+    }
+    .p-price {
+        color: #E80E0E;
+        font-size: 16px;
+        font-weight: 800;
+        margin: 0 5px 0 0;
+        line-height: 20px;
+        u{
+            font-size: 12px;
+            line-height: inherit;
+            display: inline-block;
+            margin-left: 1px;
+        }
+    }
+    .p-discount {
+        border-radius: 5px;
+        background: #E80E0E;
+        color: #fff;
+        padding: 0 3px;
+        font-weight: 500;
+        line-height: 20px;
+    }
+    .p-old-price {
+        width: 100%;
+        text-decoration: line-through;
+        margin-top: 5px;
+    }
+    .p-btn-group{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        line-height: 28px;        
+    }
+    .p-rate {
+        margin: 0;
+        color: #FF7A00;
+        font-size: 12px;
+        position: relative;
+        &::after{
+            content: "";
+            background: url(../images/star_rating.png) no-repeat;
+            background-size: 10px 44px;
+            width: 10px;
+            height: 10px;
+            position: absolute;
+            right: -12px;
+            top: 7px;
+        }
+    }
+    .p-btn-add {
+        width: 28px;
+        height: 28px;
+        border-radius: 5px;
+        background: url(../images/p-icon-cart.png) no-repeat center;
+        background-color: #F5F5F5;
+        background-size: 18px;
+    }
+    .p-deal-line {
+        height: 16px;
+        line-height: 16px;
+        margin: 0 0 8px;
+        border-radius: 12px;
+        background: linear-gradient(90deg, #FF7A00 2.7%, #FFCD9F 100%);
+        font-size: 11px;
+        font-style: italic;
+        font-weight: 500;
+        color: #fff;
+        position: relative;
+        &::before{
+            content: '';
+            width: 25px;
+            height: 25px;            
+            background: url(../images/p-icon-deal-discount.png) no-repeat;
+            background-size: 25px;
+            z-index: 1;
+            position: absolute;
+            left: -4px;
+            bottom: -3px;
+        }
+    }
+    .p-deal-time{
+        border-radius: 12px;
+        border: 1px dashed #FF7A00;
+        background: #FFF;        
+        color: #FF7A00;
+        font-size: 11px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-wrap: wrap;
+        *{
+            line-height: 22px;
+        }
+    }
+    .p-deal-countdown{
+        font-size: 13px;
+        display: flex;
+        align-items: center;
+        b{
+            font-weight: 700;
+            margin-left: 3px;
+            &::after{
+                content: " :";
+            }
+            &:last-child::after{
+                content: none;
+            }
+        }
+    }
+}
+.art-item {
+    background: #fff;
+    color: #2F2F2F;
+    font-weight: 300;
+    line-height: 14px;
+    font-size: 11px;
+    display: flex;
+    flex-wrap: wrap;
+    a{
+        display: block;
+        color: #2F2F2F;
+    }
+    img {
+        @extend .fit-img;
+    }
+    .art-img{
+        width: 48%;
+        position: relative;
+        margin: 0 10px 0 0;
+        padding-bottom: 30%;
+        border-radius: 12px;
+        overflow: hidden;
+    }
+    .art-text {
+        width: calc(100% - 48% - 10px);
+    }
+    .art-category {
+        @extend .bg-linear;
+        display: table;
+        min-height: 20px;
+        line-height: 14px;
+        padding: 3px 10px;
+        border-radius: 0px 20px;
+        color: #FFF !important;
+        text-align: center;
+        font-size: 10px;
+        font-weight: 700;
+        text-transform: uppercase;
+        margin: 0 0 10px 0;
+    }
+    .art-title {
+        @extend .line-clamp-3;
+        font-weight: 500;
+        font-size: 13px;
+        line-height: 16px;
+        margin: 0 0 8px;
+        *{
+            @extend .inherit;
+        }
+    }
+    .art-summary {
+        @extend .line-clamp-3;
+        display: none ;
+    }
+    .art-time{
+        display: inline-flex;
+        color: #B6B6B6;
+        font-weight: 400;
+        margin: 0 10px 0 0;
+        align-items: center;
+        &:last-child{
+            margin: 0;
+        }
+    }
+    .icons {
+        width: 20px;
+        height: 15px;
+    }
+    .icon-clock {
+        background-position: -181px -44px;
+    }
+    .icon-visit {
+        background-position: -152px -44px;
+    }
+}
+.video-item {
+    position: relative;
+    padding-bottom: 60%;
+    border-radius: 8px;
+    overflow: hidden;
+    margin-bottom: 10px;
+    width: 100%;
+    &::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(0deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
+        z-index: 1;
+    }
+    &::after {
+        content: "";
+        background: url(../images/icon-video.png) no-repeat center;
+        background-size: contain;
+        width: 56px;
+        height: 56px;
+        border-radius: 50%;
+        text-align: center;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 1;
+    }
+    img {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+    .video-title{
+        position: absolute;
+        left: 10px;
+        right: 10px;
+        bottom: 10px;
+        color: #fff;
+        z-index: 1;
+        margin: 0;
+        font-weight: 600;
+        line-height: 20px;
+        font-size: 14px;
+    }
+}
+.global-header-container{ 
+    background: #fff;
+    padding: 8px 10px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    position: sticky;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
+    img{
+        display: block;
+        width: auto;
+    }
+    .header-logo{
+        width: 57px;
+        margin-right: 10px;
+    }
+    .header-right-group {
+        width: 80px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding-left: 10px;
+        .icons {
+            width: 22px;
+            height: 30px;
+        }
+    }
+    .cart-count{
+        width: 14px;
+        height: 14px;
+        line-height: 14px;
+        border-radius: 50%;
+        text-align: center;
+        background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+        color: #000;
+        font-style: normal;
+        font-weight: 700;
+        position: absolute;
+        top: -2px;
+        right: -5px;
+        font-size: 12px;
+    }
+    .icon-cart {
+        display: block;
+        height: 100%;
+        position: relative;
+        background-position: -216px -6px;
+    }
+    .icon-menu {
+        background-position: -8px -219px;
+    }
+    .icon-search{
+        @extend .bg-main;
+        width: 43px;
+        height: 40px;
+        border-left: 1px solid #C3C3C3;
+        position: relative;
+        &::before{
+            @extend .icons;
+            content: '';
+            display: block;
+            height: 100%;
+            background-position: 2px -35px;
+        }
+    }
+}
+.header-search-group{
+    width: calc(100% - 157px);
+    margin-right: 10px;
+    border-radius: 0px 21px 21px 0px;
+    box-shadow: 0px 0px 0px 1px #C3C3C3;
+    background: #fff;
+    position: relative;
+    border-radius: 21px;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    *{
+        height: 40px;
+        border: 0;
+        margin: 0;
+        padding: 0;
+    }
+    input{
+        padding: 0 10px;
+        width: calc(100% - 43px);
+    }
+}
+.global-newsletter-container {
+    background: linear-gradient(270deg, #E3F2E9 0%, #CEE4B4 102.33%);
+    padding: 20px 0 0;
+    img{
+        display: block;
+        width: auto;
+        margin: 14px auto 0;
+        max-height: 160px;
+    }    
+    .group-title {
+        font-size: 16px;
+        font-weight: 700;
+        line-height: 22px;
+        text-transform: uppercase;
+        margin: 0 0 13px 0;
+    }    
+    .form-holder {
+        position: relative;
+        background: #fff;
+        border-radius: 50px;
+        display: flex;
+        justify-content: space-between;
+        input{
+            width: calc(100% - 80px);
+            height: 52px;
+            padding: 0 15px;
+            border-radius: 50px 0 0 50px;
+            margin: 0;
+            border-color: transparent;
+            &::placeholder{
+                color: #A3A3A3;
+            }
+        }
+        a {
+            @extend .bg-linear;
+            width: 80px;
+            line-height: 52px;
+            text-align: center;
+            color: #FFF;
+            text-transform: uppercase;
+            border-radius: 0 50px 50px 0;
+            font-weight: 700;
+            font-size: 13px;
+        }
+    }
+    .newsletter-error{
+        color: red;
+        margin-top: 15px;
+        font-weight: 500;
+    }
+}
+.global-footer-container {
+    background: #fff;
+    padding: 14px 0;
+    line-height: 24px;
+    font-size: 13px;
+    .item-bct {
+        img{
+            display: block;
+            width: auto;
+            max-width: 110px;
+        }
+    }    
+    .group-title {
+        font-size: 15px;
+        font-weight: 600;
+        line-height: 20px;
+        margin: 0 0 10px 0;
+    }
+    a{
+        display: table;
+        color: #000;
+    }
+    p{
+        margin: 0;
+    }
+    .address-item{
+        margin-bottom: 18px;
+    }
+    .item{
+        margin-bottom: 5px;
+        .group-title{
+            border-radius: 8px;
+            background: #F3F3F3;
+            margin: 0;
+            line-height: 40px;
+            position: relative;
+            padding: 0 10px;
+            font-size: 13px;
+            text-transform: unset;
+            &.active::after{
+                transform: rotate(0deg);
+            }
+            &::after{
+                content: '\25B2';
+                font-size: 10px;
+                position: absolute;
+                top: -1px;
+                right: 10px;
+                transform: rotate(-180deg);
+            }
+        }
+    }
+    .item-list{
+        display: none;
+        padding: 10px 20px;
+    }
+    .item-social-media {
+        margin: 10px 0 0;
+        .group-title {
+            margin-top: 18px;
+        }
+    }
+}
+.global-footer-end{
+    border-top: 1px dashed #D9D9D9;
+    font-size: 13px;
+    color: #797979;
+    line-height: 20px;
+    padding-top: 10px;
+    margin-top: 10px;
+    a{
+        display: inline-block;
+        color: inherit;
+    }
+    p{
+        margin: 0;
+    }
+    b{
+        font-weight: 600;
+    }
+}
+.footer-social-media{
+    display: flex;
+    flex-wrap: wrap;
+    .icons {
+        width: 36px;
+        height: 36px;
+        margin: 0 8px 0 0;
+        transition: .3s all;
+        position: relative;
+        bottom: 0;
+        background-size: 500px 500px;
+    }
+    .icon-facebook {
+        background-position: -90px -90px;
+    }
+    .icon-youtube {
+        background-position: -162px -90px;
+    }
+    .icon-zalo {
+        background-position: -234px -90px;
+    }
+    .icon-qr {
+        background-position: -4px -81px;
+    }
+    .icon-cash {
+        background-position: -52px -80px;
+    }
+    .icon-clock {
+        background-position: -94px -81px;
+    }
+    .icon-wallet {
+        background-position: -134px -81px;
+    }
+    p{
+        margin: 0 30px 10px 0;
+        font-size: 10px;
+        line-height: 20px;
+        text-align: center;
+        &:last-child{
+            margin-right: 0;
+        }
+        .icons{
+            margin: auto auto 8px;
+            display: block;
+            width: 30px;
+            height: 20px;
+            background-size: 250px 250px;
+            position: unset;
+        }
+    }    
+}
+.global-fixed-social {
+    position: fixed;
+    bottom: 10%;
+    right: 10px;
+    z-index: 99;
+    animation-duration: 1s;
+    animation-duration: 1s;
+    animation-fill-mode: both;
+    transform: translateX(2000px) scale(0.7);
+    a{
+        display: block;
+    }
+    .icon-mess {
+        width: 54px;
+        height: 54px;        
+        margin: 0 0 10px;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: 54px;
+    }
+    .global-go-top {
+        background: rgba(139, 185, 88, 0.5);
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        transition: .3s all;
+        margin: auto;
+        display: none;
+        &::before{
+            content: '';
+            display: block;
+            height: 100%;
+            transform: rotate(90deg);
+            background: url(../images/global-icon-left.png) no-repeat;
+            background-position: center;
+            background-size: 6px;
+            filter: brightness(100);
+        }
+    }
+}
+.global-deal-container{
+    @extend .bg-linear;
+    margin: 50px 0 10px;
+    border-radius: 12px;
+    padding: 70px 10px 20px;
+    position: relative;
+    .group-title{
+        text-align: center;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: 100% 100%;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        padding: 8px 0;
+        margin: -116px auto 0;
+        .title {
+            color: #FFF;
+            text-shadow: 0px 4px 4px rgba(156, 0, 0, 0.96);
+            font-size: 32px;
+            font-style: italic;
+            font-weight: 800;
+            line-height: 36px;
+            margin: 0 18px 0 0;
+        }
+    }
+    .icon-clock {
+        width: 36px;
+        height: 36px;
+        margin-right: 7px;
+        background-repeat: no-repeat;
+        background-size: 36px;
+        background-position: center;
+        animation: tada 1.8s infinite ease-in-out;
+    }
+    .deal-time-holder {
+        margin-top: 7px;
+        font-weight: 300;
+        display: flex;
+        align-items: center;
+        border-radius: 18px;
+        box-shadow: 0px 0px 0px 1px #FFF;
+        background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.59) 57.29%, rgba(255, 255, 255, 0.80) 96.87%);
+        padding: 5px 14px;
+        line-height: 26px;
+    }
+    .deal-countdown-holder {
+        display: flex;
+        align-items: center;
+        b{
+            border-radius: 5px;
+            background: #000;
+            color: #fff;
+            font-size: 18px;
+            font-weight: 800;
+            position: relative;
+            padding: 0 3px;
+            margin: 0 5px;
+            height: 26px;
+            line-height: 27px;
+            &::after {
+                content: ":";
+                position: absolute;
+                right: -8px;
+                color: #000;
+            }
+            &:last-child{
+                &::after{
+                    content: none;
+                }
+            }
+        }
+    }
+    .global-deal-type {        
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        a{
+            margin: 10px 0;
+            color: #fff;
+            text-transform: uppercase;
+            font-weight: 700;
+            opacity: .7;
+            padding: 12px;
+            border: 1px solid #fff;
+            border-radius: 50px;
+            width: calc(100% / 2 - 5px);
+            text-align: center;
+            &.current {
+                @extend .color-main;
+                background: #fff;
+                opacity: 1;
+            }
+        }        
+    }    
+    .btn-deal{
+        display: table;
+        margin: 19px auto 0;
+        color: #fff;
+        text-decoration-line: underline;
+    }
+    .product-holder{
+        min-height: 280px;
+        margin: 0 -10px 0 0;
+    }
+}
+.homepage{
+    padding: 10px;
+    overflow: hidden;
+    .home-slider-group{
+        min-height: 22vh;
+        margin-bottom: 10px;
+    }
+    .product-holder{
+        position: relative;
+        min-height: 300px;
+    }
+}
+.homepage-category-list {
+    display: flex;
+    flex-wrap: wrap;
+    a{        
+        text-align: center;
+        margin: 0 10px 10px 0;
+        border-radius: 8px;
+        border: 1px solid #E3E3E3;
+        background: linear-gradient(180deg, #FFF 53.65%, #EFEFEF 100%);
+        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+        color: #000;
+        font-size: 13px;
+        line-height: 16px;
+        width: calc(100% / 4 - 8px);
+        padding: 19px 4px 4px 4px;
+        &:nth-child(4n){
+            margin-right: 0;
+        }
+    }
+    .cat-title{
+        @extend .line-clamp-2;
+    }
+    .cat-thumb {
+        display: block;
+        width: 28px;
+        height: 24px;
+        margin: 0 auto 10px;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: contain;
+    }
+}
+.home-policy-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    .item{
+        border-radius: 10px;
+        border: 1px solid #F5F5F5;
+        background: #FFF;
+        margin: 0 0 10px 0;
+        width: calc(100% / 2 - 5px);
+        line-height: 14px;
+        font-size: 13px;
+        padding: 12px 10px;
+        text-align: center;
+        &:nth-child(5n){
+            width: 100%;
+        }
+    }
+    b{
+        font-weight: 700;        
+        margin-bottom: 4px;
+        display: block;
+    }
+    a{
+        color: inherit;
+        display: inline;
+    }
+    .text{
+        margin: 0;
+        display: block;        
+    }
+    .icons{
+        width: 48px;
+        height: 40px;
+        margin: 0 auto 8px;
+        display: block;
+    }
+    .icon-1 {
+        background-position: -207px -117px;
+    }
+    .icon-2 {
+        background-position: -10px -171px;
+    }
+    .icon-3 {
+        background-position: -77px -171px;
+    }
+    .icon-4 {
+        background-position: -140px -171px;
+    }
+    .icon-5 {
+        background-position: -201px -171px;
+    }
+}
+.home-collection-container {
+    margin: 10px 0;
+    padding: 15px 10px 24px;
+    border-radius: 12px;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    .group-title{        
+        text-align: center;
+        margin: 0 0 15px 0;
+        color: #FFF;
+        font-size: 24px;
+        font-style: italic;
+        font-weight: 300;
+        line-height: 28px;
+        text-transform: uppercase;
+        span{
+            display: block;
+            margin: 8px 0 20px;
+        }
+        b{
+            font-size: 36px;
+            font-weight: 700;
+            display: inline-block;
+            line-height: 42px;
+        }
+        .text-bg {
+            border-radius: 31px;
+            background: linear-gradient(270deg, #F00 0%, #FF7A41 102.33%);
+            padding: 0 13px;
+            margin-left: 5px;
+        }
+    }    
+    .btn-view {
+        color: #FFF;
+        font-size: 14px;
+        font-weight: 400;
+        text-decoration-line: underline;
+        text-transform: uppercase;
+        display: table;
+        margin: 20px auto 0;
+    }
+    .product-collection{
+        margin: 0 -10px 0 0;
+        min-height: 300px;
+        position: relative;
+    }
+}
+.home-product-container{    
+    padding: 25px 10px;
+    border-radius: 12px;
+    background: #fff;
+    margin: 10px 0;
+    .category-child-holder{
+        display: flex;
+        white-space: nowrap;
+        overflow: auto;
+        font-size: 12px;    
+        margin: 15px 0;
+        @extend .hidden-scroll;
+        a{
+            color: #000;
+            margin: 0 34px 0 0;
+        }
+    }
+    .group-title {
+        @extend .color-main;
+        margin: 0;
+        position: relative;
+        font-size: 20px;
+        font-style: normal;
+        font-weight: 700;   
+        line-height: 23px;
+        padding-bottom: 12px;
+        display: table;
+        &::before, &::after{
+            @extend .bg-linear;
+            content: "";
+            height: 8px;
+            transform: skewX(-20deg);
+            position: absolute;
+            bottom: 0;
+            left: 0;
+        }
+        &::before {
+            width: 5px;
+        }
+        &::after{
+            left: 9px;
+            right: 0;
+        }
+    }
+    .btn-view{
+        @extend .color-main;
+        display: table;
+        font-size: 12px;
+        margin: 15px auto 0;
+        text-decoration: underline;
+    }
+}
+.home-article-container{  
+    padding: 20px 10px 10px; 
+    border-radius: 12px;
+    background: #FFF;
+    margin: 10px 0;
+    .group-title{
+        text-align: center;        
+        line-height: 14px;
+        margin-bottom: 10px;
+        .title{
+            margin: 0 0 9px 0;
+            font-size: 20px;
+            line-height: 23px;
+            font-weight: 700;
+            text-transform: uppercase;
+            display: inline-block;
+        }
+        a{
+            color: #00A551;
+            font-size: 13px;
+            font-weight: 400;
+            text-decoration-line: underline;
+            text-transform: uppercase;
+            display: table;
+            margin: auto
+        }
+    }
+    .video-holder {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    .video-item{
+        position: relative;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+        overflow: hidden;
+        cursor: pointer;
+        width: calc(100% / 2 - 5px);
+        padding-bottom: 30%;
+        &::before{
+            content: '';
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+            z-index: 1;            
+        }
+        &::after{
+            content: '';
+            background: url(../images/icon-video.png) no-repeat center;
+            background-size: contain;
+            width: 30px;
+            height: 30px;
+            line-height: 30px;
+            border-radius: 50%;
+            text-align: center;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            z-index: 1;
+        }
+        &:nth-child(1){
+            width: 100%;
+            margin: 0;
+            padding-bottom: 62%;
+            &::after {
+                width: 60px;
+                height: 60px;   
+            }
+            .title{
+                display: block;
+                font-size: 13px;
+                position: absolute;
+                left: 10px;
+                right: 10px;
+                bottom: 15px;
+                white-space: nowrap;
+                overflow: hidden;
+                color: #fff;
+                z-index: 2;
+                text-overflow: ellipsis;
+            }
+        }
+        .title {
+            display: none;
+        }
+        img{
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+    .custom-dots .owl-dots {
+        margin-top: 10px !important;
+        position: unset;
+        .owl-dot { 
+            border-color: #00A551;
+        }
+    }    
+    .art-item {
+        margin-top: 15px;
+    }
+}
+.home-customer-review-container {
+    padding: 50px 10px 12px;
+    background-color: #fff;
+    border-radius: 15px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    overflow: hidden;
+    background-repeat: no-repeat;
+    background-position: top;
+    background-size: contain;
+    font-size: 12px;
+    line-height: 16px;
+    margin: 10px 0;
+    .group-title{
+        text-align: center;
+        width: 100%;
+        margin: 0 0 10px;        
+        line-height: 14px;
+        p{
+            margin: 0;
+        }
+        .title {
+            color: #000;
+            font-size: 20px;
+            line-height: 23px;
+            font-weight: 700;            
+            text-transform: uppercase;
+            margin: 0 0 7px;
+        }
+    }
+    .item{
+        background: #fff;
+        position: relative;
+        margin: 65px 0 0 0;
+        border-radius: 16px;
+        border: 2px solid #76b657;
+        padding: 10px 10px 14px;
+        width: calc(50% - 5px);
+        &::before{            
+            @extend .color-main;
+            content: "0" counter(section);
+            counter-increment: section;
+            font-size: 36px;
+            font-weight: 700;
+            line-height: 42px;
+            text-decoration-line: underline;
+            text-transform: uppercase;
+            background: #fff;
+            margin: 0 0 12px; 
+            display: block;
+            position: absolute;
+            top: -52px;
+        }
+        img{
+            display: block;
+            width: auto;
+            border-radius: 15px;
+        }
+    }
+    .item-title{
+        @extend .bg-linear;
+        line-height: 14px;
+        font-size: 11px;
+        display: table;
+        border-radius: 16px 0;
+        color: #FFF;
+        font-weight: 700;
+        padding: 9px 5px 9px 8px;
+        text-transform: uppercase;
+        margin: 0;
+        position: relative;
+        top: -11px;
+        left: -11px;
+    }
+    .item-summary{
+        margin-bottom: 12px;
+    }
+    .btn-view{
+        @extend .color-main;
+        display: table;
+        text-decoration: underline;
+        margin: 0 0 12px 0;
+    }
+}
+.home-introduce-container {
+    margin: 10px 0;
+    border-radius: 15px;    
+    background: #FFF;
+    position: relative;
+    padding: 0;
+    font-size: 13px;
+    line-height: 16px;
+    border: 3px solid #00A551;
+    img{
+        display: block;
+        width: auto;
+        border-radius: 15px;
+    }
+    svg {
+        width: 100%;
+    }
+    .introduce-content-holder {
+        padding: 0 10px;
+        margin-top: -20px;
+    }
+    .introduce-line-top{
+        svg:last-child{
+            margin-top: -80px !important;
+        }
+    }
+    .introduce-line-bottom {
+        margin: -40px 0 0 0;
+        max-height: 122px;
+    }
+    p{
+        margin: 0 0 12px;
+    }
+    .title {
+        font-size: 20px;
+        line-height: 23px;
+        font-weight: 700;
+        margin: 0 0 18px;
+    }
+    .quote {
+        border-radius: 20px 0px;
+        background: linear-gradient(270deg, rgba(0, 165, 81, 0.25) 0%, rgba(142, 185, 88, 0.25) 102.33%);
+        padding: 16px;
+        margin-bottom: 12px;
+    }
+}
+.home-customer-images-container {
+    margin: 10px 0;
+    img{
+        display: block;        
+        margin: auto;
+        width: 100%;
+    }
+    .col-left {
+        margin: 0 0 12px;
+        img {
+            border-radius: 15px;        
+            box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25);
+        }
+    }
+    .col-right{
+        padding: 10px;
+        border-radius: 15px;
+        background: linear-gradient(90deg, #00A551 0%, #FFB446 100%);
+    }
+    .owl-theme {
+        .active {
+            span{
+                background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%) !important;
+                border-color: transparent !important;
+            }
+        }
+        span {
+            width: 8px !important;
+            height: 8px !important;
+            border: 1px solid #D9D9D9 !important;
+            background: transparent !important;
+            margin: 0 3px !important;
+        }
+    }
+}
+.deal-page {
+    .global-deal-container {
+        margin-top: 35px;
+        .group-title {
+            margin: -91px auto 0;
+        }
+    }
+    .product-holder {
+        margin: 0;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    .p-item{
+        margin-bottom: 10px;
+        width: calc(50% - 5px);
+    }
+    .paging {
+        a{
+            border-color: #fff;
+            color: #fff;
+            *{
+                filter: brightness(100);
+            }
+            &.current {
+                background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+                border-color: transparent;
+                color: #000;
+                * {
+                    filter: unset;
+                }
+            }
+        }
+    }
+}
+.product-page {
+    .product-banner-group {
+        margin-bottom: 13px;
+        min-height: 10vh;
+        img{
+            border-radius: 12px;
+        }
+    }   
+    .product-content-container {
+        padding: 10px;
+        background: #fff;
+        border-radius: 12px;
+        margin: 10px 0;
+    }
+    .product-holder{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    .p-item{
+        margin: 0 0 10px 0;
+        width: calc(100% / 2 - 5px);
+    }
+    .static-html-container {
+        padding: 15px 0 10px 0;
+        font-size: 13px;
+        margin-top: 35px;
+        border-top: 2px solid #00A551;
+    }
+}
+.static-html-container{
+    position: relative;
+    font-size: 13px;
+    .static-content{
+        *{
+            font-family: inherit !important;
+            line-height: inherit !important;
+        }
+    }
+    .btn-static-group{
+        text-align: center;
+        margin-top: 14px;
+        a{
+            color: #00A551;            
+            font-size: 13px;            
+            line-height: 16px;
+            text-decoration-line: underline;
+            text-transform: uppercase;
+            display: none;
+        }
+    }
+}
+.product-category-child {
+    @extend .hidden-scroll;
+    margin: 13px 0 20px;
+    display: flex;
+    font-size: 13px;
+    line-height: 15px;
+    overflow: auto;    
+    .item{
+        color: #000;
+        margin: 0;      
+        padding: 0 10px;
+        text-align: center;
+        margin: 0 13px 0 0;
+        width: 70px;
+    }
+    .title {
+        @extend .inherit;
+    }
+    .image{
+        display: block;
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        position: relative;
+        margin: 0 auto 7px auto;
+        overflow: hidden;
+        background: #FFF;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: 28px;
+    }
+}
+.product-sort-group {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    border-radius: 12px;
+    background: #FFF;
+    padding: 5px 10px;
+    font-size: 13px;
+    .box-left, .box-right {
+        padding: 5px 0;
+        display: flex;
+        align-items: center;
+    }
+    .btn-filter{
+        color: #000;
+        line-height: 33px;
+        border-radius: 8px;
+        border: 1px solid #F5F5F5;
+        background: #FFF;
+        padding: 0 10px;
+        display: inline-flex;
+        align-items: center;
+        margin-right: 10px;
+        &::before{
+            @extend .icons;
+            content: "";
+            width: 20px;
+            height: 20px;
+            background-position: -216px -44px;
+            margin-right: 3px;
+        }
+    }
+    select {
+        height: 34px;
+        border-radius: 8px;
+        border: 1px solid #F5F5F5;
+        background: #FFF;
+        padding: 0 5px;
+    }
+    .box-right {
+        .icons {
+            width: 30px;
+            height: 30px;
+            background-color: #F3F3F3;
+            margin: 0 0 0 5px;
+            border-radius: 8px;
+            overflow: hidden;
+            position: relative;
+            &.current{            
+                &::before {
+                    content: '';
+                    display: block;
+                    width: 100%;
+                    height: 100%;
+                    @extend .bg-linear;
+                }
+                &::after{
+                    content: '';
+                    background: inherit;
+                    position: absolute;
+                    inset: 0;
+                    z-index: 1;
+                    filter: brightness(100);
+                    background-color: transparent;
+                }
+            }
+        } 
+    }      
+    .icon-grid {
+        background-position: -174px -75px;
+    }
+    .icon-list {
+        background-position: -211px -75px;
+    }
+}
+.product-filter-container{
+    background: #fff;
+    z-index: -99;
+    padding: 10px;
+    position: fixed;
+    bottom: -100%;
+    left: 0;
+    right: 0;
+    top: 100%;
+    transition: .15s all;
+    &.active {
+        transition: .15s all;
+        bottom: 0;
+        top: 0;
+        z-index: 999;
+    }
+    .filter-footer {
+        border-top: 1px solid #e1e1e1;
+        padding: 10px 0;
+        text-align: center;
+        display: flex;
+        justify-content: space-between;
+        margin-top: 10px;
+        font-weight: 500;
+        a {
+            width: calc(50% - 5px);
+            line-height: 34px;
+            padding: 0 10px;
+            color: #000;
+            box-shadow: 0px 0px 0px 1px #e5e5e5;
+            border-radius: 8px;
+            &:first-child{
+                color: #E80E0E;
+                box-shadow: 0px 0px 0px 1px #E80E0E;
+            }
+        }
+    }
+    .filter-content {
+        height: calc(100% - 65px);
+        overflow: auto;
+    }
+    .filter-item {
+        margin-bottom: 20px;
+        &.active {
+            .filter-list a{
+                display: flex;
+            }
+        }
+    }
+    .filter-title {
+        font-weight: 500;
+        margin-bottom: 10px;
+    }
+    .filter-list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        a{
+            width: calc(50% - 10px);
+            margin: 0 0 10px 0;
+            color: #000;
+            line-height: 18px;
+            border: 1px solid #d5d5d5;
+            border-radius: 8px;
+            text-align: center;
+            font-size: 13px;
+            padding: 8px 10px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            &:nth-child(n+7){
+                display: none;
+            }
+        }
+        .current{
+            @extend .bg-linear;
+            color: #fff;
+            border-color: transparent;
+        }
+    }
+    .btn-filter{
+        @extend .color-main;
+        display: block;
+        text-align: center;        
+        position: relative;
+        line-height: 30px;
+        margin-top: 5px;        
+        &::before{
+            content: 'Xem thêm +'; 
+            padding: 0 20px;   
+            background: #fff;   
+            text-decoration: underline;     
+        }
+        &::after{
+            content: '';
+            height: 1px;
+            background: #d5d5d5;
+            width: 100%;
+            position: absolute;
+            left: 0;
+            right: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: -1;
+        }
+        &.active{
+            &::before{
+                content: 'Thu gọn -';
+            }
+        }
+    }
+}
+.product-detail-page {
+    .pd-box-group{
+        border-radius: 12px;
+        background: #FFF;
+        margin: 0 0 10px 0;
+        padding: 10px;
+    }
+    .page-title {
+        font-size: 18px;
+        font-weight: 700;
+        line-height: 21px;
+        margin: 0 0 15px;
+        width: 100%;
+    }
+    .pd-price-group{
+        margin: 10px 0;
+        line-height: 21px;
+        font-size: 13px;
+        *{
+            display: inline-block;
+        }
+    }
+    .pd-price {
+        @extend .red;
+        font-size: 32px;
+        font-weight: 800;
+        margin: 0 10px 5px 0;
+        u{
+            font-size: 20px;
+            vertical-align: middle;
+        }
+    }
+    .pd-old-price {
+        margin: 0 10px 5px 0;
+        color: #A3A3A3;
+        font-size: 18px;
+    }
+    .pd-discount {
+        color: #fff;
+        border-radius: 5px;
+        background: #E80E0E;
+        font-weight: 500;
+        padding: 0 3px;
+        vertical-align: text-bottom;
+    }
+    .pd-desc-group, .pd-spec-group, .pd-comment-container {
+        .group-title{
+            border-bottom: 1px solid #F5F5F5;
+            font-size: 16px;
+            font-weight: 700;
+            line-height: 20px;
+            text-transform: uppercase;
+            margin: 0 -10px 13px;
+            padding: 5px 10px 0;
+            span{
+                display: inline-block;
+                padding-bottom: 7px;
+                border-bottom: 1px solid #00A551;
+            }
+        }
+    }
+    .static-html-container {
+        margin: 0 -10px;
+        .static-content {
+            padding: 0 10px;
+        }
+        .group-title{
+            margin: 0 0 13px;
+        }
+    }    
+    .pd-desc-group {
+        line-height: 20px;
+        .static-html-container {
+            padding: 0;
+            margin-bottom: 30px;
+            &::before{
+                content: none;
+            }
+        }
+    }
+    .pd-spec-group {
+        .btn-show {
+            display: block;
+            text-align: center;
+            line-height: 30px;
+            margin-top: 10px;
+            color: #00A551;
+            text-transform: uppercase;
+        }        
+    }
+    .pd-spec-holder  {
+        padding: 0;
+        tr{
+            &:nth-child(n+12){
+                display: none;
+            }
+        }
+    }
+}
+.pd-image-large {
+    border-radius: 15px;
+    margin-bottom: 24px;
+    overflow: hidden;
+    position: relative;
+    border: 6px solid #92c26c;
+    border-left: 6px solid #519064;
+    border-right: 6px solid #519064;
+    img{
+        border-radius: 10px;
+    }
+}
+.pd-gallery-holder{
+    padding: 0 20px;
+    margin: 20px 0;
+    .item{
+        display: block;
+        overflow: hidden;
+        border-radius: 15px;
+        border: 1px solid #D9D9D9;
+        &.mz-thumb-selected {
+            border: 2px solid #00A551;
+        }
+    }
+    img{
+        filter: unset !important;        
+    }
+}
+.pd-summary-group {
+    font-size: 13px;
+    line-height: 16px;
+    margin: 0 0 15px;
+    .pd-summary-btn{
+        @extend .color-main;
+        display: table;
+        text-decoration: underline;
+        &::before{
+            content: 'Xem thêm +';
+        }
+        &.active::before{
+            content: 'Thu gọn -';
+        }
+    }
+    .pd-summary-list {
+        &.active {
+            .item{
+                display: block;
+            }
+        }
+    }
+    .item{
+        margin-bottom: 10px;
+        position: relative;
+        padding-left: 12px;
+        &::before{
+            content: '\25CF';
+            font-size: 6px;
+            position: absolute;
+            top: -1px;
+            left: 0;
+        }
+        &:nth-child(n+6){
+            display: none;
+        }
+    }
+}
+.pd-deal-price-group {
+    border-radius: 15px;
+    background: linear-gradient(270deg, #F00 0%, #FF7A41 102.33%);
+    margin: 15px 0;
+    padding: 8px 16px 14px;
+    color: #fff;
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 26px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    .pd-deal-price{
+        margin: 0 0 4px;
+        *{
+            display: inline-block;
+        }
+        > span {            
+            min-width: 90px;
+        }
+        b{
+            font-size: 28px;
+            font-weight: 700;
+            line-height: 33px;
+            u{
+                vertical-align: middle;
+                font-size: 16px;
+            }
+        }
+    }
+    .p-deal-old-price{
+        font-weight: 400;
+        margin-right: 10px;
+    }
+    .p-deal-discount{
+        color: #E80E0E;
+        font-weight: 500;
+        background: #fff;
+        padding: 0 3px;
+        display: inline-block;
+        min-width: unset !important;
+        border-radius: 5px;
+        line-height: 20px;
+    }
+    .pd-deal-time {
+        margin-bottom: 4px;
+    }
+    .pd-deal-time, .pd-deal-countdown{
+        display: flex;
+        align-items: center;
+    }
+    .pd-deal-countdown{
+        b{
+            margin: 0 0 0 10px;
+            background: #fff;
+            border-radius: 5px;
+            padding: 4px 3px;
+            position: relative;
+            color: #E80E0E;
+            font-size: 18px;
+            font-weight: 800;
+            line-height: 17px;
+            &::before{
+                content: ':';
+                color: #fff;
+                position: absolute;
+                left: -8px;
+            }
+            &:first-child{
+                &::before{
+                    content: none;
+                }
+            }
+        }
+    }
+    .pd-deal-info{
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 13px;
+        font-style: italic;
+        font-weight: 600;
+        margin-top: 10px;
+        white-space: nowrap;
+    }
+    .pd-deal-line {
+        border-radius: 12px;
+        background: #FFF7AF;
+        max-width: 270px;
+        width: 100%;
+        height: 16px;
+        position: relative;
+        margin-right: 10px;
+    }
+    .pd-deal-icon {        
+        height: 16px;
+        border-radius: 20px;
+        position: absolute;
+        inset: 0;
+        width: 0;
+        background: #FFD600;
+        max-width: 100%;
+        min-width: 10px;
+        &::before{
+            content: '';
+            background: url(../images/p-icon-deal-discount.png) no-repeat right;
+            background-size: 25px;
+            width: 25px;
+            height: 25px;
+            position: absolute;
+            bottom: -3px;
+            right: -11px;
+        }
+    }
+}
+.pd-status-group{
+    margin: 0 0 18px;
+    font-size: 12px;
+    line-height: 14px;
+    b{
+        font-weight: 600;
+    }
+    p{
+        display: inline-block;
+        margin: 0 20px 10px 0;
+    }
+}
+.pd-config_group-holder {
+    margin: 0 0 15px 0;
+    font-size: 13px;
+    line-height: 16px;
+    .group-title {
+        display: block;
+    }
+    .pd-config_group-list{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        text-align: center;
+        a{
+            margin: 11px 0 0 0;
+            width: calc(100% / 2 - 4px);
+            padding: 10px;
+            border-radius: 8px;
+            border: 1px solid #D9D9D9;
+            background: #FFF;
+            color: #000;
+            &.current{
+                border: 2px solid #00A551;
+                @extend .color-main;
+            }
+        }
+        .title{
+            @extend .line-clamp-2;                        
+            margin-bottom: 4px;
+        }
+        .price {
+            @extend .red;
+            font-size: 15px;
+            font-weight: 800;
+            line-height: 18px;
+            u{
+                font-size: 12px;
+                vertical-align: middle;
+            }
+        }
+    }
+}
+.pd-offer-group {
+    margin: 36px 0 18px;
+    border-radius: 15px;
+    border: 1px dashed #00A551;
+    background: #FFF;
+    padding: 34px 20px 14px;
+    position: relative;
+    font-size: 13px;
+    line-height: 20px; 
+    .group-title {
+        @extend .bg-main;
+        border-radius: 20px;
+        margin: 0;
+        color: #FFF;
+        line-height: 38px;
+        font-size: 13px;
+        font-weight: 700;
+        text-align: center;
+        padding: 0 15px;
+        position: absolute;
+        top: -20px;
+        left: 20px;
+    }
+    .item{
+        position: relative;
+        padding-left: 35px;
+        margin-bottom: 5px;
+        &:last-child{
+            margin: 0;
+        }
+        &::before{
+            content: "";
+            width: 16px;
+            height: 10px;
+            border: 3px solid #00A551;
+            border-top: 0;
+            border-right: 0;
+            position: absolute;
+            top: 2px;
+            left: 0;
+            transform: rotate(-45deg);
+        }
+    }
+}
+.pd-quantity-group{
+    margin: 14px 0;
+    display: flex;
+    align-items: center;
+    p{
+        margin: 0 22px 0 0;
+    }
+    .quanity-change-group{
+        display: flex;
+        align-items: center;
+        border-radius: 5px;
+        box-shadow: 0px 0px 0px 1px #D9D9D9;
+        background: #FFF;
+        text-align: center;
+        width: 102px;
+        a{
+            line-height: 40px;
+            width: 28px;
+            color: #000;
+            font-weight: bold;
+        }
+        input{
+            width: 46px;
+            height: 40px;
+            margin: 0;
+            padding: 0;
+            border: 0;
+            border-left: 1px solid #CECECE;
+            border-right: 1px solid #CECECE;
+            text-align: center;
+        }
+    }
+}
+.pd-btn-group {
+    margin: 14px 0;
+    a{
+        margin: 0 0 8px;
+        display: block;
+        text-align: center;
+        color: #000;
+        border-radius: 10px;
+        line-height: 21px;
+        border: 1px solid transparent;
+        background: #fff;
+        padding: 8px;
+        font-size: 13px;
+        b{
+            font-weight: 700;
+            font-size: 18px;
+            display: block;
+        }
+        span{
+            display: block;
+            line-height: 15px;
+        }
+    }
+    .btn-buynow {
+        @extend .bg-linear;
+        line-height: 52px;  
+        color: #fff;
+        padding: 0;
+    }
+    .btn-add-cart {
+        border-color: #00A551;
+        color: #00A551;
+    }
+    .btn-pay-install {
+        background: #286ED6;
+        border-color: transparent;
+        color: #fff;
+    }
+    .btn-credit {
+        background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+        img{
+            display: inline-block;
+            margin: 0 4px;
+            width: auto;
+            height: 14px;
+        }
+    }
+}
+.pd-static-item {
+    margin-bottom: 16px;
+    border-radius: 15px;
+    overflow: hidden;
+    background: linear-gradient(90deg, #FFB446 0%, #00A551 100%);
+    padding: 2px;
+    img{
+        display: block;
+        width: auto;
+        margin: auto;
+    }
+    .item-video{
+        background: #fff;
+        padding: 12px;
+        border-radius: 0 0 13px 13px;
+        a{
+            display: block;
+            position: relative;
+            padding-bottom: 100%;
+            &::before{
+                content: '';
+                position: absolute;
+                inset: 0;
+                background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+                z-index: 1;
+            }
+            &::after{
+                content: "";
+                background: url(../images/icon-video.png) no-repeat center;
+                background-size: contain;
+                width: 56px;
+                height: 56px;
+                line-height: 30px;
+                border-radius: 50%;
+                text-align: center;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                z-index: 1;
+            }
+        }
+        img{
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+    .group-title{
+        font-size: 15px;
+        line-height: 18px;
+        font-weight: bold;
+        text-align: center;
+        margin: 0;
+        padding: 12px;
+        color: #fff;
+    }
+    .item-summary{
+        background: #fff;
+        text-align: center;
+        padding: 20px;
+        border-radius: 13px;
+        font-size: 15px;
+        line-height: 20px;
+        .title{
+            color: #00A551;            
+            font-weight: 800;            
+            text-transform: uppercase;
+            margin: 0;
+        }
+        p{
+            margin: 0 0 10px 0;
+        }
+        a{
+            display: table;
+            margin: 10px auto 14px;
+            color: #FF7A00;
+            font-size: 24px;
+            font-weight: 700;
+        }
+        .pd-btn-support{
+            display: block;
+            margin: 14px 0 0 0;
+            border-radius: 5px;
+            border: 1px solid #FF7A00;
+            background: #FFF;
+            font-size: 15px;
+            text-transform: uppercase;
+            font-weight: 400;
+            line-height: 32px;
+            transition: .2s all;
+            &:hover{
+                background: #FF7A00;
+                color: #fff;
+            }
+        }
+    }
+    .static-line{
+        font-weight: 300;
+        position: relative;
+        margin: 14px 0 8px;
+        &::before{
+            content: '';
+            background: #D9D9D9;
+            height: 1px;
+            position: absolute;
+            top: 50%;
+            left: 0;
+            right: 0;
+            transform: translateY(-50%);
+        }
+        span{
+            padding: 0 12px;
+            background: #fff;
+            position: relative;
+        }
+    }    
+}
+.pd-spec-holder {
+    padding: 10px;
+    line-height: 20px;
+    font-size: 13px;
+    *{
+        margin: 0;
+        font-weight: inherit !important;
+        line-height: inherit !important;
+    }
+    tr{        
+        &:nth-child(odd){            
+            background: #F3F3F3;
+            td{
+                &:first-child{
+                    border-radius: 5px 0 0 5px;
+                }
+                &:last-child{
+                    border-radius: 0 5px 5px 0;
+                }
+            }
+        }
+    }
+    td{
+        padding: 10px 12px;
+        vertical-align: baseline;
+        &:nth-child(1){
+            font-weight: bold !important;
+            min-width: 100px;
+        }
+    }
+}
+.pd-product-tab-container {
+    min-height: 380px;
+    .tab-title-group{
+        @extend .hidden-scroll;
+        padding: 5px 10px 0;
+        margin: 0 -10px;
+        border-bottom: 1px solid #F5F5F5;
+        margin-bottom: 10px;
+        display: flex;
+        white-space: nowrap;
+        overflow: auto;
+        a{
+            margin-right: 27px;
+            color: #5B5B5B;
+            font-size: 16px;
+            font-weight: 700;
+            line-height: 23px;
+            padding-bottom: 11px;
+            border-bottom: 1px solid transparent;
+            &.active{
+                @extend .color-main;
+                border-color: #00A551;
+            }
+        }
+    }
+    .box-product-holder {
+        position: relative;
+        display: none;
+    }
+}
+.article-page {
+    padding-bottom: 10px;
+    .article-category-list {
+        @extend .hidden-scroll;
+        display: flex;
+        white-space: nowrap;
+        overflow: auto;
+        a{
+            margin: 0 6px 10px 0;
+            border-radius: 0px 24px;
+            color: #000;
+            background: #FFF;
+            padding: 0 14px;
+            line-height: 32px;
+            white-space: nowrap;
+            display: flex;            
+            align-items: center;
+            &.current {
+                @extend .bg-linear;
+                color: #fff;
+                .image {
+                    filter: brightness(100);
+                }
+            }
+        }
+        .image {
+            width: 14px;
+            height: 14px;
+            margin-right: 5px;
+            background-repeat: no-repeat;
+            background-position: center;
+            background-size: 14px auto;
+        }
+        .title{
+            @extend .inherit;
+            font-size: 11px;            
+            font-weight: 600;
+            color: inherit;            
+        }
+    }
+    .article-list{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    .top-article-group, .article-cate-container {
+        padding: 10px;
+        border-radius: 12px;
+        background: #fff;
+        margin-bottom: 10px;
+    }
+    .art-item{
+        padding: 8px 0;
+    }
+}
+.top-article-group{
+    .group-title{
+        font-size: 20px;
+        font-weight: 700;
+        text-transform: uppercase;
+        line-height: 23px;
+        margin-bottom: 14px;
+    }
+    .art-item{
+        &:first-child{
+            display: block;
+            padding: 0;
+            .art-img, .art-text {
+                width: 100%;
+                margin: 0 0 14px 0;
+            }
+            .art-img{
+                padding-bottom: 62%;
+            }
+            .art-summary {
+                display: block;
+                margin: 8px 0;
+                color: #2F2F2F;;
+            }
+        }
+    }
+}
+.article-cate-container {
+    .group-title {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: space-between;
+        margin: 0 0 14px;
+        font-size: 13px;
+        a{
+            @extend .color-main;
+            margin-top: 10px;
+            text-decoration: underline;
+        }
+        .title {
+            font-size: 20px;
+            font-weight: 700;
+            line-height: 23px;
+            text-transform: uppercase;
+            position: relative;
+            padding-left: 32px;
+            margin: 10px 0 0;
+            &::before{
+                @extend .icons;      
+                content: "";
+                width: 22px;
+                height: 24px;
+                position: absolute;                
+                left: 0;
+                background-position: -6px -93px;
+                background-size: 200px 200px;
+            }
+        }
+    }
+}
+.article-category-page {
+    .category-page-title {
+        display: flex;
+        align-items: center;
+        margin-bottom: 14px;
+        .title{            
+            font-size: 20px;            
+            font-weight: 700;
+            line-height: 23px;
+            text-transform: uppercase;
+            margin: 0;
+        }
+        .image{
+            width: 20px;
+            height: 20px;
+            margin-right: 5px;
+            background-repeat: no-repeat;
+            background-size: contain;
+            background-position: center;
+        }
+    }
+    .top-article-group{
+        padding: 0;
+        margin: 0;
+    }
+}
+.article-detail-page {
+    .col-left, .col-right, .article-related-container {
+        border-radius: 15px;
+        background: #FFF;
+        margin-bottom: 10px;
+        padding: 10px;
+    }
+    .col-right {
+        .group-title {
+            text-transform: uppercase;
+            margin: 7px -10px 15px;
+            border-bottom: 1px solid #F5F5F5;
+            padding: 0 10px;
+            *{
+                border-bottom: 1px solid #00A551;
+                padding-bottom: 10px;
+                display: inline-block;
+            }
+        }
+    }
+    .header-search-group{
+        width: 100%;
+        margin: 0 0 10px;
+        form {
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+            border-radius: 21px;
+            overflow: hidden;
+            *{
+                height: 42px;
+            }
+        }
+        button{
+            @extend .bg-linear;
+            color: #fff;
+            border: 0;
+            padding: 0;
+            margin: 0;
+            font-weight: 700;
+            font-size: 13px;   
+            white-space: nowrap;   
+            width: 100px;      
+        }
+        input{
+            width: calc(100% - 100px);
+        }
+    }
+    .page-title, .group-title{
+        font-size: 20px;
+        font-weight: 700;
+        line-height: 23px;
+        margin: 10px 0;
+    }    
+    .art-detail-time{
+        p{
+            margin: 0 20px 15px 0;            
+            display: inline-flex;
+            color: #B6B6B6;
+            font-weight: 400;
+            font-size: 13px;
+            align-items: center;
+        }
+        .icons {
+            width: 20px;
+            height: 15px;
+        }
+        .icon-clock {
+            background-position: -181px -44px;
+        }
+        .icon-visit {
+            background-position: -152px -44px;
+        }
+    }
+    .art-detail-content {
+        *{
+            font-family: inherit !important;
+            line-height: inherit !important;
+        }
+    }
+}
+.article-related-container {
+    .group-title {
+        text-transform: uppercase;
+        margin: 7px 0 15px;
+    }
+    .art-item{
+        display: block;
+        padding: 0;
+        .art-img, .art-text {
+            width: 100%;
+            margin: 0 0 14px 0;
+        }
+        .art-img{
+            padding-bottom: 62%;
+        }
+    }
+    .custom-dots .owl-dots {
+        margin-top: 10px !important;
+        position: unset;
+        .owl-dot { 
+            border-color: #00A551;
+        }
+    } 
+}
+
+
+
+@media (max-width: 320px) {
+    .art-item {
+        display: block;
+        .art-img, .art-text {
+            width: 100%;
+            margin: 0 0 10px 0;
+        }
+        .art-img{
+            padding-bottom: 62%;
+        }
+        .art-category{
+            text-align: left;
+            font-size: 8px;
+            margin: 0 0 5px 0;
+        }
+        .art-title{
+            font-size: 11px;
+            line-height: 13px;
+        }
+        .art-time {
+            display: flex;
+            margin: 5px 0;
+        }
+    }
+    .global-header-container {
+        .header-logo {
+            width: 40px;
+        }
+        .header-right-group {
+            width: 60px;
+            padding: 0;
+        }
+    }
+    .header-search-group {
+        width: calc(100% - 120px);
+    }
+    .homepage-category-list {
+        a {
+            width: calc(100% / 3 - 7px);
+            &:nth-child(4n){
+                margin-right: 10px;
+            }
+            &:nth-child(3n){
+                margin-right: 0;
+            }
+        }
+    }
+    .global-deal-container {
+        .global-deal-type a{
+            padding: 10px 0;
+            font-size: 12px;
+        }
+    }
+    .home-customer-review-container {
+        padding-top: 30px;
+        .group-title  {
+            font-size: 10px;
+            .title{
+                font-size: 16px;
+                line-height: 18px;
+            }
+        }
+        .item{
+            width: 100%;
+        }
+    }
+    .home-introduce-container {
+        font-size: 12px;
+        line-height: 14px;
+        .introduce-line-top {
+            margin-top: -20px;
+        }
+        .introduce-line-bottom {
+            max-height: 110px;
+        }
+        .title {
+            font-size: 16px;
+            line-height: 19px;            
+            margin: 0 0 13px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/LaptopTCC/scss/pc_style.css b/LaptopTCC/scss/pc_style.css
new file mode 100644
index 0000000..744e591
--- /dev/null
+++ b/LaptopTCC/scss/pc_style.css
@@ -0,0 +1,3171 @@
+@charset "UTF-8";
+body {
+  color: #000;
+  font-family: "Roboto", sans-serif;
+  background: #F3F3F3;
+  position: relative;
+  font-size: 14px;
+  min-width: 1212px;
+  word-break: break-word;
+  counter-reset: section;
+  font-weight: 400;
+  overflow-x: hidden;
+}
+
+::-webkit-scrollbar-track {
+  background: #f5f5f5;
+}
+
+::-webkit-scrollbar-thumb {
+  background: grey;
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #00a40f;
+}
+
+::-webkit-scrollbar {
+  width: 13px;
+  height: 10px;
+}
+
+.clearfix::after, .top-article-group .top-article-holder::after, .product-list-container .p-item::after, .home-article-container .video-holder::after, .global-menu-container .sub-menu::after {
+  content: "";
+  clear: both;
+  display: block;
+}
+
+.inherit, .article-page .article-category-list .title, .product-category-child .title, .art-item .art-title *, .p-item .p-name *, .global-breadcrumb h1 {
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  margin: 0;
+}
+
+.line-clamp-2, .top-article-group .top-article-holder .art-item:nth-child(1) .art-summary, .pd-config_group-holder .pd-config_group-list .title, .global-menu-container .cat-title, .art-item .art-title, .p-item .p-name {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-3, .art-item .art-summary {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-4 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 4;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-5 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 5;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.fit-img, .art-item img, .p-item img {
+  width: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  max-width: 100%;
+  max-height: 100%;
+  margin: auto;
+  display: block;
+}
+
+.hover-img a {
+  position: relative;
+  overflow: hidden;
+  display: block;
+}
+
+.hover-img a::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -15%;
+  bottom: 0;
+  width: 0;
+  height: 100%;
+  background-color: rgba(255, 255, 255, 0.5);
+  transition: none;
+  transform: skewX(-10deg);
+}
+
+.hover-img a:hover::before {
+  width: 120%;
+  background-color: rgba(255, 255, 255, 0);
+  transition: all 0.45s ease-out;
+  z-index: 2;
+}
+
+.scale-img {
+  display: block;
+  overflow: hidden;
+}
+
+.scale-img:hover img {
+  transform: scale(1.3);
+}
+
+.scale-img img {
+  transform: scale(1);
+  transition: 0.3s all;
+}
+
+.content-container {
+  max-width: 500px;
+  min-height: 300px;
+}
+
+@keyframes gradient-bg-antimation {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+.red, .pd-config_group-holder .pd-config_group-list .price, .product-detail-page .pd-price {
+  color: #E80E0E;
+}
+
+.color-main, .article-cate-container .group-title a, .pd-product-tab-container .tab-title-group a.active, .pd-config_group-holder .pd-config_group-list a.current, .pd-config_group-holder .pd-config_group-list a:hover, .pd-summary-group .pd-summary-btn, .product-category-child .item:hover, .home-customer-review-container .btn-view, .home-customer-review-container .item::before, .home-product-container .group-title, .home-product-container .category-child-holder a:last-child, .home-product-container .category-child-holder a:hover, .global-deal-container .global-deal-type a:hover, .global-deal-container .global-deal-type a.current, .global-footer-container a:hover, .global-menu-container a:hover, .global-header-container .sub-item-group a:hover, .global-header-container .item-title:hover, .global-address-list a:hover, .art-item a:hover, .p-item .p-name:hover, .global-breadcrumb a:hover, .label-container:hover {
+  color: #00A551;
+}
+
+.bg-main, .pd-offer-group .group-title, .static-html-container::before, .global-menu-container .group-title, .header-search-group button, .global-header-top {
+  background: #00A551;
+}
+
+.bg-linear, .article-page .article-category-list a:hover, .article-page .article-category-list a.current, .pd-btn-group .btn-buynow, .product-sort-group .icons:hover::before, .product-sort-group .article-cate-container .group-title .title:hover::before, .article-cate-container .group-title .product-sort-group .title:hover::before, .product-sort-group .header-search-group button:hover::before, .header-search-group .product-sort-group button:hover::before, .product-sort-group .icons.current::before, .product-sort-group .article-cate-container .group-title .current.title::before, .article-cate-container .group-title .product-sort-group .current.title::before, .product-sort-group .header-search-group button.current::before, .header-search-group .product-sort-group button.current::before, .product-sort-group .box-left a:hover, .product-sort-group .box-left a.current, .product-filter-container a.current, .product-filter-container a:hover, .product-filter-container select.current, .product-filter-container select:hover, .product-category-child .item:hover .image::before, .home-customer-review-container .item-title, .home-product-container .group-title::before, .home-product-container .group-title::after, .global-deal-container, .global-newsletter-container .form-holder a, .global-menu-container .cat-1::before, .art-item .art-category, .custom-dots .owl-dots .owl-dot.active, .custom-dots .owl-dots .owl-dot:hover, .paging a:hover, .paging a.current {
+  background: linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
+}
+
+.bg-linear-animate, .global-header-container .col-right-item:hover .item-title {
+  background: repeating-linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
+  background-size: 200% auto;
+  background-position: 0 100%;
+  animation: 2s linear infinite forwards gradient-bg-antimation;
+}
+
+.fancybox-thumbs__list a {
+  height: 90px;
+  background-size: 100% 100%;
+  background-color: #fff;
+  transition: unset;
+}
+
+.fancybox-thumbs__list a:before {
+  border: 3px solid #1781E0;
+}
+
+.label-container {
+  display: block;
+  position: relative;
+  padding-left: 24px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  line-height: 21px;
+  cursor: pointer;
+}
+
+.label-container .checkmark {
+  position: absolute;
+  top: 3px;
+  left: 0;
+  height: 13px;
+  width: 13px;
+  background-color: #fff;
+  border-radius: 50%;
+  border: 1px solid #BFBFBF;
+}
+
+.label-container input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.label-container input:checked ~ .checkmark {
+  border-color: #FF7A00;
+}
+
+.label-container input:checked ~ .checkmark:after {
+  display: block;
+}
+
+.label-container input:checked ~ .checkmark:after {
+  content: "";
+  width: 8px;
+  height: 8px;
+  background: #FF7A00;
+  border-radius: 50%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.container {
+  max-width: 1216px;
+  min-width: 1216px;
+}
+
+.row {
+  margin: 0 -8px;
+}
+
+.container, .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
+  padding: 0 8px;
+}
+
+.icon-star {
+  background-image: url(../images/star.png);
+  width: 85px;
+  height: 14px;
+  display: inline-block;
+  background-repeat: no-repeat;
+  background-size: 85px 90px;
+  vertical-align: sub;
+}
+
+.icon-star.star-1 {
+  background-position: -2px -74px;
+}
+
+.icon-star.star-2 {
+  background-position: -2px -56px;
+}
+
+.icon-star.star-3 {
+  background-position: -2px -38px;
+}
+
+.icon-star.star-4 {
+  background-position: -2px -20px;
+}
+
+.icon-star.star-5, .icon-star.star-0 {
+  background-position: -2px -2px;
+}
+
+.icons, .article-cate-container .group-title .title::before, .header-search-group button::before {
+  background: url(../images/global-sprite.png) no-repeat;
+  background-size: 250px 250px;
+}
+
+.global-breadcrumb {
+  padding: 10px 0;
+  font-size: 12px;
+  line-height: 14px;
+}
+.global-breadcrumb a {
+  color: #414141;
+}
+.global-breadcrumb ol, .global-breadcrumb ul {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.global-breadcrumb li {
+  display: flex;
+  align-items: center;
+}
+.global-breadcrumb li::after {
+  content: "/";
+  padding: 0 10px;
+  font-weight: 400;
+  font-size: 12px;
+  margin-top: 1px;
+}
+.global-breadcrumb li:last-child::after {
+  content: none;
+}
+.paging {
+  margin: 33px 0 16px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+.paging a {
+  width: 38px;
+  height: 38px;
+  line-height: 37px;
+  border-radius: 50%;
+  background: transparent;
+  text-align: center;
+  color: #A3A3A3;
+  margin: 0 4px;
+  overflow: hidden;
+  border: 1px solid #A3A3A3;
+  font-size: 14px;
+}
+.paging a:hover, .paging a.current {
+  color: #fff;
+  font-weight: 700;
+  border-color: transparent;
+}
+.paging a:hover *, .paging a.current * {
+  filter: invert(1) brightness(100);
+}
+.paging .icon-prev, .paging .icon-next {
+  background: url(../images/global-icon-left.png) no-repeat 16px center;
+  background-size: 7px;
+  font-size: 0 !important;
+  display: block;
+  height: 100%;
+  background-position: 14px center;
+}
+.paging .icon-next {
+  transform: rotate(-180deg);
+}
+
+.custom-nav .owl-nav {
+  margin: 0;
+}
+.custom-nav .owl-nav button {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  margin: 0 !important;
+  width: 46px;
+  height: 46px;
+  background: rgba(0, 0, 0, 0.4) !important;
+}
+.custom-nav .owl-nav button.disabled {
+  display: none;
+}
+.custom-nav .owl-nav button:hover {
+  background: #00a551 !important;
+}
+.custom-nav .owl-nav .owl-prev {
+  left: 0;
+  border-radius: 0 40px 40px 0 !important;
+}
+.custom-nav .owl-nav .owl-next {
+  right: 0;
+  border-radius: 40px 0 0 40px !important;
+}
+.custom-nav .owl-nav .arrow {
+  filter: invert(1) brightness(100);
+  height: 100%;
+  display: block;
+  background: url(../images/global-icon-left.png) no-repeat;
+  background-position: 15px center;
+  background-size: 9px 17px;
+  transition: 0.2s all;
+}
+.custom-nav .owl-nav .arrow-next {
+  transform: rotate(180deg);
+}
+
+.custom-dots .owl-dots {
+  margin: 0 !important;
+  position: absolute;
+  bottom: 15px;
+  left: 21px;
+}
+.custom-dots .owl-dots .owl-dot {
+  margin: 0 6px 0 0;
+  width: 8px;
+  height: 8px;
+  border-radius: 50px;
+  transition: 0.2s all;
+  background: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.8);
+}
+.custom-dots .owl-dots .owl-dot span {
+  display: none;
+}
+.custom-dots .owl-dots .owl-dot.active, .custom-dots .owl-dots .owl-dot:hover {
+  border-color: transparent;
+}
+
+.pd-custom-nav .owl-nav {
+  margin: 0;
+}
+.pd-custom-nav .owl-nav button {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  margin: 0 !important;
+  width: 18px;
+  height: 18px;
+}
+.pd-custom-nav .owl-nav button:hover {
+  background: unset !important;
+}
+.pd-custom-nav .owl-nav button.disabled {
+  opacity: 0.15;
+}
+.pd-custom-nav .owl-nav .owl-prev {
+  left: -20px;
+}
+.pd-custom-nav .owl-nav .owl-next {
+  right: -20px;
+}
+.pd-custom-nav .owl-nav .arrow {
+  height: 100%;
+  display: block;
+  background: url(../images/global-icon-left.png) no-repeat;
+  background-size: 9px;
+}
+.pd-custom-nav .owl-nav .arrow-next {
+  transform: rotate(180deg);
+}
+
+.p-item {
+  border-radius: 15px;
+  border: 1px solid #F5F5F5;
+  background: #FFF;
+  padding: 10px 10px 15px 10px;
+  text-align: center;
+  font-size: 13px;
+  overflow: hidden;
+}
+.p-item a {
+  display: block;
+  color: #000;
+}
+.p-item .p-img {
+  position: relative;
+  padding-bottom: 100%;
+  margin: 0 0 10px 0;
+}
+.p-item .p-type-holder {
+  min-height: 20px;
+  margin: 10px 0;
+  line-height: 20px;
+  text-align: left;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.p-item .p-bestsale {
+  margin: 0;
+  border-radius: 20px;
+  color: #fff;
+  background: linear-gradient(270deg, #FF7A00 0%, #FFB800 102.33%);
+  padding: 0 5px;
+  font-size: 11px;
+  font-weight: 700;
+  display: inline-flex;
+  align-items: center;
+}
+.p-item .p-bestsale::before {
+  content: "";
+  background: url(../images/p-icon-bestsale.png) no-repeat;
+  background-size: contain;
+  width: 11px;
+  height: 12px;
+  margin-right: 2px;
+}
+.p-item .p-name {
+  font-size: 13px;
+  line-height: 16px;
+  margin: 10px 0;
+  min-height: 32px;
+}
+.p-item .p-price-holder {
+  margin: 10px 0 16px;
+  color: #A3A3A3;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  height: 42px;
+}
+.p-item .p-price {
+  color: #E80E0E;
+  font-size: 20px;
+  font-weight: 800;
+  margin: 0 5px 0 0;
+  line-height: 20px;
+}
+.p-item .p-price u {
+  font-size: 15px;
+  line-height: inherit;
+  display: inline-block;
+  margin-left: 1px;
+}
+.p-item .p-discount {
+  border-radius: 5px;
+  background: #E80E0E;
+  color: #fff;
+  padding: 0 3px;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+}
+.p-item .p-old-price {
+  width: 100%;
+  line-height: 16px;
+  text-decoration: line-through;
+  margin-top: 6px;
+  font-size: 14px;
+}
+.p-item .p-btn-group {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  line-height: 28px;
+}
+.p-item .p-rate {
+  margin: 0;
+  color: #FF7A00;
+  font-size: 12px;
+  position: relative;
+}
+.p-item .p-rate::after {
+  content: "";
+  background: url(../images/star_rating.png) no-repeat;
+  background-size: 10px 44px;
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  right: -12px;
+  top: 7px;
+}
+.p-item .p-btn-add {
+  width: 28px;
+  height: 28px;
+  border-radius: 5px;
+  background: url(../images/p-icon-cart.png) no-repeat center;
+  background-color: #F5F5F5;
+  background-size: 18px;
+}
+.p-item .p-btn-add:hover {
+  filter: invert(128) brightness(2) sepia(1);
+}
+.p-item .p-deal-line {
+  height: 16px;
+  line-height: 16px;
+  margin: 0 0 6px;
+  border-radius: 12px;
+  background: linear-gradient(90deg, #FF7A00 2.7%, #FFCD9F 100%);
+  font-size: 12px;
+  font-style: italic;
+  font-weight: 500;
+  color: #fff;
+  position: relative;
+}
+.p-item .p-deal-line::before {
+  content: "";
+  width: 25px;
+  height: 25px;
+  background: url(../images/p-icon-deal-discount.png) no-repeat;
+  background-size: 25px;
+  z-index: 1;
+  position: absolute;
+  left: -4px;
+  bottom: -3px;
+}
+.p-item .p-deal-time {
+  border-radius: 12px;
+  border: 1px dashed #FF7A00;
+  background: #FFF;
+  color: #FF7A00;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.p-item .p-deal-time * {
+  line-height: 21px;
+}
+.p-item .p-deal-countdown {
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+}
+.p-item .p-deal-countdown b {
+  font-weight: 700;
+  margin-left: 3px;
+}
+.p-item .p-deal-countdown b::after {
+  content: " :";
+}
+.p-item .p-deal-countdown b:last-child::after {
+  content: none;
+}
+
+.art-item {
+  background: #fff;
+  border-radius: 15px;
+  padding: 16px;
+  color: #2F2F2F;
+  font-weight: 300;
+  line-height: 20px;
+}
+.art-item a {
+  display: block;
+  color: #2F2F2F;
+}
+.art-item .art-img {
+  position: relative;
+  margin: 0 0 12px;
+  padding-bottom: 62%;
+  border-radius: 15px;
+  overflow: hidden;
+}
+.art-item .art-category {
+  display: table;
+  min-height: 22px;
+  line-height: 22px;
+  padding: 0 15px;
+  border-radius: 0px 20px;
+  color: #FFF !important;
+  text-align: center;
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  margin: 0 0 10px 0;
+}
+.art-item .art-title {
+  font-weight: 500;
+  margin: 0 0 6px;
+}
+.art-item .art-summary {
+  margin: 0 0 10px;
+}
+.art-item .art-time {
+  display: inline-flex;
+  color: #B6B6B6;
+  font-weight: 400;
+  font-size: 13px;
+  margin: 0 30px 0 0;
+  align-items: center;
+}
+.art-item .art-time:last-child {
+  margin: 0;
+}
+.art-item .icons, .art-item .article-cate-container .group-title .title::before, .article-cate-container .group-title .art-item .title::before, .art-item .header-search-group button::before, .header-search-group .art-item button::before {
+  width: 20px;
+  height: 15px;
+}
+.art-item .icon-clock {
+  background-position: -181px -44px;
+}
+.art-item .icon-visit {
+  background-position: -152px -44px;
+}
+
+.global-fixed-social {
+  position: fixed;
+  bottom: 40%;
+  right: 10px;
+  z-index: 10000;
+  animation-duration: 1s;
+  animation-duration: 1s;
+  animation-fill-mode: both;
+  transform: translateX(2000px) scale(0.7);
+}
+.global-fixed-social a {
+  display: block;
+}
+.global-fixed-social .icon-mess {
+  width: 54px;
+  height: 54px;
+  margin: 0 0 10px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 54px;
+}
+.global-fixed-social .global-go-top {
+  background: rgba(139, 185, 88, 0.5);
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  transition: 0.3s all;
+  margin: auto;
+  display: none;
+}
+.global-fixed-social .global-go-top:hover {
+  background: rgb(139, 185, 88);
+}
+.global-fixed-social .global-go-top::before {
+  content: "";
+  display: block;
+  height: 100%;
+  transform: rotate(90deg);
+  background: url(../images/global-icon-left.png) no-repeat;
+  background-position: center;
+  background-size: 6px;
+  filter: brightness(100);
+}
+
+.global-address-list {
+  color: #000;
+}
+.global-address-list p {
+  margin: 0;
+}
+.global-address-list a {
+  color: #000;
+  display: table;
+}
+.global-address-list .address-item {
+  font-size: 13px;
+  line-height: 24px;
+  margin-bottom: 25px;
+}
+.global-address-list .group-title {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 20px;
+  margin: 0 0 12px 0;
+}
+
+.global-header-top {
+  color: #fff;
+  line-height: 36px;
+  font-size: 13px;
+}
+.global-header-top .col-left {
+  margin: 0;
+  font-style: italic;
+  font-weight: 700;
+}
+.global-header-top .col-right {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+}
+.global-header-top .global-address-list {
+  transition: 0.2s all;
+  position: absolute;
+  top: calc(100% + 30px);
+  left: 8px;
+  right: 8px;
+  background: #fff;
+  z-index: 1;
+  border-radius: 0 0 10px 10px;
+  padding: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
+  z-index: -2;
+  opacity: 0;
+  visibility: hidden;
+}
+.global-header-top .item-group:hover .global-address-list {
+  opacity: 1;
+  visibility: visible;
+  z-index: 4;
+  top: 100%;
+}
+.global-header-top .address-item {
+  width: 50%;
+  font-size: 14px;
+}
+.global-header-top .item-group {
+  margin-right: 25px;
+}
+.global-header-top .item-group .item {
+  margin: 0;
+}
+.global-header-top .item {
+  color: #fff;
+  margin-right: 25px;
+  display: flex;
+  align-items: center;
+}
+.global-header-top .item:last-child {
+  margin: 0;
+}
+.global-header-top .icons, .global-header-top .article-cate-container .group-title .title::before, .article-cate-container .group-title .global-header-top .title::before, .global-header-top .header-search-group button::before, .header-search-group .global-header-top button::before {
+  width: 18px;
+  height: 16px;
+}
+.global-header-top .icon-map {
+  background-position: -8px -8px;
+}
+.global-header-top .icon-bag {
+  background-position: -36px -8px;
+}
+.global-header-top .icon-news {
+  background-position: -67px -8px;
+  margin-right: 3px;
+}
+.global-header-top .icon-bolt {
+  background-position: -97px -8px;
+}
+
+.global-header-container {
+  min-height: 102px;
+  background: #fff;
+  padding: 16px 0;
+  top: -50px;
+  transition: 0.2s all;
+}
+.global-header-container img {
+  display: block;
+  width: auto;
+}
+.global-header-container .container, .global-header-container .col-right, .global-header-container .col-left {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 3;
+}
+.global-header-container .container {
+  flex-wrap: nowrap;
+}
+.global-header-container .col-left {
+  width: 230px;
+  margin-right: 16px;
+}
+.global-header-container .col-right {
+  width: calc(100% - 811px);
+  flex-wrap: nowrap;
+  white-space: nowrap;
+}
+.global-header-container .col-right .icons, .global-header-container .col-right .article-cate-container .group-title .title::before, .article-cate-container .group-title .global-header-container .col-right .title::before, .global-header-container .col-right .header-search-group button::before, .header-search-group .global-header-container .col-right button::before {
+  width: 22px;
+  height: 22px;
+  margin-right: 6px;
+}
+.global-header-container .header-logo {
+  margin-right: 16px;
+  width: 170px;
+}
+.global-header-container .item-title {
+  margin: 0 13px 0 0;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  line-height: 42px;
+  color: #000;
+  cursor: pointer;
+}
+.global-header-container .col-right-item {
+  margin-right: 16px;
+  position: relative;
+}
+.global-header-container .col-right-item:hover .sub-item-group {
+  top: 100%;
+  opacity: 1;
+  visibility: visible;
+  z-index: 4;
+}
+.global-header-container .col-right-item .item-title {
+  background: repeating-linear-gradient(270deg, #FFB800 0%, #FF7A41 102.33%);
+  background-size: 200% auto;
+  background-position: 0 100%;
+  animation: 2s linear infinite forwards gradient-bg-antimation;
+  border-radius: 30px;
+  padding: 0 12px;
+  color: #fff;
+  margin: 0;
+}
+.global-header-container .sub-item-group {
+  padding: 6px 20px 6px 12px;
+  border-radius: 10px;
+  background: #FFF;
+  box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.25);
+  position: absolute;
+  top: calc(100% + 30px);
+  left: 0;
+  right: 0;
+  transition: 0.2s all;
+  opacity: 0;
+  visibility: hidden;
+  z-index: -1;
+  min-width: 150px;
+}
+.global-header-container .sub-item-group a {
+  display: block;
+  color: #000;
+  font-weight: 500;
+  line-height: 18px;
+  white-space: nowrap;
+  margin: 5px 0;
+}
+.global-header-container .sub-item-group a:hover * {
+  color: inherit;
+}
+.global-header-container .sub-item-group b {
+  color: #FF7A00;
+}
+.global-header-container .item-cart {
+  border-radius: 21px;
+  border: 1px solid #00A551;
+  background: #FFF;
+  padding: 0 10px 0 6px;
+  margin: 0;
+}
+.global-header-container .cart-count {
+  width: 14px;
+  height: 14px;
+  line-height: 15px;
+  border-radius: 50%;
+  text-align: center;
+  background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+  color: #000;
+  font-style: normal;
+  font-weight: 700;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+}
+.global-header-container .icon-phone {
+  background-position: -131px -8px;
+  animation: phonering 1.8s infinite ease-in-out;
+}
+.global-header-container .icon-order {
+  background-position: -175px -9px;
+}
+.global-header-container .icon-cart {
+  background-position: -216px -9px;
+  position: relative;
+}
+
+.header-search-group {
+  width: 549px;
+  margin-right: 16px;
+}
+.header-search-group form {
+  border-radius: 50px;
+  box-shadow: 0px 0px 0px 1px #C3C3C3;
+  background: #FFF;
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+}
+.header-search-group form * {
+  height: 42px;
+  border: 0;
+  margin: 0;
+}
+.header-search-group input {
+  padding: 0 15px;
+  width: 485px;
+  border-radius: 50px 0 0 50px;
+}
+.header-search-group input::-moz-placeholder {
+  color: #C9C9C9;
+}
+.header-search-group input::placeholder {
+  color: #C9C9C9;
+}
+.header-search-group button {
+  border-radius: 0 50px 50px 0;
+  width: 105px;
+  color: #fff;
+  border-left: #C3C3C3;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+.header-search-group button::before {
+  content: "";
+  width: 22px;
+  height: 22px;
+  background-position: -9px -44px;
+}
+
+.global-menu-container {
+  z-index: 1;
+  margin: 0;
+  width: 43px;
+}
+.global-menu-container::after {
+  content: "";
+  padding: 20px 27px;
+  position: absolute;
+  margin: 30px 0 0 -55px;
+}
+.global-menu-container:hover .menu-list {
+  display: block;
+}
+.global-menu-container .group-title {
+  color: #fff;
+  margin: 0;
+  line-height: 42px;
+  border-radius: 7px;
+  padding: 0 7px 0 36px;
+  font-weight: bold;
+  text-transform: uppercase;
+  cursor: pointer;
+  position: relative;
+  font-size: 0;
+  white-space: nowrap;
+  display: inline-block;
+}
+.global-menu-container .group-title::before {
+  content: "";
+  position: absolute;
+  top: 11px;
+  left: 10px;
+  height: 20px;
+  width: 20px;
+  border-top: 2px solid #fff;
+  border-bottom: 2px solid #fff;
+}
+.global-menu-container .group-title::after {
+  content: "";
+  width: 14px;
+  height: 2px;
+  background: #fff;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 10px;
+}
+.global-menu-container .menu-list {
+  display: none;
+  position: absolute;
+  width: 230px;
+  height: 502px;
+  top: 100%;
+  left: 8px;
+  z-index: 5;
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
+  border-radius: 15px;
+}
+.global-menu-container a {
+  color: #000;
+  display: table;
+}
+.global-menu-container .cat-item {
+  height: 12.5%;
+}
+.global-menu-container .cat-item:last-child {
+  border-color: transparent;
+}
+.global-menu-container .cat-item:first-child .cat-1 {
+  border-radius: 15px 15px 0 0;
+}
+.global-menu-container .cat-item:last-child .cat-1 {
+  border-radius: 0 0 15px 15px;
+}
+.global-menu-container .cat-item:hover .cat-1 {
+  border-color: #00A551;
+}
+.global-menu-container .cat-item:hover .cat-1::before {
+  right: -15px;
+}
+.global-menu-container .cat-item:hover .cat-1::after {
+  right: 11px;
+  filter: invert(1) brightness(100);
+}
+.global-menu-container .cat-item:hover .sub-menu {
+  display: flex;
+}
+.global-menu-container .cat-1 {
+  color: #000 !important;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  background: #fff;
+  padding: 0 50px 0 15px;
+  position: relative;
+  font-size: 13px;
+  line-height: 17px;
+  overflow: hidden;
+  border-bottom: 1px solid #F5F5F5;
+}
+.global-menu-container .cat-1::before {
+  content: "";
+  width: 50px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: -100%;
+  transform: skewX(26deg);
+  transition: 0.25s all;
+}
+.global-menu-container .cat-2 {
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+.global-menu-container .cat-thumb {
+  width: 20px;
+  height: 20px;
+  margin-right: 6px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+.global-menu-container .cat-title {
+  width: calc(100% - 26px);
+}
+.global-menu-container .has-child::after {
+  content: "";
+  background: url(../images/global-icon-left.png) no-repeat;
+  background-size: contain;
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%) rotate(-180deg);
+  right: 11px;
+}
+.global-menu-container .sub-menu {
+  display: none;
+  flex-wrap: wrap;
+  position: absolute;
+  top: 0;
+  left: 230px;
+  height: 502px;
+  width: 970px;
+  background: #fff;
+  overflow: auto;
+  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
+  z-index: 1;
+  padding: 16px 18px;
+}
+.global-menu-container .sub-item {
+  width: 25%;
+  float: left;
+  padding: 0 20px 0 0;
+  margin-bottom: 25px;
+}
+.global-menu-container .sub-item a {
+  line-height: 20px;
+  margin: 7px 0;
+}
+
+.global-header-homepage .global-menu-container .group-title {
+  display: none;
+}
+.global-header-homepage .menu-list {
+  display: block;
+  top: calc(100% + 32px);
+  font-size: 13px;
+  box-shadow: unset;
+}
+.global-header-homepage .col-left {
+  width: 187px;
+  margin-right: 16px;
+}
+.global-header-homepage .header-logo {
+  margin: 0;
+  width: 187px;
+}
+.global-header-homepage .header-search-group {
+  width: 592px;
+}
+
+.global-header-fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 99;
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
+  min-height: unset;
+}
+.global-header-fixed .header-logo, .global-header-fixed .menu-list {
+  display: none;
+}
+.global-header-fixed .global-menu-container {
+  width: 100%;
+}
+.global-header-fixed .global-menu-container .group-title {
+  display: block;
+  font-size: 15px;
+  padding: 0 7px 0 43px;
+}
+.global-header-fixed .menu-list {
+  top: 100%;
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
+}
+
+.global-newsletter-container {
+  background: linear-gradient(270deg, #E3F2E9 0%, #CEE4B4 102.33%);
+}
+.global-newsletter-container img {
+  display: block;
+  width: auto;
+  margin-right: 66px;
+}
+.global-newsletter-container .container {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+.global-newsletter-container .group-title {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 28px;
+  text-transform: uppercase;
+  margin: 0 0 24px 0;
+  max-width: 500px;
+}
+.global-newsletter-container .form-holder {
+  position: relative;
+  width: 645px;
+  background: #fff;
+  border-radius: 50px;
+  display: flex;
+  justify-content: space-between;
+}
+.global-newsletter-container .form-holder input {
+  width: 490px;
+  height: 58px;
+  padding: 0 25px;
+  border-radius: 50px 0 0 50px;
+  margin: 0;
+  border-color: transparent;
+}
+.global-newsletter-container .form-holder input::-moz-placeholder {
+  color: #A3A3A3;
+}
+.global-newsletter-container .form-holder input::placeholder {
+  color: #A3A3A3;
+}
+.global-newsletter-container .form-holder a {
+  width: calc(100% - 490px);
+  line-height: 58px;
+  text-align: center;
+  color: #FFF;
+  text-transform: uppercase;
+  border-radius: 0 50px 50px 0;
+}
+.global-newsletter-container .newsletter-error {
+  color: red;
+  margin-top: 15px;
+  font-weight: 500;
+}
+
+.global-footer-container {
+  background: #fff;
+  padding: 22px 0;
+  line-height: 24px;
+  font-size: 13px;
+}
+.global-footer-container .item-bct img {
+  display: block;
+  width: auto;
+  max-width: 110px;
+}
+.global-footer-container .group-title {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 20px;
+  margin: 0 0 12px 0;
+}
+.global-footer-container a {
+  display: table;
+  color: #000;
+}
+.global-footer-container .address-item:nth-child(1) .group-title {
+  max-width: 240px;
+}
+
+.global-footer-end {
+  border-top: 1px dashed #D9D9D9;
+  font-size: 13px;
+  color: #797979;
+  line-height: 20px;
+  padding-top: 16px;
+}
+.global-footer-end p {
+  margin: 0;
+}
+.global-footer-end b {
+  font-weight: 600;
+}
+
+.footer-social-media {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 20px;
+}
+.footer-social-media .icons, .footer-social-media .article-cate-container .group-title .title::before, .article-cate-container .group-title .footer-social-media .title::before, .footer-social-media .header-search-group button::before, .header-search-group .footer-social-media button::before {
+  width: 36px;
+  height: 36px;
+  margin: 0 8px 0 0;
+  transition: 0.3s all;
+  position: relative;
+  bottom: 0;
+  background-size: 500px 500px;
+}
+.footer-social-media .icons:hover, .footer-social-media .article-cate-container .group-title .title:hover::before, .article-cate-container .group-title .footer-social-media .title:hover::before, .footer-social-media .header-search-group button:hover::before, .header-search-group .footer-social-media button:hover::before {
+  bottom: 5px;
+}
+.footer-social-media .icon-facebook {
+  background-position: -90px -90px;
+}
+.footer-social-media .icon-youtube {
+  background-position: -162px -90px;
+}
+.footer-social-media .icon-zalo {
+  background-position: -234px -90px;
+}
+.footer-social-media .icon-qr {
+  background-position: -4px -81px;
+}
+.footer-social-media .icon-cash {
+  background-position: -52px -80px;
+}
+.footer-social-media .icon-clock {
+  background-position: -94px -81px;
+}
+.footer-social-media .icon-wallet {
+  background-position: -134px -81px;
+}
+.footer-social-media p {
+  margin: 0 30px 10px 0;
+  font-size: 10px;
+  line-height: 20px;
+  text-align: center;
+}
+.footer-social-media p:last-child {
+  margin-right: 0;
+}
+.footer-social-media p .icons, .footer-social-media p .article-cate-container .group-title .title::before, .article-cate-container .group-title .footer-social-media p .title::before, .footer-social-media p .header-search-group button::before, .header-search-group .footer-social-media p button::before {
+  margin: auto auto 8px;
+  display: block;
+  width: 30px;
+  height: 20px;
+  background-size: 250px 250px;
+  position: unset;
+}
+
+.global-deal-container {
+  margin: 46px 0 16px;
+  border-radius: 15px;
+  padding: 40px 16px 20px;
+  position: relative;
+}
+.global-deal-container .group-title {
+  text-align: center;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 0;
+  max-width: 710px;
+  margin: -69px auto auto auto;
+}
+.global-deal-container .group-title .title {
+  color: #FFF;
+  text-shadow: 0px 4px 4px rgba(156, 0, 0, 0.96);
+  font-size: 36px;
+  font-style: italic;
+  font-weight: 800;
+  line-height: 42px;
+  margin: 0 18px 0 0;
+}
+.global-deal-container .icon-clock {
+  width: 42px;
+  height: 42px;
+  margin-right: 10px;
+  background-repeat: no-repeat;
+  background-size: 42px;
+  background-position: center;
+  animation: tada 1.8s infinite ease-in-out;
+}
+.global-deal-container .deal-time-holder {
+  font-weight: 300;
+  display: flex;
+  align-items: center;
+  border-radius: 18px;
+  box-shadow: 0px 0px 0px 1px #FFF;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.59) 57.29%, rgba(255, 255, 255, 0.8) 96.87%);
+  padding: 5px 14px;
+  line-height: 26px;
+}
+.global-deal-container .deal-countdown-holder {
+  display: flex;
+  align-items: center;
+}
+.global-deal-container .deal-countdown-holder b {
+  border-radius: 5px;
+  background: #000;
+  color: #fff;
+  font-size: 18px;
+  font-weight: 800;
+  position: relative;
+  padding: 0 3px;
+  margin: 0 5px;
+  height: 26px;
+  line-height: 27px;
+}
+.global-deal-container .deal-countdown-holder b::after {
+  content: ":";
+  position: absolute;
+  right: -8px;
+  color: #000;
+}
+.global-deal-container .deal-countdown-holder b:last-child::after {
+  content: none;
+}
+.global-deal-container .global-deal-type {
+  margin: 10px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.global-deal-container .global-deal-type a {
+  margin: 0 5px;
+  color: #fff;
+  text-transform: uppercase;
+  font-weight: 700;
+  opacity: 0.7;
+  padding: 9px 52px;
+  border: 1px solid #fff;
+  border-radius: 50px;
+}
+.global-deal-container .global-deal-type a:hover, .global-deal-container .global-deal-type a.current {
+  background: #fff;
+  opacity: 1;
+}
+.global-deal-container .btn-deal {
+  display: table;
+  margin: 19px auto 0;
+  color: #fff;
+  text-decoration-line: underline;
+}
+.global-deal-container .product-holder {
+  min-height: 450px;
+  background: #fff;
+  border-radius: 15px;
+  padding: 14px 16px;
+}
+
+.homepage {
+  padding-top: 16px;
+}
+.homepage .home-box-container, .homepage .home-video-container {
+  margin: 16px 0;
+  background: #fff;
+  padding: 18px 16px;
+  border-radius: 15px;
+}
+
+.home-banner-group {
+  width: 956px;
+  margin: auto 0 16px auto;
+  display: flex;
+  flex-wrap: wrap;
+  min-height: 502px;
+}
+.home-banner-group a {
+  display: block;
+}
+.home-banner-group a img {
+  border-radius: 15px;
+  display: block;
+}
+.home-banner-group .home-slider-group {
+  width: 632px;
+  margin: 0 16px 16px 0;
+}
+.home-banner-group .home-slider-group img {
+  border-radius: 0;
+}
+.home-banner-group .home-banner-right {
+  width: 308px;
+  margin: 0 0 16px 0;
+}
+.home-banner-group .home-banner-right a {
+  margin: 0 0 16px 0;
+}
+.home-banner-group .home-banner-right a:last-child {
+  margin: 0;
+}
+.home-banner-group .home-banner-bottom {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+.home-banner-group .home-banner-bottom a {
+  margin: 0 16px 0 0;
+  width: calc(33.3333333333% - 11px);
+}
+.home-banner-group .home-banner-bottom a:nth-child(3n) {
+  margin: 0;
+}
+
+.home-policy-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.home-policy-container .item {
+  border-radius: 10px;
+  border: 1px solid #F5F5F5;
+  background: #FFF;
+  margin: 16px 16px 16px 0;
+  width: calc(20% - 13px);
+  line-height: 14px;
+  font-size: 12px;
+  padding: 12px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.home-policy-container .item:nth-child(5n) {
+  margin-right: 0;
+}
+.home-policy-container b {
+  font-weight: 700;
+  margin-bottom: 4px;
+}
+.home-policy-container .text {
+  margin: 0;
+  width: calc(100% - 48px);
+}
+.home-policy-container .text * {
+  display: block;
+}
+.home-policy-container .icons, .home-policy-container .article-cate-container .group-title .title::before, .article-cate-container .group-title .home-policy-container .title::before, .home-policy-container .header-search-group button::before, .header-search-group .home-policy-container button::before {
+  width: 48px;
+  height: 40px;
+}
+.home-policy-container .icon-1 {
+  background-position: -207px -117px;
+}
+.home-policy-container .icon-2 {
+  background-position: -10px -171px;
+}
+.home-policy-container .icon-3 {
+  background-position: -77px -171px;
+}
+.home-policy-container .icon-4 {
+  background-position: -140px -171px;
+}
+.home-policy-container .icon-5 {
+  background-position: -201px -171px;
+}
+
+.home-collection-container {
+  margin: 16px 0;
+  padding: 24px 16px;
+  border-radius: 15px;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+.home-collection-container .group-title {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: baseline;
+  margin: 0 0 15px 0;
+}
+.home-collection-container .group-left {
+  margin: 0;
+  color: #FFF;
+  font-size: 50px;
+  font-style: italic;
+  font-weight: 700;
+  line-height: 50px;
+  text-transform: uppercase;
+  display: flex;
+  align-items: baseline;
+}
+.home-collection-container .group-left span {
+  font-size: 32px;
+  font-style: italic;
+  font-weight: 300;
+  text-transform: uppercase;
+  line-height: 38px;
+}
+.home-collection-container .group-left .text-bg {
+  border-radius: 31px;
+  background: linear-gradient(270deg, #F00 0%, #FF7A41 102.33%);
+  padding: 0 22px 0 10px;
+  margin: 0 10px 0 13px;
+}
+.home-collection-container .btn-view {
+  color: #FFF;
+  font-size: 14px;
+  font-weight: 400;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+}
+.home-collection-container .home-collection-info {
+  display: flex;
+  flex-wrap: wrap;
+}
+.home-collection-container .banner-holder {
+  width: 373px;
+  margin-right: 16px;
+}
+.home-collection-container .banner-holder img {
+  display: block;
+  width: auto;
+  border: 1px solid #FF8F8F;
+  border-radius: 15px;
+}
+.home-collection-container .product-collection {
+  width: calc(100% - 389px);
+}
+.home-collection-container .p-img {
+  padding-bottom: 78% !important;
+}
+.home-collection-container .p-img img {
+  width: auto !important;
+}
+
+.home-product-container .product-category-holder {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 18px;
+}
+.home-product-container .category-child-holder {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 13px;
+  font-weight: 300;
+}
+.home-product-container .category-child-holder a {
+  color: #000;
+  margin: 0 34px 0 0;
+}
+.home-product-container .category-child-holder a:last-child {
+  text-decoration: underline;
+  margin: 0;
+  font-weight: 400;
+}
+.home-product-container .group-title {
+  margin: 0;
+  position: relative;
+  font-size: 26px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 30px;
+  padding-bottom: 17px;
+}
+.home-product-container .group-title::before, .home-product-container .group-title::after {
+  content: "";
+  height: 12px;
+  transform: skewX(-20deg);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.home-product-container .group-title::before {
+  width: 5px;
+}
+.home-product-container .group-title::after {
+  left: 9px;
+  right: 0;
+}
+
+.home-article-container {
+  padding: 18px 0;
+}
+.home-article-container .group-title {
+  text-align: center;
+  line-height: 30px;
+  margin-bottom: 25px;
+}
+.home-article-container .group-title .title {
+  margin: 0 17px 0 0;
+  font-size: 26px;
+  font-weight: 700;
+  text-transform: uppercase;
+  display: inline-block;
+}
+.home-article-container .group-title a {
+  color: #00A551;
+  font-size: 13px;
+  font-weight: 400;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+}
+.home-article-container .video-item {
+  float: left;
+  width: 280px;
+  height: 170px;
+  position: relative;
+  margin: 0 16px 0 0;
+  border-radius: 15px;
+  overflow: hidden;
+  cursor: pointer;
+}
+.home-article-container .video-item::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  z-index: 1;
+}
+.home-article-container .video-item::after {
+  content: "▶";
+  width: 56px;
+  height: 56px;
+  line-height: 56px;
+  border-radius: 50%;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+  color: #e8e8ea;
+  background: linear-gradient(90deg, #5ed555 50%, #15bd7b 50%);
+  font-size: 28px;
+  padding-left: 7px;
+}
+.home-article-container .video-item:nth-child(1) {
+  width: 576px;
+  height: 356px;
+  margin-bottom: 0;
+}
+.home-article-container .video-item:nth-child(1)::after {
+  width: 80px;
+  height: 80px;
+  line-height: 80px;
+  font-size: 43px;
+}
+.home-article-container .video-item:nth-child(1) .title {
+  display: block;
+  font-size: 20px;
+  position: absolute;
+  left: 17px;
+  right: 17px;
+  bottom: 15px;
+  white-space: nowrap;
+  overflow: hidden;
+  color: #fff;
+  z-index: 2;
+  text-overflow: ellipsis;
+}
+.home-article-container .video-item:nth-child(3), .home-article-container .video-item:nth-child(5) {
+  margin-right: 0;
+}
+.home-article-container .video-item:nth-child(n+4) {
+  margin-top: 16px;
+}
+.home-article-container .video-item .title {
+  display: none;
+}
+.home-article-container .video-item img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.home-article-container .custom-dots .owl-dots {
+  margin-top: 10px !important;
+  position: unset;
+}
+.home-article-container .custom-dots .owl-dots .owl-dot {
+  border-color: #00A551;
+}
+
+.home-customer-review-container {
+  padding: 64px 100px 23px;
+  background-color: #fff;
+  border-radius: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  background-position: top;
+  background-size: contain;
+  font-size: 13px;
+  line-height: 16px;
+  margin: 16px 0;
+}
+.home-customer-review-container .group-title {
+  text-align: center;
+  width: 100%;
+  margin: 0 0 30px;
+  line-height: 16px;
+}
+.home-customer-review-container .group-title p {
+  margin: 0;
+}
+.home-customer-review-container .group-title .title {
+  color: #000;
+  font-size: 26px;
+  line-height: 30px;
+  font-weight: 700;
+  text-transform: uppercase;
+  margin: 0 0 11px;
+}
+.home-customer-review-container .item {
+  background: #fff;
+  position: relative;
+  margin-top: 26px;
+  border-radius: 20px;
+  border: 2px solid #76b657;
+  padding: 50px 14px 14px;
+  width: 39.2%;
+}
+.home-customer-review-container .item::before {
+  content: "0" counter(section);
+  counter-increment: section;
+  font-size: 48px;
+  font-weight: 700;
+  line-height: 56px;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+  background: #fff;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: -72px;
+}
+.home-customer-review-container .item img {
+  display: block;
+  width: auto;
+  border-radius: 15px;
+}
+.home-customer-review-container .item-title {
+  line-height: 39px;
+  display: table;
+  border-radius: 20px 0;
+  color: #FFF;
+  font-weight: 700;
+  padding: 0 30px 0 13px;
+  text-transform: uppercase;
+  margin: 0;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+}
+.home-customer-review-container .item-summary {
+  margin-bottom: 12px;
+}
+.home-customer-review-container .btn-view {
+  display: table;
+  text-decoration: underline;
+  margin: 0 0 20px 0;
+}
+
+.home-introduce-container {
+  margin: 16px 0;
+  border-radius: 15px;
+  background: #FFF;
+  position: relative;
+  padding: 26px 0 30px;
+  font-size: 13px;
+  line-height: 16px;
+  border: 3px solid #00A551;
+}
+.home-introduce-container img {
+  display: block;
+  width: auto;
+  border-radius: 15px;
+}
+.home-introduce-container svg {
+  width: 100%;
+}
+.home-introduce-container .introduce-content-holder {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 25px 16px 0;
+}
+.home-introduce-container .introduce-line-bottom {
+  margin: -40px 0 0 0;
+}
+.home-introduce-container .col-left, .home-introduce-container .col-right {
+  width: calc(50% - 8px);
+}
+.home-introduce-container p {
+  margin: 0 0 12px;
+}
+.home-introduce-container .title {
+  font-size: 26px;
+  line-height: 30px;
+  font-weight: 700;
+  margin: 0 0 13px;
+}
+.home-introduce-container .quote {
+  border-radius: 20px 0px;
+  background: linear-gradient(270deg, rgba(0, 165, 81, 0.25) 0%, rgba(142, 185, 88, 0.25) 102.33%);
+  line-height: 18px;
+  padding: 16px;
+  margin: 20px 0 0;
+}
+
+.home-customer-images-container {
+  margin: 16px 0;
+  display: flex;
+  flex-wrap: wrap;
+}
+.home-customer-images-container img {
+  display: block;
+  width: auto;
+}
+.home-customer-images-container .col-left {
+  width: 288px;
+  margin-right: 16px;
+}
+.home-customer-images-container .col-left img {
+  border-radius: 15px;
+  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25);
+}
+.home-customer-images-container .col-right {
+  width: calc(100% - 304px);
+  padding: 30px 16px;
+  border-radius: 15px;
+  background: linear-gradient(90deg, #00A551 0%, #FFB446 100%);
+}
+.home-customer-images-container .custom-nav .owl-nav .owl-prev {
+  left: -16px;
+}
+.home-customer-images-container .custom-nav .owl-nav .owl-next {
+  right: -16px;
+}
+
+.deal-page .product-holder {
+  display: flex;
+  flex-wrap: wrap;
+}
+.deal-page .p-item {
+  margin: 0 16px 0 0;
+  width: calc(25% - 12px);
+  border: 0;
+}
+.deal-page .p-item:hover {
+  box-shadow: 0px 0px 6px 1px #F5F5F5;
+}
+.deal-page .p-item:nth-child(n+5) {
+  margin-top: 16px;
+}
+.deal-page .p-item:nth-child(4n) {
+  margin-right: 0;
+}
+.deal-page .paging a {
+  border-color: #fff;
+  color: #fff;
+}
+.deal-page .paging a * {
+  filter: brightness(100);
+}
+.deal-page .paging a:hover, .deal-page .paging a.current {
+  background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+  border-color: transparent;
+  color: #000;
+}
+.deal-page .paging a:hover *, .deal-page .paging a.current * {
+  filter: unset;
+}
+
+.product-page .product-banner-group {
+  margin-bottom: 23px;
+  min-height: 220px;
+}
+.product-page .product-banner-group img {
+  border-radius: 15px;
+}
+.product-page .product-content-container {
+  padding: 17px;
+  background: #fff;
+  border-radius: 15px;
+  margin: 10px 0 16px;
+}
+.product-page .paging {
+  margin: 30px 0 40px;
+}
+.product-page .product-holder {
+  display: flex;
+  flex-wrap: wrap;
+}
+.product-page .p-item {
+  margin: 0 16px 0 0;
+  width: calc(20% - 13px);
+}
+.product-page .p-item:nth-child(5n) {
+  margin-right: 0;
+}
+.product-page .p-item:nth-child(n+6) {
+  margin-top: 16px;
+}
+
+.product-category-child {
+  margin: 23px 0 30px;
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 15px;
+  line-height: 18px;
+}
+.product-category-child .item {
+  color: #000;
+  margin: 0;
+  padding: 0 20px;
+  width: calc(14.2857142857% - 14px);
+  text-align: center;
+  margin: 0 16px 0 0;
+}
+.product-category-child .item:nth-child(7n) {
+  margin-right: 0;
+}
+.product-category-child .item:nth-child(n+8) {
+  margin-top: 30px;
+}
+.product-category-child .item:hover .image::before {
+  content: "";
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.product-category-child .item:hover .image::after {
+  content: "";
+  background: inherit;
+  position: absolute;
+  inset: 0;
+  background-color: transparent;
+  filter: invert(1) brightness(100);
+}
+.product-category-child .image {
+  display: block;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  position: relative;
+  margin: 0 auto 20px auto;
+  overflow: hidden;
+  background: #FFF;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 36px;
+}
+.product-category-child .no-thumb::after {
+  filter: unset !important;
+}
+
+.product-filter-container {
+  padding: 17px;
+  background: #fff;
+  border-radius: 15px;
+  margin: 30px 0 10px;
+}
+.product-filter-container .filter-item {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 16px;
+}
+.product-filter-container .filter-item:last-child {
+  margin: 0;
+}
+.product-filter-container .filter-title {
+  width: 110px;
+  margin: 6px 30px 0 0;
+  font-size: 13px;
+  font-weight: 700;
+}
+.product-filter-container .filter-list {
+  width: calc(100% - 140px);
+}
+.product-filter-container a, .product-filter-container select {
+  display: inline-block;
+  line-height: 30px;
+  padding: 0 12px;
+  border-radius: 8px;
+  background: #f3f3f3;
+  color: #000;
+  font-size: 13px;
+  margin: 0 7px 7px 0;
+  cursor: pointer;
+  border: 0;
+}
+.product-filter-container a.current, .product-filter-container a:hover, .product-filter-container select.current, .product-filter-container select:hover {
+  color: #fff;
+}
+.product-filter-container select {
+  height: 30px;
+  background: #f3f3f3 !important;
+  color: #000 !important;
+  padding: 0 8px;
+}
+
+.product-sort-group {
+  margin-bottom: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  line-height: 30px;
+  font-size: 13px;
+}
+.product-sort-group .group-title {
+  font-weight: 700;
+  margin: 0 20px 0 0;
+}
+.product-sort-group .box-left, .product-sort-group .box-right {
+  display: flex;
+  align-items: center;
+}
+.product-sort-group .box-left a {
+  border-radius: 8px;
+  border: 1px dashed #C3C3C3;
+  background: #FFF;
+  color: #000;
+  margin: 0 5px 0 0;
+  padding: 0 11px;
+}
+.product-sort-group .box-left a:hover, .product-sort-group .box-left a.current {
+  color: #fff;
+  border-color: transparent;
+}
+.product-sort-group .icons, .product-sort-group .article-cate-container .group-title .title::before, .article-cate-container .group-title .product-sort-group .title::before, .product-sort-group .header-search-group button::before, .header-search-group .product-sort-group button::before {
+  width: 30px;
+  height: 30px;
+  background-color: #F3F3F3;
+  margin: 0 0 0 5px;
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+}
+.product-sort-group .icons:hover::before, .product-sort-group .article-cate-container .group-title .title:hover::before, .article-cate-container .group-title .product-sort-group .title:hover::before, .product-sort-group .header-search-group button:hover::before, .header-search-group .product-sort-group button:hover::before, .product-sort-group .icons.current::before, .product-sort-group .article-cate-container .group-title .current.title::before, .article-cate-container .group-title .product-sort-group .current.title::before, .product-sort-group .header-search-group button.current::before, .header-search-group .product-sort-group button.current::before {
+  content: "";
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.product-sort-group .icons:hover::after, .product-sort-group .icons.current::after {
+  content: "";
+  background: inherit;
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  filter: brightness(100);
+  background-color: transparent;
+}
+.product-sort-group .icon-grid {
+  background-position: -174px -75px;
+}
+.product-sort-group .icon-list {
+  background-position: -211px -75px;
+}
+
+.product-list-container {
+  justify-content: space-between;
+}
+.product-list-container .p-item {
+  width: calc(50% - 8px);
+  margin: 0 0 16px 0 !important;
+  text-align: left;
+}
+.product-list-container .p-item .p-img {
+  width: 35%;
+  padding-bottom: 35%;
+  margin: 0 16px 0 0;
+  float: left;
+}
+.product-list-container .p-item .p-text, .product-list-container .p-item .p-type-holder, .product-list-container .p-item .p-btn-group {
+  width: calc(65% - 16px);
+  float: left;
+}
+.product-list-container .p-item .p-type-holder, .product-list-container .p-item .p-name {
+  margin: 0;
+}
+.product-list-container .p-item .p-price-holder {
+  justify-content: flex-start;
+}
+.product-list-container .p-item .p-type-holder, .product-list-container .p-item .p-price-holder, .product-list-container .p-item .p-name {
+  height: auto;
+  min-height: unset;
+}
+.product-list-container .p-item .p-bestsale {
+  margin: 0 10px 10px 0;
+}
+.product-list-container .p-item .p-rate {
+  font-size: 13px;
+}
+
+.static-html-container {
+  position: relative;
+  padding: 28px 0 10px 0;
+  font-size: 13px;
+}
+.static-html-container::before {
+  content: "";
+  max-width: 1000px;
+  width: 100%;
+  height: 2px;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.static-html-container .static-content * {
+  font-family: inherit !important;
+  line-height: inherit !important;
+}
+.static-html-container .btn-static-group {
+  text-align: center;
+  margin-top: 14px;
+}
+.static-html-container .btn-static-group a {
+  color: #00A551;
+  font-size: 13px;
+  line-height: 16px;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+  display: none;
+}
+
+.product-detail-page .pd-box-group {
+  border-radius: 15px;
+  background: #FFF;
+  margin: 0 0 16px 0;
+  padding: 16px;
+}
+.product-detail-page .page-title {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 24px;
+  margin: 0 0 19px;
+  width: 100%;
+}
+.product-detail-page .pd-info-container, .product-detail-page .pd-info-col-left {
+  display: flex;
+  flex-wrap: wrap;
+}
+.product-detail-page .pd-price-group {
+  margin: 18px 0;
+  line-height: 21px;
+  font-size: 13px;
+}
+.product-detail-page .pd-price-group * {
+  display: inline-block;
+}
+.product-detail-page .pd-price {
+  font-size: 32px;
+  font-weight: 800;
+}
+.product-detail-page .pd-price u {
+  font-size: 20px;
+  vertical-align: middle;
+}
+.product-detail-page .pd-old-price {
+  margin: 0 10px;
+  color: #A3A3A3;
+  font-size: 18px;
+}
+.product-detail-page .pd-discount {
+  color: #fff;
+  border-radius: 5px;
+  background: #E80E0E;
+  font-weight: 500;
+  padding: 0 3px;
+  vertical-align: text-bottom;
+}
+.product-detail-page .pd-desc-group .group-title, .product-detail-page .pd-spec-group .group-title, .product-detail-page .pd-comment-container .group-title {
+  border-bottom: 1px solid #F5F5F5;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 20px;
+  text-transform: uppercase;
+  margin: 0 -16px 16px;
+  padding: 0 16px;
+}
+.product-detail-page .pd-desc-group .group-title span, .product-detail-page .pd-spec-group .group-title span, .product-detail-page .pd-comment-container .group-title span {
+  display: inline-block;
+  padding-bottom: 9px;
+  border-bottom: 1px solid #00A551;
+}
+.product-detail-page .pd-desc-group {
+  width: 795px;
+  margin-right: 16px;
+  float: left;
+  line-height: 20px;
+}
+.product-detail-page .pd-desc-group .static-html-container {
+  font-size: inherit;
+  padding: 0;
+  margin-bottom: 30px;
+}
+.product-detail-page .pd-desc-group .static-html-container::before {
+  content: none;
+}
+.product-detail-page .pd-spec-group {
+  width: 389px;
+  float: left;
+}
+.product-detail-page .pd-spec-group .btn-show {
+  display: block;
+  text-align: center;
+  line-height: 30px;
+  margin-top: 10px;
+  color: #00A551;
+  text-transform: uppercase;
+}
+.product-detail-page .pd-spec-holder {
+  padding: 0;
+}
+.product-detail-page .pd-spec-holder tr:nth-child(n+12) {
+  display: none;
+}
+
+.pd-info-col-left {
+  width: calc(100% - 286px);
+  margin-right: 15px;
+}
+.pd-info-col-left .pd-info-group {
+  width: calc(100% - 389px);
+}
+
+.pd-info-col-right {
+  width: 271px;
+}
+
+.pd-image-container {
+  width: 373px;
+  margin-right: 16px;
+}
+.pd-image-container .pd-image-large {
+  border-radius: 15px;
+  margin-bottom: 24px;
+  overflow: hidden;
+  position: relative;
+  border: 6px solid #92c26c;
+  border-left: 6px solid #519064;
+  border-right: 6px solid #519064;
+}
+.pd-image-container .pd-gallery-holder {
+  padding: 0 20px;
+  margin: 20px 0 40px;
+}
+.pd-image-container .pd-gallery-holder .item {
+  display: block;
+  overflow: hidden;
+  border-radius: 15px;
+  border: 1px solid #d9d9d9;
+}
+.pd-image-container .pd-gallery-holder .item.mz-thumb-selected {
+  border: 2px solid #00A551;
+}
+.pd-image-container .pd-gallery-holder img {
+  filter: unset !important;
+}
+
+.pd-summary-group {
+  font-size: 13px;
+  line-height: 16px;
+}
+.pd-summary-group .pd-summary-btn {
+  display: table;
+  text-decoration: underline;
+}
+.pd-summary-group .pd-summary-btn::before {
+  content: "Xem thêm +";
+}
+.pd-summary-group .pd-summary-btn.active::before {
+  content: "Thu gọn -";
+}
+.pd-summary-group .pd-summary-list.active .item {
+  display: block;
+}
+.pd-summary-group .item {
+  margin-bottom: 10px;
+  position: relative;
+  padding-left: 12px;
+}
+.pd-summary-group .item::before {
+  content: "●";
+  font-size: 6px;
+  position: absolute;
+  top: -1px;
+  left: 0;
+}
+.pd-summary-group .item:nth-child(n+6) {
+  display: none;
+}
+
+.pd-deal-price-group {
+  border-radius: 15px;
+  background: linear-gradient(270deg, #F00 0%, #FF7A41 102.33%);
+  margin-bottom: 18px;
+  padding: 9px 16px;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 300;
+  line-height: 16px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+.pd-deal-price-group .pd-deal-price {
+  margin: 0 0 4px;
+}
+.pd-deal-price-group .pd-deal-price * {
+  display: inline-block;
+}
+.pd-deal-price-group .pd-deal-price > span {
+  min-width: 90px;
+}
+.pd-deal-price-group .pd-deal-price b {
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 33px;
+}
+.pd-deal-price-group .pd-deal-price b u {
+  vertical-align: middle;
+  font-size: 16px;
+}
+.pd-deal-price-group .p-deal-old-price {
+  font-weight: 400;
+  margin-right: 10px;
+}
+.pd-deal-price-group .p-deal-discount {
+  color: #E80E0E;
+  font-weight: 500;
+  background: #fff;
+  padding: 2px;
+  display: inline-block;
+  min-width: unset !important;
+  border-radius: 5px;
+}
+.pd-deal-price-group .pd-deal-time {
+  margin-bottom: 4px;
+}
+.pd-deal-price-group .pd-deal-time, .pd-deal-price-group .pd-deal-countdown {
+  display: flex;
+  align-items: center;
+}
+.pd-deal-price-group .pd-deal-countdown b {
+  margin: 0 0 0 10px;
+  background: #fff;
+  border-radius: 5px;
+  padding: 4px 3px;
+  position: relative;
+  color: #E80E0E;
+  font-size: 18px;
+  font-weight: 800;
+  line-height: 17px;
+}
+.pd-deal-price-group .pd-deal-countdown b::before {
+  content: ":";
+  color: #fff;
+  position: absolute;
+  left: -8px;
+}
+.pd-deal-price-group .pd-deal-countdown b:first-child::before {
+  content: none;
+}
+.pd-deal-price-group .pd-deal-info {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 13px;
+  font-style: italic;
+  font-weight: 600;
+  margin-top: 14px;
+}
+.pd-deal-price-group .pd-deal-line {
+  border-radius: 12px;
+  background: linear-gradient(90deg, #FFD600 2.7%, #FFF7AF 100%);
+  background-size: 200% auto;
+  background-position: 0 100%;
+  animation: 2s linear infinite forwards gradient-bg-antimation;
+  max-width: 340px;
+  width: 100%;
+  height: 16px;
+  position: relative;
+}
+.pd-deal-price-group .pd-deal-icon {
+  background: url(../images/p-icon-deal-discount.png) no-repeat;
+  background-size: 25px;
+  width: 25px;
+  height: 25px;
+  position: absolute;
+  bottom: -3px;
+  left: -4px;
+}
+
+.pd-status-group {
+  margin: 0 0 18px;
+  font-size: 12px;
+  line-height: 14px;
+}
+.pd-status-group b {
+  font-weight: 600;
+}
+.pd-status-group p {
+  display: inline-block;
+  margin: 0 25px 10px 0;
+}
+
+.pd-config_group-holder {
+  margin: 18px 0;
+  font-size: 13px;
+  line-height: 16px;
+}
+.pd-config_group-holder .group-title {
+  display: block;
+}
+.pd-config_group-holder .pd-config_group-list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  text-align: center;
+}
+.pd-config_group-holder .pd-config_group-list a {
+  margin: 11px 0 0 0;
+  width: calc(50% - 8px);
+  padding: 10px;
+  border-radius: 8px;
+  border: 1px solid #D9D9D9;
+  background: #FFF;
+  color: #000;
+}
+.pd-config_group-holder .pd-config_group-list a:hover {
+  border-color: #00A551;
+}
+.pd-config_group-holder .pd-config_group-list a.current {
+  border: 2px solid #00A551;
+}
+.pd-config_group-holder .pd-config_group-list .title {
+  margin-bottom: 4px;
+}
+.pd-config_group-holder .pd-config_group-list .price {
+  font-size: 15px;
+  font-weight: 800;
+  line-height: 18px;
+}
+.pd-config_group-holder .pd-config_group-list .price u {
+  font-size: 12px;
+  vertical-align: middle;
+}
+
+.pd-offer-group {
+  margin: 36px 0 18px;
+  border-radius: 15px;
+  border: 1px dashed #00A551;
+  background: #FFF;
+  padding: 34px 20px 14px;
+  position: relative;
+  font-size: 13px;
+  line-height: 20px;
+}
+.pd-offer-group .group-title {
+  border-radius: 20px;
+  margin: 0;
+  color: #FFF;
+  line-height: 38px;
+  font-size: 13px;
+  font-weight: 700;
+  text-align: center;
+  padding: 0 15px;
+  position: absolute;
+  top: -20px;
+  left: 20px;
+}
+.pd-offer-group .item {
+  position: relative;
+  padding-left: 35px;
+  margin-bottom: 5px;
+}
+.pd-offer-group .item:last-child {
+  margin: 0;
+}
+.pd-offer-group .item::before {
+  content: "";
+  width: 16px;
+  height: 10px;
+  border: 3px solid #00A551;
+  border-top: 0;
+  border-right: 0;
+  position: absolute;
+  top: 2px;
+  left: 0;
+  transform: rotate(-45deg);
+}
+
+.pd-quantity-group {
+  margin: 14px 0;
+  display: flex;
+  align-items: center;
+}
+.pd-quantity-group p {
+  margin: 0 22px 0 0;
+}
+.pd-quantity-group .quanity-change-group {
+  display: flex;
+  align-items: center;
+  border-radius: 5px;
+  box-shadow: 0px 0px 0px 1px #D9D9D9;
+  background: #FFF;
+  text-align: center;
+  width: 102px;
+}
+.pd-quantity-group .quanity-change-group a {
+  line-height: 40px;
+  width: 28px;
+  color: #000;
+  font-weight: bold;
+}
+.pd-quantity-group .quanity-change-group input {
+  width: 46px;
+  height: 40px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-left: 1px solid #CECECE;
+  border-right: 1px solid #CECECE;
+  text-align: center;
+}
+
+.pd-btn-group {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin: 14px 0;
+}
+.pd-btn-group a {
+  margin: 0 0 8px;
+  width: 100%;
+  text-align: center;
+  color: #000;
+  border-radius: 10px;
+  line-height: 21px;
+  border: 1px solid transparent;
+  background: #fff;
+  padding: 8px;
+  font-size: 13px;
+  transition: 0.2s all;
+}
+.pd-btn-group a:hover {
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
+}
+.pd-btn-group a:nth-child(2), .pd-btn-group a:nth-child(3) {
+  width: calc(50% - 4px);
+}
+.pd-btn-group a b {
+  font-weight: 700;
+  font-size: 18px;
+  display: block;
+}
+.pd-btn-group a span {
+  display: block;
+  line-height: 15px;
+}
+.pd-btn-group .btn-buynow {
+  line-height: 52px;
+  color: #fff;
+  padding: 0;
+}
+.pd-btn-group .btn-add-cart {
+  border-color: #00A551;
+  color: #00A551;
+}
+.pd-btn-group .btn-pay-install {
+  background: #286ED6;
+  border-color: transparent;
+  color: #fff;
+}
+.pd-btn-group .btn-credit {
+  background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+}
+.pd-btn-group .btn-credit img {
+  display: inline-block;
+  margin: 0 4px;
+  width: auto;
+  height: 14px;
+}
+
+.pd-static-item {
+  margin-bottom: 16px;
+  border-radius: 15px;
+  overflow: hidden;
+  background: linear-gradient(90deg, #FFB446 0%, #00A551 100%);
+  padding: 2px;
+}
+.pd-static-item img {
+  display: block;
+  width: auto;
+  margin: auto;
+}
+.pd-static-item .item-video {
+  background: #fff;
+  padding: 12px;
+  border-radius: 0 0 13px 13px;
+}
+.pd-static-item .item-video a {
+  display: block;
+  position: relative;
+  padding-bottom: 100%;
+}
+.pd-static-item .item-video a::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  z-index: 1;
+}
+.pd-static-item .item-video a::after {
+  content: "▶";
+  width: 56px;
+  height: 56px;
+  line-height: 56px;
+  border-radius: 50%;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+  color: #e8e8ea;
+  background: linear-gradient(90deg, #5ed555 50%, #15bd7b 50%);
+  font-size: 28px;
+  padding-left: 7px;
+}
+.pd-static-item .item-video img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.pd-static-item .group-title {
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: bold;
+  text-align: center;
+  margin: 0;
+  padding: 12px;
+  color: #fff;
+}
+.pd-static-item .item-summary {
+  background: #fff;
+  text-align: center;
+  padding: 20px;
+  border-radius: 13px;
+  font-size: 15px;
+  line-height: 20px;
+}
+.pd-static-item .item-summary .title {
+  color: #00A551;
+  font-weight: 800;
+  text-transform: uppercase;
+  margin: 0;
+}
+.pd-static-item .item-summary p {
+  margin: 0 0 10px 0;
+}
+.pd-static-item .item-summary a {
+  display: table;
+  margin: 10px auto 14px;
+  color: #FF7A00;
+  font-size: 24px;
+  font-weight: 700;
+}
+.pd-static-item .item-summary .pd-btn-support {
+  display: block;
+  margin: 14px 0 0 0;
+  border-radius: 5px;
+  border: 1px solid #FF7A00;
+  background: #FFF;
+  font-size: 15px;
+  text-transform: uppercase;
+  font-weight: 400;
+  line-height: 32px;
+  transition: 0.2s all;
+}
+.pd-static-item .item-summary .pd-btn-support:hover {
+  background: #FF7A00;
+  color: #fff;
+}
+.pd-static-item .static-line {
+  font-weight: 300;
+  position: relative;
+  margin: 14px 0 8px;
+}
+.pd-static-item .static-line::before {
+  content: "";
+  background: #D9D9D9;
+  height: 1px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  transform: translateY(-50%);
+}
+.pd-static-item .static-line span {
+  padding: 0 12px;
+  background: #fff;
+  position: relative;
+}
+
+.pd-spec-holder {
+  padding: 10px;
+  line-height: 20px;
+  font-size: 13px;
+}
+.pd-spec-holder * {
+  margin: 0;
+  font-weight: inherit !important;
+  line-height: inherit !important;
+}
+.pd-spec-holder tr:nth-child(odd) {
+  background: #F3F3F3;
+}
+.pd-spec-holder tr:nth-child(odd) td:first-child {
+  border-radius: 5px 0 0 5px;
+}
+.pd-spec-holder tr:nth-child(odd) td:last-child {
+  border-radius: 0 5px 5px 0;
+}
+.pd-spec-holder td {
+  padding: 10px 12px;
+  vertical-align: baseline;
+}
+.pd-spec-holder td:nth-child(1) {
+  font-weight: bold !important;
+  min-width: 100px;
+}
+
+.pd-product-tab-container {
+  min-height: 400px;
+}
+.pd-product-tab-container .tab-title-group {
+  padding: 0 16px;
+  margin: 0 -16px;
+  border-bottom: 1px solid #F5F5F5;
+  margin-bottom: 16px;
+  padding-bottom: 13px;
+}
+.pd-product-tab-container .tab-title-group a {
+  margin-right: 35px;
+  color: #5B5B5B;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 23px;
+  padding-bottom: 13px;
+  border-bottom: 1px solid transparent;
+}
+.pd-product-tab-container .tab-title-group a.active {
+  border-color: #00A551;
+}
+.pd-product-tab-container .box-product-holder {
+  position: relative;
+  display: none;
+}
+
+.article-page {
+  padding-bottom: 16px;
+}
+.article-page .article-category-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.article-page .article-category-list a {
+  margin: 0 16px 16px 0;
+  border-radius: 0px 24px;
+  color: #000;
+  background: #FFF;
+  padding: 0 14px;
+  line-height: 42px;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+}
+.article-page .article-category-list a:hover, .article-page .article-category-list a.current {
+  color: #fff;
+}
+.article-page .article-category-list a:hover .image, .article-page .article-category-list a.current .image {
+  filter: brightness(100);
+}
+.article-page .article-category-list .image {
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 20px auto;
+}
+.article-page .article-category-list .title {
+  font-size: 16px;
+  font-weight: 600;
+  color: inherit;
+}
+.article-page .article-list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.article-page .art-item {
+  font-size: 13px;
+  line-height: 18px;
+  border-radius: 0;
+  width: calc(50% - 9px);
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0;
+}
+.article-page .art-item .art-img {
+  width: 50%;
+  padding-bottom: 31%;
+  margin: 0 16px 0 0;
+}
+.article-page .art-item .art-img img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.article-page .art-item .art-text {
+  width: calc(50% - 16px);
+}
+
+.top-article-group {
+  margin: 0 0 16px 0;
+  border-radius: 15px;
+  background: #fff;
+  padding: 22px 16px 16px;
+}
+.top-article-group .group-title {
+  font-size: 26px;
+  font-weight: 700;
+  line-height: 30px;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+.top-article-group .top-article-holder .art-item {
+  display: flex;
+  flex-wrap: wrap;
+  width: 575px;
+  float: right;
+  padding: 0;
+}
+.top-article-group .top-article-holder .art-item:nth-child(1) {
+  float: left;
+  display: block;
+  padding: 0;
+}
+.top-article-group .top-article-holder .art-item:nth-child(1) .art-img {
+  width: 100%;
+  padding-bottom: 356px;
+  margin: 0 0 11px;
+}
+.top-article-group .top-article-holder .art-item:nth-child(1) .art-text {
+  width: 100%;
+}
+.top-article-group .top-article-holder .art-item:nth-child(1) .art-title {
+  font-size: 14px;
+  line-height: 20px;
+}
+.top-article-group .top-article-holder .art-item:nth-child(n+3) {
+  border-top: 1px solid #F5F5F5;
+  padding-top: 20px;
+  margin-top: 20px;
+}
+
+.article-cate-container {
+  margin: 0 0 16px 0;
+  border-radius: 15px;
+  background: #fff;
+  padding: 22px 16px;
+}
+.article-cate-container .group-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 13px;
+  margin-bottom: 28px;
+}
+.article-cate-container .group-title a {
+  text-decoration: underline;
+}
+.article-cate-container .group-title .title {
+  font-size: 26px;
+  font-weight: 700;
+  line-height: 30px;
+  text-transform: uppercase;
+  position: relative;
+  padding-left: 42px;
+  margin: 0;
+}
+.article-cate-container .group-title .title::before {
+  content: "";
+  width: 26px;
+  height: 30px;
+  position: absolute;
+  left: 0;
+  background-position: -9px -117px;
+}
+
+.article-category-page .category-page-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.article-category-page .category-page-title .title {
+  font-size: 26px;
+  font-weight: 700;
+  line-height: 30px;
+  text-transform: uppercase;
+  margin: 0;
+}
+.article-category-page .category-page-title .image {
+  width: 26px;
+  height: 30px;
+  margin-right: 7px;
+  background-repeat: no-repeat;
+  background-size: 25px auto;
+  background-position: center;
+}
+.article-category-page .top-article-group {
+  margin: 0;
+  padding: 0 0 25px;
+  border-radius: 0;
+  border-bottom: 1px solid #F5F5F5;
+}
+.article-category-page .art-item {
+  padding: 25px 0;
+  width: 50%;
+}
+.article-category-page .art-item:nth-child(odd) {
+  padding-right: 18px;
+}
+.article-category-page .art-item:nth-child(n+3) {
+  border-top: 1px solid #F5F5F5;
+}
+
+.article-detail-page .page-title {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 30px;
+  margin: 0 0 10px;
+}
+.article-detail-page .art-detail-time p {
+  margin: 0 30px 20px 0;
+  display: inline-flex;
+  color: #B6B6B6;
+  font-weight: 400;
+  font-size: 13px;
+  align-items: center;
+}
+.article-detail-page .art-detail-time .icons, .article-detail-page .art-detail-time .header-search-group button::before, .header-search-group .article-detail-page .art-detail-time button::before, .article-detail-page .art-detail-time .article-cate-container .group-title .title::before, .article-cate-container .group-title .article-detail-page .art-detail-time .title::before {
+  width: 20px;
+  height: 15px;
+}
+.article-detail-page .art-detail-time .icon-clock {
+  background-position: -181px -44px;
+}
+.article-detail-page .art-detail-time .icon-visit {
+  background-position: -152px -44px;
+}
+.article-detail-page .art-detail-content * {
+  font-family: inherit !important;
+  line-height: inherit !important;
+}
+
+.art-detail-container {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+}
+.art-detail-container .col-left, .art-detail-container .col-right {
+  border-radius: 15px;
+  background: #FFF;
+  overflow: hidden;
+}
+.art-detail-container .col-left {
+  width: 795px;
+  margin-right: 16px;
+  padding: 28px 16px 16px;
+}
+.art-detail-container .col-right {
+  width: 389px;
+  padding: 28px 0 0;
+}
+.art-detail-container .col-right .group-title {
+  padding: 0 16px;
+  border-bottom: 1px solid #F5F5F5;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 20px;
+  text-transform: uppercase;
+}
+.art-detail-container .col-right .group-title span {
+  display: inline-block;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #00A551;
+}
+.art-detail-container .header-search-group {
+  width: 100%;
+  padding: 0 16px;
+  margin: 0;
+}
+.art-detail-container .art-item {
+  padding: 16px;
+  width: 100%;
+  align-items: flex-start;
+}
+.art-detail-container .art-item:nth-child(n+2) {
+  border-top: 1px solid #F5F5F5;
+}
+.art-detail-container .art-item .art-img {
+  width: 47.5%;
+}
+.art-detail-container .art-item .art-text {
+  width: calc(52.3% - 16px);
+}
+.art-detail-container .art-item .art-category, .art-detail-container .art-item .art-summary, .art-detail-container .art-item .art-time {
+  display: none;
+}
+.art-detail-container .art-item .art-title {
+  display: block;
+}
+
+.article-related-container {
+  margin-top: 30px;
+}
+.article-related-container .group-title {
+  font-size: 26px;
+  font-weight: 700;
+  line-height: 30px;
+  text-transform: uppercase;
+  margin: 0 0 20px;
+}
+.article-related-container .art-item {
+  width: 100%;
+  padding: 16px;
+  display: block;
+  line-height: 20px;
+  border-radius: 15px;
+}
+.article-related-container .art-item .art-img {
+  margin: 0 0 12px;
+  padding-bottom: 62%;
+  width: 100%;
+}
+.article-related-container .art-item .art-text {
+  width: 100%;
+}
+.article-related-container .custom-dots .owl-dots {
+  margin-top: 10px !important;
+  position: unset;
+}
+.article-related-container .custom-dots .owl-dots .owl-dot {
+  border-color: #00A551;
+}/*# sourceMappingURL=pc_style.css.map */
\ No newline at end of file
diff --git a/LaptopTCC/scss/pc_style.css.map b/LaptopTCC/scss/pc_style.css.map
new file mode 100644
index 0000000..72cc9ae
--- /dev/null
+++ b/LaptopTCC/scss/pc_style.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
diff --git a/LaptopTCC/scss/pc_style.scss b/LaptopTCC/scss/pc_style.scss
new file mode 100644
index 0000000..83f4be8
--- /dev/null
+++ b/LaptopTCC/scss/pc_style.scss
@@ -0,0 +1,3100 @@
+body{
+    color:#000;
+    font-family: 'Roboto', sans-serif;
+    background: #F3F3F3;
+    position: relative;
+    font-size: 14px;
+    min-width: 1212px;
+    word-break: break-word;
+    counter-reset: section;
+    font-weight: 400;
+    overflow-x: hidden;
+}
+::-webkit-scrollbar-track{background:#f5f5f5;}
+::-webkit-scrollbar-thumb{background: grey;border-radius:5px;}
+::-webkit-scrollbar-thumb:hover{background:#00a40f;}
+::-webkit-scrollbar{width: 13px;height:10px;}
+.clearfix{
+    &::after{
+        content:'';clear:both;display:block
+    }
+}
+.inherit{font-size: inherit;font-weight: inherit;line-height: inherit;margin: 0;}
+.line-clamp-2{text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+.line-clamp-3{text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+.line-clamp-4{text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+.line-clamp-5{text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+.fit-img{width: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;display: block;}
+.hover-img a{position:relative;overflow:hidden;display:block}
+.hover-img a::before{content:"";position:absolute;top:0;left:-15%;bottom:0;width:0;height:100%;background-color:rgba(255,255,255,0.5);-webkit-transition:none;transition:none;-webkit-transform:skewX(-25deg);transform:skewX(-10deg)}
+.hover-img a:hover::before{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all .45s ease-out;transition:all .45s ease-out;z-index:2}
+.scale-img{display:block;overflow:hidden}
+.scale-img:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}
+.scale-img img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s all;transition:.3s all}
+.content-container {max-width: 500px;min-height: 300px;}
+@keyframes gradient-bg-antimation {
+    0% {background-position: 0 0}
+    100% {background-position: -200% 0}
+}
+.red{
+    color: #E80E0E;
+}
+.color-main {
+    color: #00A551;
+}
+.bg-main {
+    background: #00A551;
+}
+.bg-linear{
+    background: linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
+}
+.bg-linear-animate{    
+    background: repeating-linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
+    background-size: 200% auto;
+    background-position: 0 100%;
+    animation: 2s linear infinite forwards gradient-bg-antimation;
+}
+.fancybox-thumbs__list a {height: 90px;background-size: 100% 100%;background-color: #fff;transition: unset}
+.fancybox-thumbs__list a:before {border: 3px solid #1781E0}
+.label-container{display:block;position:relative;padding-left: 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height: 21px;cursor: pointer;}
+.label-container:hover{@extend .color-main;}
+.label-container .checkmark{position:absolute;top:3px;left:0;height: 13px;width: 13px;background-color: #fff;border-radius:50%;border: 1px solid #BFBFBF}
+.label-container input{position:absolute;opacity:0;cursor:pointer}
+.label-container input:checked ~ .checkmark{border-color: #FF7A00;}
+.label-container input:checked ~ .checkmark:after{display:block}
+.label-container input:checked ~ .checkmark:after {content: '';width: 8px;height: 8px;background: #FF7A00;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
+.container {
+    max-width: 1216px;
+    min-width: 1216px;
+}
+.row {
+    margin: 0 -8px;
+}
+.container, .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
+    padding: 0 8px;
+}
+.icon-star{background-image: url(../images/star.png);width: 85px;height: 14px;display: inline-block;background-repeat: no-repeat;background-size: 85px 90px;vertical-align: sub;}
+.icon-star.star-1{background-position: -2px -74px;}
+.icon-star.star-2{background-position: -2px -56px;}
+.icon-star.star-3{background-position: -2px -38px;}
+.icon-star.star-4{background-position: -2px -20px;}
+.icon-star.star-5, .icon-star.star-0{background-position: -2px -2px;}
+.icons{
+    background: url(../images/global-sprite.png) no-repeat;
+    background-size: 250px 250px;
+}
+.global-breadcrumb {
+    padding: 10px 0;
+    font-size: 12px;
+    line-height: 14px;
+    a{
+        color: #414141;    
+        &:hover{
+            @extend .color-main;
+        }    
+    }
+    ol, ul{
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+    li{
+        display: flex;
+        align-items: center;
+        &::after{
+            content:'/';
+            padding: 0 10px;
+            font-weight: 400;
+            font-size: 12px;
+            margin-top: 1px;
+        }
+        &:last-child{
+            &::after{
+                content: none;
+            }
+        }
+    }
+    h1{
+        @extend .inherit;
+    }
+}
+.paging{
+    margin: 33px 0 16px;
+    display: flex;    
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    a{
+        width: 38px;
+        height: 38px;
+        line-height: 37px;
+        border-radius: 50%;
+        background: transparent;
+        text-align: center;
+        color: #A3A3A3;
+        margin: 0 4px;
+        overflow: hidden;
+        border: 1px solid #A3A3A3;
+        font-size: 14px;
+        &:hover, &.current{ 
+            @extend .bg-linear;
+            color: #fff;
+            font-weight: 700;
+            border-color: transparent;
+            * {
+                filter: invert(1) brightness(100);
+            }
+        }        
+    }
+    .icon-prev, .icon-next {
+        background: url(../images/global-icon-left.png) no-repeat 16px center;
+        background-size: 7px;
+        font-size: 0 !important;
+        display: block;
+        height: 100%;
+        background-position: 14px center;
+    }
+    .icon-next {
+        transform: rotate(-180deg);
+    }
+}
+.custom-nav{
+    .owl-nav {
+        margin: 0;
+        button{
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            margin: 0 !important;
+            width: 46px;
+            height: 46px; 
+            background: rgba(0,0,0,0.4) !important;            
+            &.disabled{
+                display: none;
+            }
+            &:hover{
+                background: #00a551 !important;
+            }
+        }
+        .owl-prev {
+            left: 0;
+            border-radius: 0 40px 40px 0 !important;
+        }
+        .owl-next {
+            right: 0;
+            border-radius: 40px 0 0 40px !important;
+        }
+        .arrow{
+            filter: invert(1) brightness(100);
+            height: 100%;
+            display: block;
+            background: url(../images/global-icon-left.png) no-repeat;
+            background-position: 15px center;
+            background-size: 9px 17px;  
+            transition: .2s all;              
+        }
+        .arrow-next{
+            transform: rotate(180deg);
+        }
+    }
+}
+.custom-dots{
+    .owl-dots {  
+        margin: 0 !important;
+        position: absolute;
+        bottom: 15px;
+        left: 21px;
+        .owl-dot {
+            margin: 0 6px 0 0;
+            width: 8px;
+            height: 8px;
+            border-radius: 50px;
+            transition: .2s all;
+            background: transparent;
+            border: 1px solid rgba(255, 255, 255, 0.80);
+            span{
+                display: none;
+            }
+            &.active,&:hover{
+                @extend .bg-linear;
+                border-color: transparent;
+            }
+        }
+    }
+}
+.pd-custom-nav{
+    .owl-nav {
+        margin: 0;
+        button{
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            margin: 0 !important;
+            width: 18px;
+            height: 18px;
+            &:hover{
+                background: unset !important;
+            }
+            &.disabled {
+                opacity: 0.15;
+            }
+        }
+        .owl-prev {
+            left: -20px;
+        }
+        .owl-next {
+            right: -20px;
+        }
+        .arrow{
+            height: 100%;
+            display: block;
+            background: url(../images/global-icon-left.png) no-repeat;
+            background-size: 9px; 
+        }
+        .arrow-next{
+            transform: rotate(180deg);
+        }
+    }
+}
+.p-item{
+    border-radius: 15px;
+    border: 1px solid #F5F5F5;
+    background: #FFF;
+    padding: 10px 10px 15px 10px;
+    text-align: center;
+    font-size: 13px;
+    overflow: hidden;
+    a{
+        display: block;
+        color: #000;
+    }
+    img {
+        @extend .fit-img;
+    }
+    .p-img{
+        position: relative;
+        padding-bottom: 100%;
+        margin: 0 0 10px 0;
+    }
+    .p-type-holder{
+        min-height: 20px;
+        margin: 10px 0;
+        line-height: 20px;
+        text-align: left;
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+    .p-bestsale{
+        margin: 0;
+        border-radius: 20px;
+        color: #fff;
+        background: linear-gradient(270deg, #FF7A00 0%, #FFB800 102.33%);
+        padding: 0 5px;
+        font-size: 11px;
+        font-weight: 700;
+        display: inline-flex;
+        align-items: center;
+        &::before{
+            content: '';
+            background: url(../images/p-icon-bestsale.png) no-repeat;
+            background-size: contain;
+            width: 11px;
+            height: 12px;
+            margin-right: 2px;
+        }        
+    }
+    .p-name {
+        @extend .line-clamp-2;
+        font-size: 13px;
+        line-height: 16px;
+        margin: 10px 0;
+        min-height: 32px;
+        &:hover{
+            @extend .color-main;
+        }
+        *{
+            @extend .inherit;
+        }
+    }
+    .p-price-holder{
+        margin: 10px 0 16px;
+        color: #A3A3A3;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+        height: 42px;
+    }
+    .p-price {
+        color: #E80E0E;
+        font-size: 20px;
+        font-weight: 800;
+        margin: 0 5px 0 0;
+        line-height: 20px;
+        u{
+            font-size: 15px;
+            line-height: inherit;
+            display: inline-block;
+            margin-left: 1px;
+        }
+    }
+    .p-discount {
+        border-radius: 5px;
+        background: #E80E0E;
+        color: #fff;
+        padding: 0 3px;
+        font-size: 13px;
+        font-weight: 500;
+        line-height: 20px;
+    }
+    .p-old-price {
+        width: 100%;
+        line-height: 16px;
+        text-decoration: line-through;
+        margin-top: 6px;
+        font-size: 14px;
+    }
+    .p-btn-group{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        line-height: 28px;        
+    }
+    .p-rate {
+        margin: 0;
+        color: #FF7A00;
+        font-size: 12px;
+        position: relative;
+        &::after{
+            content: "";
+            background: url(../images/star_rating.png) no-repeat;
+            background-size: 10px 44px;
+            width: 10px;
+            height: 10px;
+            position: absolute;
+            right: -12px;
+            top: 7px;
+        }
+    }
+    .p-btn-add {
+        width: 28px;
+        height: 28px;
+        border-radius: 5px;
+        background: url(../images/p-icon-cart.png) no-repeat center;
+        background-color: #F5F5F5;
+        background-size: 18px;
+        &:hover{
+            filter: invert(128) brightness(2) sepia(1);
+        }
+    }
+    .p-deal-line {
+        height: 16px;
+        line-height: 16px;
+        margin: 0 0 6px;
+        border-radius: 12px;
+        background: linear-gradient(90deg, #FF7A00 2.7%, #FFCD9F 100%);
+        font-size: 12px;
+        font-style: italic;
+        font-weight: 500;
+        color: #fff;
+        position: relative;
+        &::before{
+            content: '';
+            width: 25px;
+            height: 25px;            
+            background: url(../images/p-icon-deal-discount.png) no-repeat;
+            background-size: 25px;
+            z-index: 1;
+            position: absolute;
+            left: -4px;
+            bottom: -3px;
+        }
+    }
+    .p-deal-time{
+        border-radius: 12px;
+        border: 1px dashed #FF7A00;
+        background: #FFF;        
+        color: #FF7A00;
+        font-size: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        *{
+            line-height: 21px;
+        }
+    }
+    .p-deal-countdown{
+        font-size: 14px;
+        display: flex;
+        align-items: center;
+        b{
+            font-weight: 700;
+            margin-left: 3px;
+            &::after{
+                content: " :";
+            }
+            &:last-child::after{
+                content: none;
+            }
+        }
+    }
+}
+.art-item {
+    background: #fff;
+    border-radius: 15px;
+    padding: 16px;
+    color: #2F2F2F;
+    font-weight: 300;
+    line-height: 20px;
+    a{
+        display: block;
+        color: #2F2F2F;
+        &:hover{
+            @extend .color-main;
+        }
+    }
+    img {
+        @extend .fit-img;
+    }
+    .art-img{
+        position: relative;
+        margin: 0 0 12px;
+        padding-bottom: 62%;
+        border-radius: 15px;
+        overflow: hidden;
+    }
+    .art-category {
+        @extend .bg-linear;
+        display: table;
+        min-height: 22px;
+        line-height: 22px;
+        padding: 0 15px;
+        border-radius: 0px 20px;
+        color: #FFF !important;
+        text-align: center;
+        font-size: 11px;
+        font-weight: 700;
+        text-transform: uppercase;
+        margin: 0 0 10px 0;
+    }
+    .art-title {
+        @extend .line-clamp-2;
+        font-weight: 500;
+        margin: 0 0 6px;
+        *{
+            @extend .inherit;
+        }
+    }
+    .art-summary {
+        @extend .line-clamp-3;
+        margin: 0 0 10px;
+    }
+    .art-time{
+        display: inline-flex;
+        color: #B6B6B6;
+        font-weight: 400;
+        font-size: 13px;
+        margin: 0 30px 0 0;
+        align-items: center;
+        &:last-child{
+            margin: 0;
+        }
+    }
+    .icons {
+        width: 20px;
+        height: 15px;
+    }
+    .icon-clock {
+        background-position: -181px -44px;
+    }
+    .icon-visit {
+        background-position: -152px -44px;
+    }
+}
+.global-fixed-social {
+    position: fixed;
+    bottom: 40%;
+    right: 10px;
+    z-index: 10000;
+    animation-duration: 1s;
+    animation-duration: 1s;
+    animation-fill-mode: both;
+    transform: translateX(2000px) scale(0.7);
+    a{
+        display: block;
+    }
+    .icon-mess {
+        width: 54px;
+        height: 54px;        
+        margin: 0 0 10px;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: 54px;
+    }
+    .global-go-top {
+        background: rgba(139, 185, 88, 0.5);
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        transition: .3s all;
+        margin: auto;
+        display: none;
+        &:hover{
+            background: rgba(139, 185, 88, 1);
+        }
+        &::before{
+            content: '';
+            display: block;
+            height: 100%;
+            transform: rotate(90deg);
+            background: url(../images/global-icon-left.png) no-repeat;
+            background-position: center;
+            background-size: 6px;
+            filter: brightness(100);
+        }
+    }
+}
+
+.global-address-list{
+    color: #000;
+    p{
+        margin: 0;
+    }
+    a{
+        color: #000;
+        display: table;
+        &:hover{
+            @extend .color-main;
+        }
+    }
+    .address-item { 
+        font-size: 13px;
+        line-height: 24px;
+        margin-bottom: 25px;        
+    }
+    .group-title {
+        font-size: 15px;
+        font-weight: 600;
+        line-height: 20px;
+        margin: 0 0 12px 0;
+    }
+}
+.global-header-top{
+    @extend .bg-main;
+    color: #fff;
+    line-height: 36px;
+    font-size: 13px;
+    .col-left{
+        margin: 0;
+        font-style: italic;
+        font-weight: 700;
+    }
+    .col-right{
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: flex-end;
+    }
+    .global-address-list{
+        transition: 0.2s all;
+        position: absolute;
+        top: calc(100% + 30px);
+        left: 8px;
+        right: 8px;
+        background: #fff;
+        z-index: 1;
+        border-radius: 0 0 10px 10px;
+        padding: 20px;
+        display: flex;
+        flex-wrap: wrap;
+        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
+        z-index: -2;
+        opacity: 0;
+        visibility: hidden;
+    }
+    .item-group{
+        &:hover{
+            .global-address-list { 
+                opacity: 1;
+                visibility: visible;
+                z-index: 4;
+                top: 100%;
+            }
+        }
+    }
+    .address-item {
+        width: 50%;
+        font-size: 14px;
+    }
+    .item-group{
+        margin-right: 25px;
+        .item{
+            margin: 0;
+        }
+    }
+    .item{
+        color: #fff;
+        margin-right: 25px;
+        display: flex;
+        align-items: center;
+        &:last-child{
+            margin: 0;
+        }
+    }
+    .icons { 
+        width: 18px;
+        height: 16px;
+    }
+    .icon-map {
+        background-position: -8px -8px;
+    }
+    .icon-bag {
+        background-position: -36px -8px;
+    }
+    .icon-news {
+        background-position: -67px -8px;
+        margin-right: 3px;
+    }
+    .icon-bolt {
+        background-position: -97px -8px;
+    }
+}
+.global-header-container {
+    min-height: 102px;
+    background: #fff;
+    padding: 16px 0;
+    top: -50px;
+    transition: .2s all;
+    img{
+        display: block;
+        width: auto;
+    }
+    .container, .col-right, .col-left{
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: space-between;
+        z-index: 3;
+    }
+    .container {
+        flex-wrap: nowrap;
+    }
+    .col-left {
+        width: 230px;
+        margin-right: 16px;
+    }
+    .col-right {
+        width: calc(100% - 811px);
+        flex-wrap: nowrap;
+        white-space: nowrap;
+        .icons{
+            width: 22px;
+            height: 22px;
+            margin-right: 6px;
+        }
+    }
+    .header-logo{
+        margin-right: 16px;
+        width: 170px;
+    }
+    .item-title{
+        margin: 0 13px 0 0;
+        display: flex;
+        align-items: center;
+        font-size: 12px;
+        line-height: 42px;
+        color: #000;
+        cursor: pointer;
+        &:hover{
+            @extend .color-main;
+        }
+    }
+    .col-right-item{
+        margin-right: 16px;
+        position: relative;
+        &:hover{
+            .sub-item-group {
+                top: 100%;
+                opacity: 1;
+                visibility: visible;
+                z-index: 4;
+            }
+            .item-title {
+                @extend .bg-linear-animate;
+            }
+        }
+        .item-title{
+            background: repeating-linear-gradient(270deg, #FFB800 0%, #FF7A41 102.33%);
+            background-size: 200% auto;
+            background-position: 0 100%;
+            animation: 2s linear infinite forwards gradient-bg-antimation;            
+            border-radius: 30px;            
+            padding: 0 12px;
+            color: #fff;
+            margin: 0;
+        }
+    }
+    .sub-item-group {
+        padding: 6px 20px 6px 12px;
+        border-radius: 10px;
+        background: #FFF;
+        box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.25);
+        position: absolute;
+        top: calc(100% + 30px);
+        left: 0;
+        right: 0;
+        transition: .2s all;
+        opacity: 0;
+        visibility: hidden;
+        z-index: -1;
+        min-width: 150px;
+        a{
+            display: block;
+            color: #000;
+            font-weight: 500;
+            line-height: 18px;
+            white-space: nowrap;
+            margin: 5px 0;
+            &:hover{
+                @extend .color-main;
+                *{
+                    color: inherit;
+                }
+            }
+        }
+        b{
+            color: #FF7A00;
+        }
+    }
+    .item-cart{
+        border-radius: 21px;
+        border: 1px solid #00A551;
+        background: #FFF;
+        padding: 0 10px 0 6px;
+        margin: 0;        
+    }
+    .cart-count{
+        width: 14px;
+        height: 14px;
+        line-height: 15px;
+        border-radius: 50%;
+        text-align: center;
+        background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+        color: #000;
+        font-style: normal;
+        font-weight: 700;
+        position: absolute;
+        top: -4px;
+        right: -4px;
+    }
+    .icon-phone {
+        background-position: -131px -8px;
+        animation: phonering 1.8s infinite ease-in-out;
+    }
+    .icon-order {
+        background-position: -175px -9px;
+    }
+    .icon-cart { 
+        background-position: -216px -9px;
+        position: relative;
+    }
+}
+.header-search-group{
+    width: 549px;
+    margin-right: 16px;
+    form{
+        border-radius: 50px;
+        box-shadow: 0px 0px 0px 1px #C3C3C3;
+        background: #FFF;
+        display: flex;
+        justify-content: space-between;
+        position: relative;
+        *{
+            height: 42px;
+            border: 0;
+            margin: 0;
+        }
+    }
+    input{
+        padding: 0 15px;
+        width: 485px;
+        border-radius: 50px 0 0 50px;
+        &::placeholder {
+            color: #C9C9C9;
+        }
+    }
+    button{
+        border-radius: 0 50px 50px 0;
+        width: 105px;
+        @extend .bg-main;
+        color: #fff;
+        border-left: #C3C3C3;
+        padding: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        &::before{
+            @extend .icons;
+            content: '';
+            width: 22px;
+            height: 22px;
+            background-position: -9px -44px;
+        }
+    }
+}
+.global-menu-container{    
+    z-index: 1;
+    margin: 0;
+    width: 43px;
+    &::after {
+        content: '';
+        padding: 20px 27px;
+        position: absolute;
+        margin: 30px 0 0 -55px;
+    }
+    &:hover{
+        .menu-list{
+            display: block;
+        }
+    }
+    .group-title{
+        @extend .bg-main;
+        color: #fff;
+        margin: 0;
+        line-height: 42px;
+        border-radius: 7px;
+        padding: 0 7px 0 36px;
+        font-weight: bold;
+        text-transform: uppercase;
+        cursor: pointer;
+        position: relative;
+        font-size: 0;
+        white-space: nowrap;
+        display: inline-block;
+        &::before{
+            content: "";
+            position: absolute;
+            top: 11px;
+            left: 10px;
+            height: 20px;
+            width: 20px;
+            border-top: 2px solid #fff;
+            border-bottom: 2px solid #fff;
+        }
+        &::after{
+            content: "";
+            width: 14px;
+            height: 2px;
+            background: #fff;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            left: 10px;
+        }
+    }
+    .menu-list{
+        display: none;
+        position: absolute;
+        width: 230px;
+        height: 502px;
+        top: 100%;
+        left: 8px;
+        z-index: 5;
+        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
+        border-radius: 15px;
+    }
+    a{
+        color: #000;
+        display: table;
+        &:hover{
+            @extend .color-main;
+        }
+    }
+    .cat-item{
+        height: calc(100% / 8);
+        &:last-child{
+            border-color: transparent;
+        }
+        &:first-child{
+            .cat-1 {
+                border-radius: 15px 15px 0 0;
+            }
+        }
+        &:last-child{
+            .cat-1 {
+                border-radius: 0 0 15px 15px;
+            }
+        }
+        &:hover{
+            .cat-1{
+                border-color: #00A551;
+                &::before { 
+                    right: -15px;
+                }
+                &::after{
+                    right: 11px;
+                    filter: invert(1) brightness(100);
+                }
+            }
+            .sub-menu{
+                display: flex;
+            }
+        }
+    }    
+    .cat-1 {
+        color: #000 !important;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        background: #fff;
+        padding: 0 50px 0 15px;
+        position: relative;
+        font-size: 13px;
+        line-height: 17px;
+        overflow: hidden;
+        border-bottom: 1px solid #F5F5F5;
+        &::before{
+            @extend .bg-linear;
+            content: "";
+            width: 50px;
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            right: -100%;
+            transform: skewX(26deg);
+            transition: .25s all;
+        }
+    }
+    .cat-2{
+        font-weight: bold;
+        margin-bottom: 10px;
+    }
+    .cat-thumb{
+        width: 20px;
+        height: 20px;
+        margin-right: 6px;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: contain;
+    }
+    .cat-title {
+        width: calc(100% - 26px);
+        @extend .line-clamp-2;
+    }
+    .has-child{
+        &::after{
+            content: "";
+            background: url(../images/global-icon-left.png) no-repeat;
+            background-size: contain;
+            width: 10px;
+            height: 10px;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%) rotate(-180deg);
+            right: 11px;
+        }
+    }
+    .sub-menu { 
+        @extend .clearfix;
+        display: none;
+        flex-wrap: wrap;
+        position: absolute;
+        top: 0;
+        left: 230px;
+        height: 502px;
+        width: 970px;
+        background: #fff;
+        overflow: auto;
+        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
+        z-index: 1;
+        padding: 16px 18px;
+    }
+    .sub-item {
+        width: 25%;
+        float: left;
+        padding: 0 20px 0 0;
+        margin-bottom: 25px;
+        a{
+            line-height: 20px;
+            margin: 7px 0;
+        }
+    }
+}
+.global-header-homepage{
+    .global-menu-container .group-title{
+        display: none;
+    }
+    .menu-list {
+        display: block;
+        top: calc(100% + 32px);
+        font-size: 13px;
+        box-shadow: unset;
+    }
+    .col-left {
+        width: 187px;
+        margin-right: 16px;
+    }
+    .header-logo{
+        margin: 0;
+        width: 187px;
+    }
+    .header-search-group{
+        width: 592px;
+    }
+}
+.global-header-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
+    min-height: unset;
+    .header-logo, .menu-list {
+        display: none;
+    }
+    .global-menu-container {
+        width: 100%;
+        .group-title {
+            display: block;
+            font-size: 15px;
+            padding: 0 7px 0 43px;
+        }
+    }
+    .menu-list {
+        top: 100%;
+        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
+    }
+}
+.global-newsletter-container {
+    background: linear-gradient(270deg, #E3F2E9 0%, #CEE4B4 102.33%);
+    img{
+        display: block;
+        width: auto;
+        margin-right: 66px;
+    }
+    .container{
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: space-between;
+    }
+    .group-title {
+        font-size: 20px;
+        font-weight: 700;
+        line-height: 28px;
+        text-transform: uppercase;
+        margin: 0 0 24px 0;
+        max-width: 500px;
+    }    
+    .form-holder {
+        position: relative;
+        width: 645px;
+        background: #fff;
+        border-radius: 50px;
+        display: flex;
+        justify-content: space-between;
+        input{
+            width: 490px;
+            height: 58px;
+            padding: 0 25px;
+            border-radius: 50px 0 0 50px;
+            margin: 0;
+            border-color: transparent;
+            &::placeholder{
+                color: #A3A3A3;
+            }
+        }
+        a {
+            @extend .bg-linear;
+            width: calc(100% - 490px);
+            line-height: 58px;
+            text-align: center;
+            color: #FFF;
+            text-transform: uppercase;
+            border-radius: 0 50px 50px 0;
+        }
+    }
+    .newsletter-error{
+        color: red;
+        margin-top: 15px;
+        font-weight: 500;
+    }
+}
+.global-footer-container {
+    background: #fff;
+    padding: 22px 0;
+    line-height: 24px;
+    font-size: 13px;
+    .item-bct {
+        img{
+            display: block;
+            width: auto;
+            max-width: 110px;
+        }
+    }    
+    .group-title {
+        font-size: 15px;
+        font-weight: 600;
+        line-height: 20px;
+        margin: 0 0 12px 0;
+    }
+    a{
+        display: table;
+        color: #000;
+        &:hover{
+            @extend .color-main;
+        }
+    }
+    .address-item:nth-child(1) {
+        .group-title {
+            max-width: 240px;
+        }
+    }
+}
+.global-footer-end{
+    border-top: 1px dashed #D9D9D9;
+    font-size: 13px;
+    color: #797979;
+    line-height: 20px;
+    padding-top: 16px;
+    p{
+        margin: 0;
+    }
+    b{
+        font-weight: 600;
+    }
+}
+.footer-social-media{
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 20px;
+    .icons {
+        width: 36px;
+        height: 36px;
+        margin: 0 8px 0 0;
+        transition: .3s all;
+        position: relative;
+        bottom: 0;
+        background-size: 500px 500px;
+        &:hover{
+            bottom: 5px;
+        }
+    }
+    .icon-facebook {
+        background-position: -90px -90px;
+    }
+    .icon-youtube {
+        background-position: -162px -90px;
+    }
+    .icon-zalo {
+        background-position: -234px -90px;
+    }
+    .icon-qr {
+        background-position: -4px -81px;
+    }
+    .icon-cash {
+        background-position: -52px -80px;
+    }
+    .icon-clock {
+        background-position: -94px -81px;
+    }
+    .icon-wallet {
+        background-position: -134px -81px;
+    }
+    p{
+        margin: 0 30px 10px 0;
+        font-size: 10px;
+        line-height: 20px;
+        text-align: center;
+        &:last-child{
+            margin-right: 0;
+        }
+        .icons{
+            margin: auto auto 8px;
+            display: block;
+            width: 30px;
+            height: 20px;
+            background-size: 250px 250px;
+            position: unset;
+        }
+    }
+    
+    
+}
+.global-deal-container{
+    @extend .bg-linear;
+    margin: 46px 0 16px;
+    border-radius: 15px;
+    padding: 40px 16px 20px;
+    position: relative;
+    .group-title{
+        text-align: center;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 8px 0;
+        max-width: 710px;
+        margin: -69px auto auto auto;
+        .title {
+            color: #FFF;
+            text-shadow: 0px 4px 4px rgba(156, 0, 0, 0.96);
+            font-size: 36px;
+            font-style: italic;
+            font-weight: 800;
+            line-height: 42px;
+            margin: 0 18px 0 0;
+        }
+    }
+    .icon-clock {
+        width: 42px;
+        height: 42px;
+        margin-right: 10px;
+        background-repeat: no-repeat;
+        background-size: 42px;
+        background-position: center;
+        animation: tada 1.8s infinite ease-in-out;
+    }
+    .deal-time-holder {
+        font-weight: 300;
+        display: flex;
+        align-items: center;
+        border-radius: 18px;
+        box-shadow: 0px 0px 0px 1px #FFF;
+        background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.59) 57.29%, rgba(255, 255, 255, 0.80) 96.87%);
+        padding: 5px 14px;
+        line-height: 26px;
+    }
+    .deal-countdown-holder {
+        display: flex;
+        align-items: center;
+        b{
+            border-radius: 5px;
+            background: #000;
+            color: #fff;
+            font-size: 18px;
+            font-weight: 800;
+            position: relative;
+            padding: 0 3px;
+            margin: 0 5px;
+            height: 26px;
+            line-height: 27px;
+            &::after {
+                content: ":";
+                position: absolute;
+                right: -8px;
+                color: #000;
+            }
+            &:last-child{
+                &::after{
+                    content: none;
+                }
+            }
+        }
+    }
+    .global-deal-type {
+        margin: 10px 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        a{
+            margin: 0 5px;
+            color: #fff;
+            text-transform: uppercase;
+            font-weight: 700;
+            opacity: .7;
+            padding: 9px 52px;
+            border: 1px solid #fff;
+            border-radius: 50px;
+            &:hover, &.current {
+                @extend .color-main;
+                background: #fff;
+                opacity: 1;
+            }
+        }        
+    }    
+    .btn-deal{
+        display: table;
+        margin: 19px auto 0;
+        color: #fff;
+        text-decoration-line: underline;
+    }
+    .product-holder{
+        min-height: 450px;    
+        background: #fff;
+        border-radius: 15px;
+        padding: 14px 16px;
+    }
+}
+.homepage{
+    padding-top: 16px;
+    .home-box-container, .home-video-container{
+        margin: 16px 0;
+        background: #fff;
+        padding: 18px 16px;
+        border-radius: 15px;
+    }    
+}
+.home-banner-group{
+    width: 956px;
+    margin: auto 0 16px auto;
+    display: flex;
+    flex-wrap: wrap;
+    min-height: 502px;
+    a{
+        display: block;
+        img{
+            border-radius: 15px;
+            display: block;
+        }
+    }
+    .home-slider-group { 
+        width: 632px;
+        margin: 0 16px 16px 0;
+        img{
+            border-radius: 0;
+        }
+    }
+    .home-banner-right{
+        width: 308px;
+        margin: 0 0 16px 0;
+        a{
+            margin: 0 0 16px 0;
+            &:last-child{
+                margin: 0;
+            }
+        }
+    }
+    .home-banner-bottom{
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        a{
+            margin: 0 16px 0 0;
+            width: calc(100% / 3 - 11px);
+            &:nth-child(3n){
+                margin: 0;
+            }
+        }
+    }
+}
+.home-policy-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    .item{
+        border-radius: 10px;
+        border: 1px solid #F5F5F5;
+        background: #FFF;
+        margin: 16px 16px 16px 0;
+        width: calc(100% / 5 - 13px);
+        line-height: 14px;
+        font-size: 12px;
+        padding: 12px;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        &:nth-child(5n){
+            margin-right: 0;
+        }
+    }
+    b{
+        font-weight: 700;        
+        margin-bottom: 4px;
+    }
+    .text{
+        margin: 0;
+        width: calc(100% - 48px);
+        *{
+            display: block;
+        }
+    }
+    .icons{
+        width: 48px;
+        height: 40px;
+    }
+    .icon-1 {
+        background-position: -207px -117px;
+    }
+    .icon-2 {
+        background-position: -10px -171px;
+    }
+    .icon-3 {
+        background-position: -77px -171px;
+    }
+    .icon-4 {
+        background-position: -140px -171px;
+    }
+    .icon-5 {
+        background-position: -201px -171px;
+    }
+}
+.home-collection-container {
+    margin: 16px 0;
+    padding: 24px 16px;
+    border-radius: 15px;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    .group-title{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        align-items: baseline;
+        margin: 0 0 15px 0;
+    }
+    .group-left {
+        margin: 0;
+        color: #FFF;
+        font-size: 50px;
+        font-style: italic;
+        font-weight: 700;
+        line-height: 50px;
+        text-transform: uppercase;
+        display: flex;
+        align-items: baseline;
+        span {
+            font-size: 32px;
+            font-style: italic;
+            font-weight: 300;
+            text-transform: uppercase;
+            line-height: 38px;
+        }
+        .text-bg {
+            border-radius: 31px;
+            background: linear-gradient(270deg, #F00 0%, #FF7A41 102.33%);
+            padding: 0 22px 0 10px;
+            margin: 0 10px 0 13px;
+        }
+    }
+    .btn-view {
+        color: #FFF;
+        font-size: 14px;
+        font-weight: 400;
+        text-decoration-line: underline;
+        text-transform: uppercase;
+    }
+    .home-collection-info {
+        display: flex;
+        flex-wrap: wrap;
+    }    
+    .banner-holder {
+        width: 373px;
+        margin-right: 16px;        
+        img{
+            display: block;
+            width: auto;
+            border: 1px solid #FF8F8F;
+        border-radius: 15px;
+        }
+    }
+    .product-collection{ 
+        width: calc(100% - 389px);
+    }
+    .p-img{
+        padding-bottom: 78% !important;
+        img {
+            width: auto !important;
+        }
+    }
+}
+.home-product-container{    
+    .product-category-holder{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 18px;
+    }
+    .category-child-holder{
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        font-size: 13px;        
+        font-weight: 300;
+        a{
+            color: #000;
+            margin: 0 34px 0 0;
+            &:hover{
+                @extend .color-main;
+            }
+            &:last-child{
+                @extend .color-main;
+                text-decoration: underline;
+                margin: 0;
+                font-weight: 400;
+            }
+        }
+    }
+    .group-title {
+        @extend .color-main;
+        margin: 0;
+        position: relative;
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 700;   
+        line-height: 30px;
+        padding-bottom: 17px;
+        &::before, &::after{
+            @extend .bg-linear;
+            content: "";
+            height: 12px;
+            transform: skewX(-20deg);
+            position: absolute;
+            bottom: 0;
+            left: 0;
+        }
+        &::before {
+            width: 5px;
+        }
+        &::after{
+            left: 9px;
+            right: 0;
+        }
+    }
+}
+.home-article-container{  
+    padding: 18px 0; 
+    .group-title{
+        text-align: center;        
+        line-height: 30px;
+        margin-bottom: 25px;
+        .title{
+            margin: 0 17px 0 0;
+            font-size: 26px;
+            font-weight: 700;
+            text-transform: uppercase;
+            display: inline-block;
+        }
+        a{
+            color: #00A551;
+            font-size: 13px;
+            font-weight: 400;
+            text-decoration-line: underline;
+            text-transform: uppercase;
+        }
+    }
+    .video-holder {
+        @extend .clearfix;
+    }
+    .video-item{
+        float: left;
+        width: 280px;
+        height: 170px;
+        position: relative;
+        margin: 0 16px 0 0;
+        border-radius: 15px;
+        overflow: hidden;
+        cursor: pointer;
+        &::before{
+            content: '';
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+            z-index: 1;
+        }
+        &::after{
+            content: '\25B6';
+            width: 56px;
+            height: 56px;
+            line-height: 56px;
+            border-radius: 50%;
+            text-align: center;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            z-index: 1;
+            color: #e8e8ea;
+            background: linear-gradient(90deg, #5ed555 50%, #15bd7b 50%);
+            font-size: 28px;
+            padding-left: 7px;
+        }
+        &:nth-child(1){
+            width: 576px;
+            height: 356px;
+            margin-bottom: 0;
+            &::after {
+                width: 80px;
+                height: 80px;   
+                line-height: 80px;
+                font-size: 43px;
+            }
+            .title{
+                display: block;
+                font-size: 20px;
+                position: absolute;
+                left: 17px;
+                right: 17px;
+                bottom: 15px;
+                white-space: nowrap;
+                overflow: hidden;
+                color: #fff;
+                z-index: 2;
+                text-overflow: ellipsis;
+            }
+        }
+        &:nth-child(3), &:nth-child(5){
+            margin-right: 0;
+        }
+        &:nth-child(n+4){
+            margin-top: 16px;
+        }
+        .title {
+            display: none;
+        }
+        img{
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+    .custom-dots .owl-dots {
+        margin-top: 10px !important;
+        position: unset;
+        .owl-dot { 
+            border-color: #00A551;
+        }
+    }    
+}
+.home-customer-review-container {
+    padding: 64px 100px 23px;
+    background-color: #fff;
+    border-radius: 20px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    overflow: hidden;
+    background-repeat: no-repeat;
+    background-position: top;
+    background-size: contain;
+    font-size: 13px;
+    line-height: 16px;
+    margin: 16px 0;
+    .group-title{
+        text-align: center;
+        width: 100%;
+        margin: 0 0 30px;        
+        line-height: 16px;
+        p{
+            margin: 0;
+        }
+        .title {
+            color: #000;
+            font-size: 26px;
+            line-height: 30px;
+            font-weight: 700;            
+            text-transform: uppercase;
+            margin: 0 0 11px;
+        }
+    }
+    .item{
+        background: #fff;
+        position: relative;
+        margin-top: 26px;
+        border-radius: 20px;
+        border: 2px solid #76b657;
+        padding: 50px 14px 14px;
+        width: 39.2%;
+        &::before{            
+            @extend .color-main;
+            content: "0" counter(section);
+            counter-increment: section;
+            font-size: 48px;
+            font-weight: 700;
+            line-height: 56px;
+            text-decoration-line: underline;
+            text-transform: uppercase;
+            background: #fff;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            left: -72px;
+        }
+        img{
+            display: block;
+            width: auto;
+            border-radius: 15px;
+        }
+    }
+    .item-title{
+        @extend .bg-linear;
+        line-height: 39px;
+        display: table;
+        border-radius: 20px 0;
+        color: #FFF;
+        font-weight: 700;
+        padding: 0 30px 0 13px;
+        text-transform: uppercase;
+        margin: 0;
+        position: absolute;
+        top: -1px;
+        left: -1px;
+    }
+    .item-summary{
+        margin-bottom: 12px;
+    }
+    .btn-view{
+        @extend .color-main;
+        display: table;
+        text-decoration: underline;
+        margin: 0 0 20px 0;
+    }
+}
+.home-introduce-container {
+    margin: 16px 0;
+    border-radius: 15px;    
+    background: #FFF;
+    position: relative;
+    padding: 26px 0 30px;
+    font-size: 13px;
+    line-height: 16px;
+    border: 3px solid #00A551;
+    img{
+        display: block;
+        width: auto;
+        border-radius: 15px;
+    }
+    svg {
+        width: 100%;
+    }
+    .introduce-content-holder {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: flex-start;
+        justify-content: space-between;
+        padding: 25px 16px 0;
+    }
+    .introduce-line-bottom {
+        margin: -40px 0 0 0;
+    }
+    .col-left, .col-right {
+        width: calc(50% - 8px);
+    }
+    p{
+        margin: 0 0 12px;
+    }
+    .title {
+        font-size: 26px;
+        line-height: 30px;
+        font-weight: 700;
+        margin: 0 0 13px;
+    }
+    .quote {
+        border-radius: 20px 0px;
+        background: linear-gradient(270deg, rgba(0, 165, 81, 0.25) 0%, rgba(142, 185, 88, 0.25) 102.33%);
+        line-height: 18px;
+        padding: 16px;
+        margin: 20px 0 0;
+    }
+}
+.home-customer-images-container {
+    margin: 16px 0;
+    display: flex;
+    flex-wrap: wrap;
+    img{
+        display: block;
+        width: auto;
+    }
+    .col-left {
+        width: 288px;
+        margin-right: 16px;
+        img {
+            border-radius: 15px;        
+            box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25);
+        }
+    }
+    .col-right{
+        width: calc(100% - 304px);
+        padding: 30px 16px;
+        border-radius: 15px;
+        background: linear-gradient(90deg, #00A551 0%, #FFB446 100%);
+    }
+    .custom-nav .owl-nav {
+        .owl-prev {
+            left: -16px;
+        }
+        .owl-next {
+            right: -16px;
+        }
+    }
+}
+.deal-page {
+    .product-holder {
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .p-item{
+        margin: 0 16px 0 0;
+        width: calc(100% / 4 - 12px);
+        border: 0;
+        &:hover{
+            box-shadow: 0px 0px 6px 1px #F5F5F5;
+        }
+        &:nth-child(n+5){
+            margin-top: 16px;
+        }
+        &:nth-child(4n){
+            margin-right: 0;
+        }
+    }
+    .paging {
+        a{
+            border-color: #fff;
+            color: #fff;
+            *{
+                filter: brightness(100);
+            }
+            &:hover, &.current {
+                background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+                border-color: transparent;
+                color: #000;
+                * {
+                    filter: unset;
+                }
+            }
+        }
+    }
+}
+.product-page {
+    .product-banner-group {
+        margin-bottom: 23px;
+        min-height: 220px;
+        img{
+            border-radius: 15px;
+        }
+    }   
+    .product-content-container {
+        padding: 17px;
+        background: #fff;
+        border-radius: 15px;
+        margin: 10px 0 16px;
+    } 
+    .paging {
+        margin: 30px 0 40px;
+    }
+    .product-holder{
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .p-item{
+        margin: 0 16px 0 0;
+        width: calc(100% / 5 - 13px);
+        &:nth-child(5n){
+            margin-right: 0;
+        }
+        &:nth-child(n+6){
+            margin-top: 16px;
+        }
+    }
+}
+.product-category-child {
+    margin: 23px 0 30px;
+    display: flex;
+    flex-wrap: wrap;
+    font-size: 15px;
+    line-height: 18px;
+    .item{
+        color: #000;
+        margin: 0;      
+        padding: 0 20px;
+        width: calc(100% / 7 - 14px);
+        text-align: center;
+        margin: 0 16px 0 0;
+        &:nth-child(7n){
+            margin-right: 0;
+        }
+        &:nth-child(n+8){
+            margin-top: 30px;
+        }
+        &:hover{
+            @extend .color-main;
+            .image { 
+                &::before{
+                    @extend .bg-linear;
+                    content: '';
+                    display: block;
+                    width: 100%;
+                    height: 100%;
+                }
+                &::after{
+                    content: '';
+                    background: inherit;
+                    position: absolute;
+                    inset: 0;
+                    background-color: transparent;
+                    filter: invert(1) brightness( 100);
+                }
+            }
+        }
+    }
+    .title {
+        @extend .inherit;
+    }
+    .image{
+        display: block;
+        width: 60px;
+        height: 60px;
+        border-radius: 50%;
+        position: relative;
+        margin: 0 auto 20px auto;
+        overflow: hidden;
+        background: #FFF;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: 36px;
+    }
+    .no-thumb {
+        &::after {
+            filter: unset !important;
+        }
+    }
+}
+.product-filter-container {
+    padding: 17px;
+    background: #fff;
+    border-radius: 15px;
+    margin: 30px 0 10px;
+    .filter-item {
+        display: flex;
+        flex-wrap: wrap;
+        margin-bottom: 16px;
+        &:last-child{
+            margin: 0;
+        }
+    }
+    .filter-title{
+        width: 110px;
+        margin: 6px 30px 0 0;
+        font-size: 13px;
+        font-weight: 700;
+    }
+    .filter-list {
+        width: calc(100% - 140px);
+    }
+    a, select {
+        display: inline-block;
+        line-height: 30px;
+        padding: 0 12px;
+        border-radius: 8px;
+        background: #f3f3f3;
+        color: #000;
+        font-size: 13px;
+        margin: 0 7px 7px 0;
+        cursor: pointer;
+        border: 0;
+        &.current, &:hover {
+            @extend .bg-linear;
+            color: #fff;
+        }
+    }
+    select{
+        height: 30px;
+        background: #f3f3f3 !important;
+        color: #000 !important;     
+        padding: 0 8px;   
+    }
+}
+.product-sort-group {
+    margin-bottom: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    line-height: 30px;
+    font-size: 13px;
+    .group-title{        
+        font-weight: 700;
+        margin: 0 20px 0 0;
+    }
+    .box-left, .box-right{
+        display: flex;
+        align-items: center;
+    }
+    .box-left {
+        a{
+            border-radius: 8px;
+            border: 1px dashed #C3C3C3;
+            background: #FFF;
+            color: #000;
+            margin: 0 5px 0 0;
+            padding: 0 11px;
+            &:hover, &.current {
+                @extend .bg-linear;
+                color: #fff;
+                border-color: transparent;
+            }
+        }
+    }
+    .icons {
+        width: 30px;
+        height: 30px;
+        background-color: #F3F3F3;
+        margin: 0 0 0 5px;
+        border-radius: 8px;
+        overflow: hidden;
+        position: relative;
+        &:hover, &.current{            
+            &::before {
+                content: '';
+                display: block;
+                width: 100%;
+                height: 100%;
+                @extend .bg-linear;
+            }
+            &::after{
+                content: '';
+                background: inherit;
+                position: absolute;
+                inset: 0;
+                z-index: 1;
+                filter: brightness(100);
+                background-color: transparent;
+            }
+        }
+    }   
+    .icon-grid {
+        background-position: -174px -75px;
+    }
+    .icon-list {
+        background-position: -211px -75px;
+    }
+}
+.product-list-container {
+    justify-content: space-between;
+    .p-item{
+        @extend .clearfix;
+        width: calc(100% / 2 - 8px);
+        margin: 0 0 16px 0 !important;
+        text-align: left;
+        .p-img {
+            width: 35%;
+            padding-bottom: 35%;
+            margin: 0 16px 0 0;
+            float: left;
+        }
+        .p-text, .p-type-holder, .p-btn-group {
+            width: calc(100% - 35% - 16px);
+            float: left;
+        }
+        .p-type-holder, .p-name {
+            margin: 0;
+        }
+        .p-price-holder {
+            justify-content: flex-start;
+        }
+        .p-type-holder, .p-price-holder, .p-name {
+            height: auto;
+            min-height: unset;
+        }
+        .p-bestsale {
+            margin: 0 10px 10px 0;
+        }
+        .p-rate {
+            font-size: 13px;
+        }
+    }
+}
+.static-html-container{
+    position: relative;
+    padding: 28px 0 10px 0;
+    font-size: 13px;
+    &::before{
+        @extend .bg-main;
+        content: '';
+        max-width: 1000px;
+        width: 100%;
+        height: 2px;
+        position: absolute;
+        top: 0;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+    .static-content{
+        *{
+            font-family: inherit !important;
+            line-height: inherit !important;
+        }
+    }
+    .btn-static-group{
+        text-align: center;
+        margin-top: 14px;
+        a{
+            color: #00A551;            
+            font-size: 13px;            
+            line-height: 16px;
+            text-decoration-line: underline;
+            text-transform: uppercase;
+            display: none;
+        }
+    }
+}
+.product-detail-page {
+    .pd-box-group{
+        border-radius: 15px;
+        background: #FFF;
+        margin: 0 0 16px 0;
+        padding: 16px;        
+    }
+    .page-title {
+        font-size: 20px;
+        font-weight: 700;
+        line-height: 24px;
+        margin: 0 0 19px;
+        width: 100%;
+    }
+    .pd-info-container, .pd-info-col-left {
+        display: flex;
+        flex-wrap: wrap;
+    }  
+    .pd-price-group{
+        margin: 18px 0;
+        line-height: 21px;
+        font-size: 13px;
+        *{
+            display: inline-block;
+        }
+    }
+    .pd-price {
+        @extend .red;
+        font-size: 32px;
+        font-weight: 800;
+        u{
+            font-size: 20px;
+            vertical-align: middle;
+        }
+    }
+    .pd-old-price {
+        margin: 0 10px;
+        color: #A3A3A3;
+        font-size: 18px;
+    }
+    .pd-discount {
+        color: #fff;
+        border-radius: 5px;
+        background: #E80E0E;
+        font-weight: 500;
+        padding: 0 3px;
+        vertical-align: text-bottom;
+    }
+    .pd-desc-group, .pd-spec-group, .pd-comment-container {
+        .group-title{
+            border-bottom: 1px solid #F5F5F5;
+            font-size: 20px;
+            font-weight: 700;
+            line-height: 20px;
+            text-transform: uppercase;
+            margin: 0 -16px 16px;
+            padding: 0 16px;
+            span{
+                display: inline-block;
+                padding-bottom: 9px;
+                border-bottom: 1px solid #00A551;
+            }
+        }
+    }
+    .pd-desc-group {
+        width: 795px;
+        margin-right: 16px;
+        float: left;
+        line-height: 20px;
+        .static-html-container {
+            font-size: inherit;
+            padding: 0;
+            margin-bottom: 30px;
+            &::before{
+                content: none;
+            }
+        }
+    }
+    .pd-spec-group {
+        width: 389px;  
+        float: left;
+        .btn-show {
+            display: block;
+            text-align: center;
+            line-height: 30px;
+            margin-top: 10px;
+            color: #00A551;
+            text-transform: uppercase;
+        }        
+    }
+    .pd-spec-holder  {
+        padding: 0;
+        tr{
+            &:nth-child(n+12){
+                display: none;
+            }
+        }
+    }
+}
+.pd-info-col-left {
+    width: calc(100% - 286px);
+    margin-right: 15px;
+    .pd-info-group{
+        width: calc(100% - 389px);
+    }
+}
+.pd-info-col-right {
+    width: 271px;
+}
+.pd-image-container {
+    width: 373px;
+    margin-right: 16px;
+    .pd-image-large {
+        border-radius: 15px;
+        margin-bottom: 24px;
+        overflow: hidden;
+        position: relative;
+        border: 6px solid #92c26c;
+        border-left: 6px solid #519064;
+        border-right: 6px solid #519064;
+    }
+    .pd-gallery-holder{
+        padding: 0 20px;
+        margin: 20px 0 40px;
+        .item{
+            display: block;
+            overflow: hidden;
+            border-radius: 15px;
+            border: 1px solid #d9d9d9;
+            &.mz-thumb-selected {
+                border: 2px solid #00A551;
+            }
+        }
+        img{
+            filter: unset !important;
+        }
+    }
+}
+.pd-summary-group {
+    font-size: 13px;
+    line-height: 16px;
+    .pd-summary-btn{
+        @extend .color-main;
+        display: table;
+        text-decoration: underline;
+        &::before{
+            content: 'Xem thêm +';
+        }
+        &.active::before{
+            content: 'Thu gọn -';
+        }
+    }
+    .pd-summary-list {
+        &.active {
+            .item{
+                display: block;
+            }
+        }
+    }
+    .item{
+        margin-bottom: 10px;
+        position: relative;
+        padding-left: 12px;
+        &::before{
+            content: '\25CF';
+            font-size: 6px;
+            position: absolute;
+            top: -1px;
+            left: 0;
+        }
+        &:nth-child(n+6){
+            display: none;
+        }
+    }
+}
+.pd-deal-price-group {
+    border-radius: 15px;
+    background: linear-gradient(270deg, #F00 0%, #FF7A41 102.33%);
+    margin-bottom: 18px;
+    padding: 9px 16px;
+    color: #fff;
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 16px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    .pd-deal-price{
+        margin: 0 0 4px;
+        *{
+            display: inline-block;
+        }
+        > span {            
+            min-width: 90px;
+        }
+        b{
+            font-size: 28px;
+            font-weight: 700;
+            line-height: 33px;
+            u{
+                vertical-align: middle;
+                font-size: 16px;
+            }
+        }
+    }
+    .p-deal-old-price{
+        font-weight: 400;
+        margin-right: 10px;
+    }
+    .p-deal-discount{
+        color: #E80E0E;
+        font-weight: 500;
+        background: #fff;
+        padding: 2px;
+        display: inline-block;
+        min-width: unset !important;
+        border-radius: 5px;
+    }
+    .pd-deal-time {
+        margin-bottom: 4px;
+    }
+    .pd-deal-time, .pd-deal-countdown{
+        display: flex;
+        align-items: center;
+    }
+    .pd-deal-countdown{
+        b{
+            margin: 0 0 0 10px;
+            background: #fff;
+            border-radius: 5px;
+            padding: 4px 3px;
+            position: relative;
+            color: #E80E0E;
+            font-size: 18px;
+            font-weight: 800;
+            line-height: 17px;
+            &::before{
+                content: ':';
+                color: #fff;
+                position: absolute;
+                left: -8px;
+            }
+            &:first-child{
+                &::before{
+                    content: none;
+                }
+            }
+        }
+    }
+    .pd-deal-info{
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 13px;
+        font-style: italic;
+        font-weight: 600;
+        margin-top: 14px;
+    }
+    .pd-deal-line {
+        border-radius: 12px;
+        background: linear-gradient(90deg, #FFD600 2.7%, #FFF7AF 100%);
+        background-size: 200% auto;
+        background-position: 0 100%;
+        animation: 2s linear infinite forwards gradient-bg-antimation;
+        max-width: 340px;
+        width: 100%;
+        height: 16px;
+        position: relative;
+    }
+    .pd-deal-icon {
+        background: url(../images/p-icon-deal-discount.png) no-repeat;
+        background-size: 25px;
+        width: 25px;
+        height: 25px;
+        position: absolute;
+        bottom: -3px;
+        left: -4px;
+    }
+}
+.pd-status-group{
+    margin: 0 0 18px;
+    font-size: 12px;
+    line-height: 14px;
+    b{
+        font-weight: 600;
+    }
+    p{
+        display: inline-block;
+        margin: 0 25px 10px 0;
+    }
+}
+.pd-config_group-holder {
+    margin: 18px 0;
+    font-size: 13px;
+    line-height: 16px;
+    .group-title {
+        display: block;
+    }
+    .pd-config_group-list{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        text-align: center;
+        a{
+            margin: 11px 0 0 0;
+            width: calc(100% / 2 - 8px);
+            padding: 10px;
+            border-radius: 8px;
+            border: 1px solid #D9D9D9;
+            background: #FFF;
+            color: #000;
+            &:hover{
+                @extend .color-main;
+                border-color: #00A551;
+            }
+            &.current{
+                border: 2px solid #00A551;
+                @extend .color-main;
+            }
+        }
+        .title{
+            @extend .line-clamp-2;                        
+            margin-bottom: 4px;
+        }
+        .price {
+            @extend .red;
+            font-size: 15px;
+            font-weight: 800;
+            line-height: 18px;
+            u{
+                font-size: 12px;
+                vertical-align: middle;
+            }
+        }
+    }
+}
+.pd-offer-group {
+    margin: 36px 0 18px;
+    border-radius: 15px;
+    border: 1px dashed #00A551;
+    background: #FFF;
+    padding: 34px 20px 14px;
+    position: relative;
+    font-size: 13px;
+    line-height: 20px; 
+    .group-title {
+        @extend .bg-main;
+        border-radius: 20px;
+        margin: 0;
+        color: #FFF;
+        line-height: 38px;
+        font-size: 13px;
+        font-weight: 700;
+        text-align: center;
+        padding: 0 15px;
+        position: absolute;
+        top: -20px;
+        left: 20px;
+    }
+    .item{
+        position: relative;
+        padding-left: 35px;
+        margin-bottom: 5px;
+        &:last-child{
+            margin: 0;
+        }
+        &::before{
+            content: "";
+            width: 16px;
+            height: 10px;
+            border: 3px solid #00A551;
+            border-top: 0;
+            border-right: 0;
+            position: absolute;
+            top: 2px;
+            left: 0;
+            transform: rotate(-45deg);
+        }
+    }
+}
+.pd-quantity-group{
+    margin: 14px 0;
+    display: flex;
+    align-items: center;
+    p{
+        margin: 0 22px 0 0;
+    }
+    .quanity-change-group{
+        display: flex;
+        align-items: center;
+        border-radius: 5px;
+        box-shadow: 0px 0px 0px 1px #D9D9D9;
+        background: #FFF;
+        text-align: center;
+        width: 102px;
+        a{
+            line-height: 40px;
+            width: 28px;
+            color: #000;
+            font-weight: bold;
+        }
+        input{
+            width: 46px;
+            height: 40px;
+            margin: 0;
+            padding: 0;
+            border: 0;
+            border-left: 1px solid #CECECE;
+            border-right: 1px solid #CECECE;
+            text-align: center;
+        }
+    }
+}
+.pd-btn-group {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin: 14px 0;
+    a{
+        margin: 0 0 8px;
+        width: 100%;
+        text-align: center;
+        color: #000;
+        border-radius: 10px;
+        line-height: 21px;
+        border: 1px solid transparent;
+        background: #fff;
+        padding: 8px;
+        font-size: 13px;
+        transition: .2s all;
+        &:hover{
+            box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
+        }
+        &:nth-child(2), &:nth-child(3) {
+            width: calc(50% - 4px);
+        }
+        b{
+            font-weight: 700;
+            font-size: 18px;
+            display: block;
+        }
+        span{
+            display: block;
+            line-height: 15px;
+        }
+    }
+    .btn-buynow {
+        @extend .bg-linear;
+        line-height: 52px;  
+        color: #fff;
+        padding: 0;
+    }
+    .btn-add-cart {
+        border-color: #00A551;
+        color: #00A551;
+    }
+    .btn-pay-install {
+        background: #286ED6;
+        border-color: transparent;
+        color: #fff;
+    }
+    .btn-credit {
+        background: linear-gradient(90deg, #FFB800 2.7%, #FFF59F 57.03%, #FFB800 100%);
+        img{
+            display: inline-block;
+            margin: 0 4px;
+            width: auto;
+            height: 14px;
+        }
+    }
+}
+.pd-static-item {
+    margin-bottom: 16px;
+    border-radius: 15px;
+    overflow: hidden;
+    background: linear-gradient(90deg, #FFB446 0%, #00A551 100%);
+    padding: 2px;
+    img{
+        display: block;
+        width: auto;
+        margin: auto;
+    }
+    .item-video{
+        background: #fff;
+        padding: 12px;
+        border-radius: 0 0 13px 13px;
+        a{
+            display: block;
+            position: relative;
+            padding-bottom: 100%;
+            &::before{
+                content: '';
+                position: absolute;
+                inset: 0;
+                background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+                z-index: 1;
+            }
+            &::after{
+                content: '\25B6';
+                width: 56px;
+                height: 56px;
+                line-height: 56px;
+                border-radius: 50%;
+                text-align: center;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                z-index: 1;
+                color: #e8e8ea;
+                background: linear-gradient(90deg, #5ed555 50%, #15bd7b 50%);
+                font-size: 28px;
+                padding-left: 7px;
+            }
+        }
+        img{
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+    .group-title{
+        font-size: 15px;
+        line-height: 18px;
+        font-weight: bold;
+        text-align: center;
+        margin: 0;
+        padding: 12px;
+        color: #fff;
+    }
+    .item-summary{
+        background: #fff;
+        text-align: center;
+        padding: 20px;
+        border-radius: 13px;
+        font-size: 15px;
+        line-height: 20px;
+        .title{
+            color: #00A551;            
+            font-weight: 800;            
+            text-transform: uppercase;
+            margin: 0;
+        }
+        p{
+            margin: 0 0 10px 0;
+        }
+        a{
+            display: table;
+            margin: 10px auto 14px;
+            color: #FF7A00;
+            font-size: 24px;
+            font-weight: 700;
+        }
+        .pd-btn-support{
+            display: block;
+            margin: 14px 0 0 0;
+            border-radius: 5px;
+            border: 1px solid #FF7A00;
+            background: #FFF;
+            font-size: 15px;
+            text-transform: uppercase;
+            font-weight: 400;
+            line-height: 32px;
+            transition: .2s all;
+            &:hover{
+                background: #FF7A00;
+                color: #fff;
+            }
+        }
+    }
+    .static-line{
+        font-weight: 300;
+        position: relative;
+        margin: 14px 0 8px;
+        &::before{
+            content: '';
+            background: #D9D9D9;
+            height: 1px;
+            position: absolute;
+            top: 50%;
+            left: 0;
+            right: 0;
+            transform: translateY(-50%);
+        }
+        span{
+            padding: 0 12px;
+            background: #fff;
+            position: relative;
+        }
+    }    
+}
+.pd-spec-holder {
+    padding: 10px;
+    line-height: 20px;
+    font-size: 13px;
+    *{
+        margin: 0;
+        font-weight: inherit !important;
+        line-height: inherit !important;
+    }
+    tr{        
+        &:nth-child(odd){            
+            background: #F3F3F3;
+            td{
+                &:first-child{
+                    border-radius: 5px 0 0 5px;
+                }
+                &:last-child{
+                    border-radius: 0 5px 5px 0;
+                }
+            }
+        }
+    }
+    td{
+        padding: 10px 12px;
+        vertical-align: baseline;
+        &:nth-child(1){
+            font-weight: bold !important;
+            min-width: 100px;
+        }
+    }
+}
+.pd-product-tab-container {
+    min-height: 400px;
+    .tab-title-group{
+        padding: 0 16px;
+        margin: 0 -16px;
+        border-bottom: 1px solid #F5F5F5;
+        margin-bottom: 16px;
+        padding-bottom: 13px;
+        a{
+            margin-right: 35px;
+            color: #5B5B5B;
+            font-size: 20px;
+            font-weight: 700;
+            line-height: 23px;
+            padding-bottom: 13px;
+            border-bottom: 1px solid transparent;
+            &.active{
+                @extend .color-main;
+                border-color: #00A551;
+            }
+        }
+    }
+    .box-product-holder {
+        position: relative;
+        display: none;
+    }
+}
+.article-page {
+    padding-bottom: 16px;
+    .article-category-list {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        a{
+            margin: 0 16px 16px 0;
+            border-radius: 0px 24px;
+            color: #000;
+            background: #FFF;
+            padding: 0 14px;
+            line-height: 42px;
+            white-space: nowrap;
+            display: flex;            
+            align-items: center;
+            &:hover, &.current {
+                @extend .bg-linear;
+                color: #fff;
+                .image {
+                    filter: brightness(100);
+                }
+            }
+        }
+        .image {
+            width: 24px;
+            height: 24px;
+            margin-right: 10px;
+            background-repeat: no-repeat;
+            background-position: center;
+            background-size: 20px auto;
+        }
+        .title{
+            @extend .inherit;
+            font-size: 16px;            
+            font-weight: 600;
+            color: inherit;            
+        }
+    }
+    .article-list{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    .art-item{
+        font-size: 13px;
+        line-height: 18px;
+        border-radius: 0;
+        width: calc(50% - 9px);
+        display: flex;
+        flex-wrap: wrap;     
+        padding: 0;   
+        .art-img {
+            width: 50%;        
+            padding-bottom: 31%;    
+            margin: 0 16px 0 0;
+            img{
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+            }
+        }
+        .art-text {
+            width: calc(50% - 16px);
+        }
+    }
+}
+.top-article-group{
+    margin: 0 0 16px 0;
+    border-radius: 15px;
+    background: #fff;
+    padding: 22px 16px 16px;
+    .group-title {
+        font-size: 26px;
+        font-weight: 700;
+        line-height: 30px;
+        text-transform: uppercase;
+        margin-bottom: 20px;;
+    }
+    .top-article-holder{
+        @extend .clearfix;
+        .art-item{
+            display: flex;
+            flex-wrap: wrap;
+            width: 575px;
+            float: right;
+            padding: 0;
+            &:nth-child(1){
+                float: left;
+                display: block; 
+                padding: 0;           
+                .art-img {
+                    width: 100%;
+                    padding-bottom: 356px;
+                    margin: 0 0 11px;
+                }
+                .art-text {
+                    width: 100%;
+                }
+                .art-title {
+                    font-size: 14px;
+                    line-height: 20px;
+                }
+                .art-summary{
+                    @extend .line-clamp-2;
+                }
+            }
+            &:nth-child(n+3){
+                border-top: 1px solid #F5F5F5;
+                padding-top: 20px;
+                margin-top: 20px;
+            }        
+        } 
+    }       
+}
+.article-cate-container{
+    margin: 0 0 16px 0;
+    border-radius: 15px;
+    background: #fff;
+    padding: 22px 16px;
+    .group-title{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 13px;
+        margin-bottom: 28px;
+        a{
+            @extend .color-main;
+            text-decoration: underline;
+        }
+        .title {
+            font-size: 26px;
+            font-weight: 700;
+            line-height: 30px;
+            text-transform: uppercase;
+            position: relative;
+            padding-left: 42px;
+            margin: 0;
+            &::before{
+                @extend .icons;      
+                content: "";
+                width: 26px;
+                height: 30px;
+                position: absolute;
+                left: 0;
+                background-position: -9px -117px;
+            }
+        }
+    }    
+}
+.article-category-page{
+    .category-page-title {
+        display: flex;
+        align-items: center;
+        margin-bottom: 20px;
+        .title{            
+            font-size: 26px;            
+            font-weight: 700;
+            line-height: 30px;
+            text-transform: uppercase;
+            margin: 0;
+        }
+        .image{
+            width: 26px;
+            height: 30px;
+            margin-right: 7px;
+            background-repeat: no-repeat;
+            background-size: 25px auto;
+            background-position: center;
+        }
+    }
+    .top-article-group {
+        margin: 0;
+        padding: 0 0 25px;
+        border-radius: 0;
+        border-bottom: 1px solid #F5F5F5;
+    }
+    .art-item{        
+        padding: 25px 0;
+        width: 50%;
+        &:nth-child(odd){            
+            padding-right: 18px;
+        }
+        &:nth-child(n+3){
+            border-top: 1px solid #F5F5F5;
+        }
+    }
+}
+.article-detail-page {
+    .page-title {
+        font-size: 24px;
+        font-weight: 700;
+        line-height: 30px;
+        margin: 0 0 10px;
+    }
+    .art-detail-time{
+        p{
+            margin: 0 30px 20px 0;            
+            display: inline-flex;
+            color: #B6B6B6;
+            font-weight: 400;
+            font-size: 13px;
+            align-items: center;
+        }
+        .icons {
+            width: 20px;
+            height: 15px;
+        }
+        .icon-clock {
+            background-position: -181px -44px;
+        }
+        .icon-visit {
+            background-position: -152px -44px;
+        }
+    }
+    .art-detail-content {
+        *{
+            font-family: inherit !important;
+            line-height: inherit !important;
+        }
+    }
+}
+.art-detail-container{
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    .col-left, .col-right {
+        border-radius: 15px;
+        background: #FFF;
+        overflow: hidden;
+    }
+    .col-left {
+        width: 795px;
+        margin-right: 16px;
+        padding: 28px 16px 16px;
+    }
+    .col-right {
+        width: 389px;
+        padding: 28px 0 0;
+        .group-title{
+            padding: 0 16px;
+            border-bottom: 1px solid #F5F5F5;
+            font-size: 20px;
+            font-weight: 700;
+            line-height: 20px;
+            text-transform: uppercase;
+            span{
+                display: inline-block;
+                padding-bottom: 10px;
+                border-bottom: 1px solid #00A551;
+            }
+        }
+    }
+    .header-search-group {
+        width: 100%;
+        padding: 0 16px;
+        margin: 0;
+    }
+    .art-item{
+        padding: 16px;
+        width: 100%;
+        align-items: flex-start;
+        &:nth-child(n+2){
+            border-top: 1px solid #F5F5F5;
+        }
+        .art-img{
+            width: 47.5%;
+        }
+        .art-text {
+            width: calc(100% - 47.7% - 16px);
+        }
+        .art-category, .art-summary, .art-time{
+            display: none;
+        }
+        .art-title {
+            display: block;
+        }
+    }
+}
+.article-related-container {
+    margin-top: 30px;
+    .group-title {
+        font-size: 26px;
+        font-weight: 700;
+        line-height: 30px;
+        text-transform: uppercase;
+        margin: 0 0 20px;
+    }
+    .art-item{
+        width: 100%;
+        padding: 16px;
+        display: block;
+        line-height: 20px;
+        border-radius: 15px;
+        .art-img {
+            margin: 0 0 12px;
+            padding-bottom: 62%;
+            width: 100%;
+        }
+        .art-text {
+            width: 100%;
+        }
+    }
+    .custom-dots .owl-dots {
+        margin-top: 10px !important;
+        position: unset;
+        .owl-dot { 
+            border-color: #00A551;
+        }
+    } 
+}
\ No newline at end of file