diff --git a/Viccos/css/base.css b/Viccos/css/base.css new file mode 100644 index 0000000..b2a0ce3 --- /dev/null +++ b/Viccos/css/base.css @@ -0,0 +1,902 @@ +:root { + --color-primary: #e45702; + --color-secondary: #ffae0b; + --white: #fff; + --black: #000; + --red: #d80d0d; + --blue: #138eff; + --green: #40b653; + --gray: #959595; + --gray-2: #505050; + --box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); + --liner-gradient: linear-gradient(180deg, #ff7522 0%, #e45702 100%); +} +html { + font-size: 15px; +} +body { + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: Montserrat, sans-serif; + color: #505050; + word-break: break-word; + line-height: 1.5; + font-weight: 400; + background-color: #fff; + letter-spacing: 0.15px; +} +.container { + max-width: 1220px; + width: 100%; + padding: 0 10px; + margin: 0 auto; +} +.box-w { + border-radius: 15px; + background-color: #fff; + padding: 10px; +} +.box-empty { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 24px; + line-height: 28px; + width: 100%; + height: 430px; + color: var(--red); + text-align: center; + grid-column: 1/-1; +} +.alert-mess { + text-align: center; + padding: 50px 30px; + font-size: 20px; + font-weight: 500; + color: var(--red); + grid-column: 1/-1; +} +.alert-text { + font-size: 13px; + line-height: 17px; + font-weight: 500; + color: var(--red); + margin: 8px 8px 0; +} +.alert-error { + padding-left: 24px; + margin: 16px 0; + color: var(--red); + font-weight: 600; + line-height: 1.5; +} +.accordion-icon { + display: none; + position: absolute; + right: 10px; + font-size: 28px; + line-height: 16px; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; +} +.accordion-icon.rotate { + -webkit-transform: translateY(-50%) rotate(90deg); + -ms-transform: translateY(-50%) rotate(90deg); + transform: translateY(-50%) rotate(90deg); +} +.scroll-margin-top { + scroll-margin-top: 50px; +} +.text-capitalize { + text-transform: capitalize; +} +.swiper-btn-custom { + width: 40px; + height: 60px; + background-color: rgba(217, 215, 214, 0.8); + color: #333; + border-radius: 0 40px 40px 0; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); +} +.swiper-btn-custom:after { + font-size: 24px; +} +.swiper-btn-custom.swiper-button-next { + right: 0; + border-radius: 40px 0 0 40px; +} +.swiper-btn-custom.swiper-button-next::after { + -webkit-transform: translate(5px, 1px); + -ms-transform: translate(5px, 1px); + transform: translate(5px, 1px); +} +.swiper-btn-custom.swiper-button-prev { + left: 0; + border-radius: 0 40px 40px 0; +} +.swiper-btn-custom.swiper-button-prev::after { + -webkit-transform: translate(-3px, 1px); + -ms-transform: translate(-3px, 1px); + transform: translate(-3px, 1px); +} +.heading-primary { + font-size: 32px; + line-height: 50px; + font-weight: 600; + color: #3a3734; + text-transform: capitalize; + margin-bottom: 20px; + text-align: center; +} +.heading-secondary { + font-size: 18px; + line-height: 24px; + font-weight: 700; + margin-bottom: 8px; +} +.text-primary { + font-size: 16px; + line-height: 24px; +} +.btn-primary { + display: inline-block; + font-weight: 500; + padding: 0 18px; + text-transform: uppercase; + color: #fff; + background: var(--liner-gradient); + text-align: center; +} +.btn-secondary { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 4px; + font-size: 16px; + font-weight: 600; + color: var(--color-primary); + margin: 16px auto 0; +} +.box-primary { + border: 1px solid #dadada; + border-radius: 10px; + margin-bottom: 12px; +} +.my-60px { + margin: 60px 0; +} +.paging { + padding: 0 10px 32px; + margin-top: 42px; + text-align: center; +} +.paging-link.active, +.paging-link:hover { + color: #fff; + background: var(--color-primary); + font-weight: 500; +} +.paging-link { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-right: 8px; + border-radius: 50%; + color: #000; + font-size: 16px; + line-height: 16px; + text-decoration: none; + text-transform: capitalize; + width: 36px; + height: 36px; +} +.routing { + white-space: nowrap; + overflow: auto; +} +.routing .list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 16px 0; + list-style: none; +} +.routing .routing-link { + position: relative; + font-size: 14px; + font-weight: 400; + padding: 0 10px; + text-decoration: none; +} +.routing .routing-link:first-child { + padding-left: 0; +} +.routing .routing-link:last-child { + color: var(--color-primary); +} +.routing .routing-link:not(:last-child)::before { + content: ""; + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%) rotate(25deg); + -ms-transform: translateY(-50%) rotate(25deg); + transform: translateY(-50%) rotate(25deg); + width: 1px; + height: 70%; + border-right: 1px solid #000; +} +.header-cart:hover .cart-ttip { + display: block; +} +.cart-ttip { + display: none; + position: absolute; + background-color: #fff; + border-radius: 10px; + width: 400px; + height: auto; + right: 0; + top: 30px; + z-index: 3; + -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 25%); + box-shadow: 0 1px 6px rgb(0 0 0 / 25%); +} +.cart-ttip .null-cart { + width: 100%; + text-align: center; + padding: 24px; + color: #000; + font-size: 14px; + font-weight: 600; +} +.cart-ttip .cart-ttip-price-button { + display: block; + border-radius: 5px; + padding: 10px; + background: var(--color-primary); + color: #fff; + text-align: center; + margin: 0 12px 12px; +} +.cart-ttip .cart-ttip-container { + max-height: 300px; + overflow: auto; +} +.cart-ttip .cart-ttip-price { + padding: 10px 20px 10px 10px; + border-top: 3px solid var(--color-primary); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; + gap: 6px; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; +} +.cart-ttip .cart-ttip-price p { + color: #000; + width: auto; + padding: 0; + margin: 0; +} +.cart-ttip .cart-ttip-price p:first-child { + font-size: 15px; + font-weight: 700; + text-transform: uppercase; + -webkit-transform: translateY(2px); + -ms-transform: translateY(2px); + transform: translateY(2px); +} +.cart-ttip .cart-ttip-price p:nth-child(2) { + font-size: 13px; + font-weight: 200; + color: var(--color-primary); + margin-left: 0 !important; +} +.cart-ttip .cart-ttip-price p:last-child { + font-size: 15px; + font-weight: 700; +} +.cart-ttip .compare-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + width: 100%; + padding: 10px; + border-radius: 10px; + background: #fff; + font-size: 15px; + line-height: 20px; +} +.cart-ttip .compare-item .compare-item-info { + display: inline-block; + padding: 0 10px; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.cart-ttip .compare-item .compare-item-info p { + background: 0 0; + color: #000; + padding: 0; + width: 100%; + word-break: break-word; + font-size: 14px; + line-height: 20px; + margin-left: 0; + height: 40px; +} +.cart-ttip .compare-item .compare-item-name { + height: 40px; +} +.cart-ttip .compare-item .compare-item-price { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 10px; +} +.cart-ttip .compare-item .compare-item-price p { + font-weight: 700; + width: auto; +} +.cart-ttip .compare-item .compare-item-img { + width: 80px; + border: 5px; +} +.search-bar .search-results { + display: none; + border: 1px solid #ddd; + background: #fff; + position: absolute; + top: 100%; + right: 0; + width: 100%; + z-index: 9999; + -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%); + box-shadow: 0 1px 5px rgb(0 0 0 / 20%); +} +.search-bar .search-results .search-results-list { + max-height: 300px; + overflow: auto; + z-index: 999; +} +.search-bar .search-results .item { + background: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + gap: 10px; + padding: 10px; + width: 100%; + position: relative; + text-decoration: none; + font-weight: 400; +} +.search-bar .search-results .item:hover { + background: #f0f2f5; +} +.search-bar .search-results .img { + width: 60px; + height: 60px; + background: #fff; +} +.search-bar .search-results .title { + font-size: 13px; + font-weight: 500; + line-height: 20px; + color: #333; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.search-bar .search-results .name { + line-height: 18px; + height: 36px; +} +.search-bar .search-results .price { + display: block; + margin-top: 4px; + color: #ec1c24; +} +.review-box { + font-size: 14px; +} +.review-box .r-form { + padding: 20px 16px; + margin-top: 8px; + border: 1px solid #e1e1e1; + border-radius: 10px; +} +.review-box .r-form-reply { + margin-left: 28px; + position: relative; +} +.review-box .r-form-reply::before { + content: ""; + top: -12px; + left: 9px; + position: absolute; + width: 0; + height: 0; + border-style: solid; + border-width: 0 8px 12px 8px; + border-color: transparent transparent #e1e1e1 transparent; +} +.review-box .r-form-reply::after { + content: ""; + top: -11px; + left: 9px; + position: absolute; + width: 0; + height: 0; + border-style: solid; + border-width: 0 8px 14px 8px; + border-color: transparent transparent #fff transparent; +} +.review-box .r-input { + width: 100%; + height: 40px; + font-size: 14px; + line-height: 40px; + padding: 10px; + border: 1px solid #eaeaea; + margin-bottom: 12px; +} +.review-box textarea.r-input { + height: 103px; + line-height: 18px; +} +.review-box .r-btn { + display: inline-block; + height: 40px; + font-weight: 600; + line-height: 40px; + padding: 0 30px; + background: #6b3915; + border: 1px solid #6b3915; + color: #fff; +} +.review-box .r-btn-close { + background: var(--red); + border-color: var(--red); +} +.review-box .r-avatar { + width: 32px; + height: 32px; + font-size: 16px; + font-weight: 600; + line-height: 32px; + text-align: center; + border-radius: 50%; + background: #d9d9d9; +} +.review-box .r-name { + font-weight: 600; +} +.review-box .r-reply { + background: #f0f0f0; + padding: 10px 12px; + border-radius: 10px; + margin-top: 10px; + margin-left: 28px; +} +.rating-input { + float: right; + width: 16px; + height: 16px; + padding: 0; + margin: 0 0 0 -16px; + opacity: 0; +} +.rating-star:hover { + background-position: 0 0; +} +.rating-star { + position: relative; + float: right; + display: block; + width: 17px; + height: 17px; + background: url(../images/star_rating_2022.png) 0 0; + margin: 0 3px; +} +.rating-star:hover, +.rating-star:hover ~ .rating-star { + background-position: 0 0; +} +.rating-input:checked ~ .rating-star, +.rating-star:hover, +.rating-star:hover ~ .rating-star { + background-position: 0 0; +} +.rating-input:checked ~ .rating-star, +.rating:hover .rating-star:hover, +.rating:hover .rating-star:hover ~ .rating-star { + background-position: 0 0; +} +.rating-comment:hover .rating-star, +.rating-star { + position: relative; + float: right; + display: block; + background: url("../images/star_rating_2022.png?v=2.1") 0 -28px; +} +.rating-comment:hover .rating-star:hover, +.rating-comment:hover .rating-star:hover ~ .rating-star { + background-position: 0 -56px !important; +} +#star_tip { + display: none; + margin-left: 10px; + position: relative; + background: #e20505; + color: #fff; + padding: 2px 8px 3px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; +} +#star_tip:after { + right: 100%; + top: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(82, 184, 88, 0); + border-right-color: #e20505; + border-width: 6px; + margin-top: -6px; +} +.icon-star { + display: inline-block; + width: 90px; + height: 19px; + background-image: url("../images/star_sprite.png"); + background-repeat: no-repeat; + vertical-align: text-bottom; +} +.icon-star.star0 { + background-position: 0 -108px !important; +} +.icon-star.star1 { + background-position: 0 -87px !important; +} +.icon-star.star2 { + background-position: 0 -65px !important; +} +.icon-star.star3 { + background-position: 0 -42px !important; +} +.icon-star.star4 { + background-position: 0 -21px !important; +} +.icon-star.star5 { + background-position: 0 1px !important; +} +.global-menu-container { + position: fixed; + top: 0; + left: -100%; + bottom: 0; + right: 100%; + background: #fff; + z-index: 9999; + -webkit-transition: 0.5s all; + -o-transition: 0.5s all; + transition: 0.5s all; + height: calc(100% - 55px); + overflow: auto; + line-height: 20px; + font-size: 16px; + -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%); + box-shadow: 0 1px 5px rgb(0 0 0 / 20%); +} +.global-menu-container.active { + left: 0; + right: 0; +} +.global-menu-container .menu-content { + border-top: 1px solid #e5eaf1; + border-bottom: 1px solid #e5eaf1; +} +.global-menu-container .menu-title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 16px; + color: #404d5f; + line-height: 44px; +} +.global-menu-container .menu-title.active { + color: var(--color-primary); +} +.global-menu-container .menu-title .heading { + font-size: 18px; +} +.global-menu-container .sub-menu { + display: none; +} +.global-menu-container .sub-item { + border-top: 1px solid #e5eaf1; +} +.global-menu-container .cat-child { + display: none; + background: #f5f8fd; + border-top: 1px solid #e5eaf1; +} +.global-menu-container .cat-child .menu-title { + margin-left: 16px; +} +.global-menu-container .cat-child-2 { + background: #dfebff; +} +.global-menu-container .cat-child-2 .sub-item { + border-top: 1px solid #d2dbe7; +} +.global-menu-container .cat-child-2 .cat-icon { + border-color: #d2dbe7; +} +.global-menu-container .cat-child-3 { + background: #b8d3ff; +} +.global-menu-container .cat-title { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.global-menu-container .cat-thumb { + width: 24px; + height: 24px; + margin-right: 12px; + background-repeat: no-repeat; + background-position: center; + background-size: 24px; + -webkit-filter: grayscale(1); + filter: grayscale(1); +} +.global-menu-container .cat-icon { + width: 44px; + line-height: 44px; + text-align: center; + border-left: 1px solid #e5eaf1; +} +.global-menu-container .cat-icon i { + -webkit-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; +} +.global-menu-container .cat-icon.active i { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.global-menu-container .menu-support .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 8px 16px; + min-height: 40px; +} +.global-menu-container .fa-icon { + width: 24px; + font-size: 22px; + margin-right: 12px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.viccos-icons { + background-image: url(/images/viccos-icon-map.png); + background-repeat: no-repeat; + display: inline-block; + background-size: 333px 136px; +} +.icon-angle-down-primary { + width: 10.5px; + height: 6.5px; + background-position: -2.5px -2.5px; +} +.icon-arrow-circle-o-right-primary { + width: 24.5px; + height: 24.5px; + background-position: -18px -2.5px; +} +.icon-arrow-right { + width: 27px; + height: 15px; + background-position: -47.5px -2.5px; +} +.icon-caret-down { + width: 10.5px; + height: 5.5px; + background-position: -79.5px -2.5px; +} +.icon-caret-right-primary { + width: 8.5px; + height: 16.5px; + background-position: -95px -2.5px; +} +.icon-check-green { + width: 16px; + height: 16px; + background-position: -108.5px -2.5px; +} +.icon-clock { + width: 24.5px; + height: 24.5px; + background-position: -129.5px -2.5px; +} +.icon-location-primary { + width: 31.5px; + height: 45.5px; + background-position: -2.5px -32px; +} +.icon-location-primary-2 { + width: 10.5px; + height: 14.5px; + background-position: -39px -32px; +} +.icon-quote-primary { + width: 54.5px; + height: 34.5px; + background-position: -54.5px -32px; +} +.icon-review-star-primary { + width: 32px; + height: 30.5px; + background-position: -114px -32px; +} +.icon-review-star-yellow { + width: 13px; + height: 12.5px; + background-position: -151px -32px; +} +.icon-scroll-top-1 { + width: 40px; + height: 40px; + background-position: -114px -67.5px; +} +.icon-search { + width: 20.5px; + height: 21px; + background-position: -2.5px -112.5px; +} +.icon-special-offer-title-red { + width: 161px; + height: 44.5px; + background-position: -169px -2.5px; +} +.icon-star-red { + width: 34px; + height: 32.5px; + background-position: -160px -52px; +} +.icon-view-video { + width: 100.5px; + height: 51px; + background-position: -198px -52px; +} +.p-item { + font-size: 14px; + line-height: 25px; + padding: 15px 13px; + background: #fff; + border: 1px solid #ededed; + border-radius: 10px; +} +.p-item .p-img { + border-radius: 10px; + overflow: hidden; +} +.p-item .p-name { + font-size: 18px; + font-weight: 700; + margin-top: 8px; + min-height: 50px; +} +.p-item .p-quantity { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.p-list.style-list .p-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + gap: 16px; + padding: 12px; + border-radius: 15px; + margin-bottom: 12px; +} +.p-list.style-list .p-item .p-img { + max-width: 104px; + width: 100%; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; + border-radius: 15px; +} +.p-list.style-list .p-item .p-name { + margin-top: 0; + font-size: 16px; + line-height: 22px; + min-height: 0; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; +} +.p-list.style-list .p-item .p-content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.p-list.style-list .p-item .p-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} diff --git a/Viccos/css/library.css b/Viccos/css/library.css new file mode 100644 index 0000000..f395196 --- /dev/null +++ b/Viccos/css/library.css @@ -0,0 +1,406 @@ +/** + * Swiper 10.2.0 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2023 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: August 17, 2023 + */ + + @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} + +/** +* Fancybox v3.5.7 +* Copyright 2013-2018 David Deutsch +* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE +*/ +body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 10px}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0;color:#fff;background-color:red;}.fancybox-slide--html .fancybox-close-small-bottom{top:unset;font-size:16px;left:10px;right:10px;width:auto;bottom:10px}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:3px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} + +/* STYLE GLOBAL */ +.color-primary{color:var(--color-primary)} +.color-secondary{color:var(--color-secondary)} +.color-white{color:var(--white)} +.color-black{color:var(--black)} +.color-red{color:var(--red)} +.color-blue{color:var(--blue)} +.color-green{color:var(--green)} +.color-gray{color:var(--gray)} +.color-gray-2{color:var(--gray-2)} +.bg-primary{background-color:var(--color-primary)} +.bg-secondary{background-color:var(--color-secondary)} +.bg-white{background-color:var(--white)} +.box-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)} +*,::after,::before{padding:0;margin:0;-webkit-box-sizing:inherit;box-sizing:inherit} +a{text-decoration:none;font-size:inherit;line-height:inherit;color:inherit} +a.default{text-decoration:underline} +a.default:hover{text-decoration:none} +img{max-width:100%;max-height:100%;height:auto} +input{max-width:100%;outline-color:var(--color-primary);} +input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit} +input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit} +input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit} +input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit} +input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit} +input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit} +input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit} +input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit} +input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit} +input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit} +input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit} +input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit} +input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit} +input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit} +input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit} +input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit} +input,input::placeholder,select,textarea,textarea::placeholder{font-family:inherit} +input[type=number]::-webkit-inner-spin-button{opacity:1} +textarea{display:inherit;resize:none;outline-color:var(--color-primary)} +@media (max-width:576px){ +input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{font-size:16px!important} +} +button{outline:0;border:0;background:transparent;cursor:pointer;font-size:inherit;font-family:inherit;line-height:inherit} +.line-clamp-1{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} +.line-clamp-2{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} +.line-clamp-3{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} +.line-clamp-4{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} +.line-clamp-5{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} +.text-center{text-align:center} +.text-left{text-align:left} +.text-right{text-align:right} +.text-uppercase{text-transform:uppercase} +.text-line-through{text-decoration:line-through} +.text-32{font-size:32px;line-height:36px} +.text-28{font-size:28px;line-height:32px} +.text-24{font-size:24px;line-height:28px} +.text-20{font-size:20px;line-height:24px} +.text-18{font-size:18px;line-height:22px} +.text-16{font-size:16px;line-height:20px} +.text-15{font-size:15px;line-height:19px} +.text-14{font-size:14px;line-height:18px} +.text-13{font-size:13px;line-height:17px} +.text-12{font-size:12px;line-height:16px} +.text-10{font-size:10px;line-height:14px} +.font-weight-900{font-weight:900} +.font-weight-700{font-weight:700} +.font-weight-600{font-weight:600} +.font-weight-500{font-weight:500} +.font-weight-400{font-weight:400} +.font-weight-300{font-weight:300} +.grid{display:-ms-grid;display:grid;gap:12px} +.grid--1-cols{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)} +.grid--2-cols{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)} +.grid--3-cols{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)} +.grid--4-cols{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)} +.grid--5-cols{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)} +.grid--6-cols{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr)} +.grid--2-rows{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr)} +.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-6px;margin-left:-6px} +.no-gutters{margin-right:0;margin-left:0} +.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0} +.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-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{position:relative;width:100%;padding-right:6px;padding-left:6px} +.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%} +.row-cols-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%} +.row-cols-2>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%} +.row-cols-3>*{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%} +.row-cols-4>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%} +.row-cols-5>*{-ms-flex:0 0 20%;-webkit-box-flex:0;flex:0 0 20%;max-width:20%} +.row-cols-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%} +.col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%} +.col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%} +.col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%} +.col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%} +.col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%} +.col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%} +.col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%} +.col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%} +.col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%} +.col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%} +.col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%} +.col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%} +.col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%} +.offset-1{margin-left:8.333333%} +.offset-2{margin-left:16.666667%} +.offset-3{margin-left:25%} +.offset-4{margin-left:33.333333%} +.offset-5{margin-left:41.666667%} +.offset-6{margin-left:50%} +.offset-7{margin-left:58.333333%} +.offset-8{margin-left:66.666667%} +.offset-9{margin-left:75%} +.offset-10{margin-left:83.333333%} +.offset-11{margin-left:91.666667%} +@media (max-width:768px){ +.row{margin-right:-5px;margin-left:-5px} +.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-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{padding-right:5px;padding-left:5px} +.col-sm-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%} +.col-sm-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%} +.col-sm-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%} +.col-sm-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%} +.col-sm-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%} +.col-sm-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%} +.col-sm-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%} +.col-sm-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%} +.col-sm-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%} +.col-sm-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%} +.col-sm-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%} +.col-sm-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%} +.no-gutters{margin-right:0;margin-left:0} +} +.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex} +.d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} +.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} +.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} +.align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline} +.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} +.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} +.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around} +.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end} +.flex-column{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column} +.flex-row{-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row} +.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1} +.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} +.m-0{margin:0!important} +.mt-0,.my-0{margin-top:0!important} +.mr-0,.mx-0{margin-right:0!important} +.mb-0,.my-0{margin-bottom:0!important} +.ml-0,.mx-0{margin-left:0!important} +.m-1{margin:4px!important} +.mt-1,.my-1{margin-top:4px!important} +.mr-1,.mx-1{margin-right:4px!important} +.mb-1,.my-1{margin-bottom:4px!important} +.ml-1,.mx-1{margin-left:4px!important} +.m-2{margin:8px!important} +.mt-2,.my-2{margin-top:8px!important} +.mr-2,.mx-2{margin-right:8px!important} +.mb-2,.my-2{margin-bottom:8px!important} +.ml-2,.mx-2{margin-left:8px!important} +.m-3{margin:16px!important} +.mt-3,.my-3{margin-top:16px!important} +.mr-3,.mx-3{margin-right:16px!important} +.mb-3,.my-3{margin-bottom:16px!important} +.ml-3,.mx-3{margin-left:16px!important} +.m-4{margin:24px!important} +.mt-4,.my-4{margin-top:24px!important} +.mr-4,.mx-4{margin-right:24px!important} +.mb-4,.my-4{margin-bottom:24px!important} +.ml-4,.mx-4{margin-left:24px!important} +.m-5{margin:48px!important} +.mt-5,.my-5{margin-top:48px!important} +.mr-5,.mx-5{margin-right:48px!important} +.mb-5,.my-5{margin-bottom:48px!important} +.ml-5,.mx-5{margin-left:48px!important} +.m-12px{margin:12px!important} +.mt-12px,.my-12px{margin-top:12px!important} +.mr-12px,.mx-12px{margin-right:12px!important} +.mb-12px,.my-12px{margin-bottom:12px!important} +.ml-12px,.mx-12px{margin-left:12px!important} +.m-32px{margin:32px!important} +.mt-32px,.my-32px{margin-top:32px!important} +.mr-32px,.mx-32px{margin-right:32px!important} +.mb-32px,.my-32px{margin-bottom:32px!important} +.ml-32px,.mx-32px{margin-left:32px!important} +.m-10px{margin:10px!important} +.mt-10px,.my-10px{margin-top:10px!important} +.mr-10px,.mx-10px{margin-right:10px!important} +.mb-10px,.my-10px{margin-bottom:10px!important} +.ml-10px,.mx-10px{margin-left:10px!important} +.p-0{padding:0!important} +.pt-0,.py-0{padding-top:0!important} +.pr-0,.px-0{padding-right:0!important} +.pb-0,.py-0{padding-bottom:0!important} +.pl-0,.px-0{padding-left:0!important} +.p-1{padding:4px!important} +.pt-1,.py-1{padding-top:4px!important} +.pr-1,.px-1{padding-right:4px!important} +.pb-1,.py-1{padding-bottom:4px!important} +.pl-1,.px-1{padding-left:4px!important} +.p-2{padding:8px!important} +.pt-2,.py-2{padding-top:8px!important} +.pr-2,.px-2{padding-right:8px!important} +.pb-2,.py-2{padding-bottom:8px!important} +.pl-2,.px-2{padding-left:8px!important} +.p-3{padding:16px!important} +.pt-3,.py-3{padding-top:16px!important} +.pr-3,.px-3{padding-right:16px!important} +.pb-3,.py-3{padding-bottom:16px!important} +.pl-3,.px-3{padding-left:16px!important} +.p-4{padding:24px!important} +.pt-4,.py-4{padding-top:24px!important} +.pr-4,.px-4{padding-right:24px!important} +.pb-4,.py-4{padding-bottom:24px!important} +.pl-4,.px-4{padding-left:24px!important} +.p-5{padding:48px!important} +.pt-5,.py-5{padding-top:48px!important} +.pr-5,.px-5{padding-right:48px!important} +.pb-5,.py-5{padding-bottom:48px!important} +.pl-5,.px-5{padding-left:48px!important} +.p-12px{padding:12px!important} +.pt-12px,.py-12px{padding-top:12px!important} +.pr-12px,.px-12px{padding-right:12px!important} +.pb-12px,.py-12px{padding-bottom:12px!important} +.pl-12px,.px-12px{padding-left:12px!important} +.p-32px{padding:32px!important} +.pt-32px,.py-32px{padding-top:32px!important} +.pr-32px,.px-32px{padding-right:32px!important} +.pb-32px,.py-32px{padding-bottom:32px!important} +.pl-32px,.px-32px{padding-left:32px!important} +.p-10px{padding:10px!important} +.pt-10px,.py-10px{padding-top:10px!important} +.pr-10px,.px-10px{padding-right:10px!important} +.pb-10px,.py-10px{padding-bottom:10px!important} +.pl-10px,.px-10px{padding-left:10px!important} +.w-100{width:100%!important} +.h-100{height:100%!important} +.w-auto{width:auto!important} +.h-auto{height:auto!important} +.m-auto{margin:0 auto} +.d-block{display:block!important} +.d-inline-block{display:inline-block!important} +.list{list-style:none} +.hide{display:none!important} +.d-none{display:none!important} +.max-height-none{max-height:unset!important} +.border-none{border:0!important} +.min-width-0{min-width:0} +.overflow-hidden{overflow:hidden} +.overflow-auto{overflow:auto} +.visibility-hidden{visibility:hidden} +.p-relative{position:relative!important} +.ws-pre-line{white-space:pre-line} +.hover-primary:hover{color:var(--color-primary)} +.hover-secondary:hover{color:var(--color-secondary)} +.hover-underline:hover{text-decoration:underline} +.border-radius-15{border-radius:15px} +.border-radius-10{border-radius:10px} +.cursor-pointer{cursor:pointer} +.gap-0{gap:0} +.gap-2{gap:2px} +.gap-4{gap:4px} +.gap-8{gap:8px} +.gap-10{gap:10px} +.gap-12{gap:12px} +.gap-16{gap:16px} +.gap-20{gap:20px} +.gap-24{gap:24px} +.gap-28{gap:28px} +.gap-32{gap:32px} +.gap-36{gap:36px} +.gap-40{gap:40px} +.success-form{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} +.success-form .cart-success{width:500px;height:300px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;border-radius:5px} +.success-form .success-form-svg{display:block;height:80px;width:80px;color:var(--color-primary)} +.success-form .text-cart-success{font-size:24px;font-weight:600;line-height:1.6;padding-top:30px;text-align:center} +@media (max-width:576px){ +.success-form .cart-success{width:320px;height:250px} +.success-form .text-cart-success{font-size:20px} +} +.style-img-block{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:100%} +.style-img-content{position:absolute;bottom:0;right:0;top:0;left:0;margin:auto auto} +.static-html{max-height:500px;overflow:hidden;-webkit-transition:.8s;-o-transition:.8s;transition:.8s;position:relative} +.static-html a,.static-html b,.static-html h1,.static-html h2,.static-html h3,.static-html h4,.static-html h5,.static-html h6,.static-html ol,.static-html p,.static-html span,.static-html strong,.static-html ul{margin:revert;padding:revert} +.static-html img{display:block;margin:0 auto;height:auto;max-width:100%} +.static-html table{max-width:100%;margin:0 auto;-webkit-text-size-adjust:100%} +.static-html.blur:after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:-o-linear-gradient(transparent,#fff);background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff)} +.banner-w{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex} +.banner-w:hover::before{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all .45s ease-out;-o-transition:all .45s ease-out;transition:all .45s ease-out;z-index:2} +.banner-w::before{content:"";position:absolute;top:0;left:-15%;bottom:0;width:0;height:100%;background-color:rgba(255,255,255,.5);-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)} +.shake-animation{-webkit-animation:shake 1.5s infinite;animation:shake 1.5s infinite} +.circle{stroke-dasharray:76;stroke-dashoffset:76;-webkit-animation:.5s forwards draw;animation:.5s forwards draw} +.tick{stroke-dasharray:18;stroke-dashoffset:18;-webkit-animation:.5s .6s forwards draw;animation:.5s .6s forwards draw} +.loading-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:450px;grid-column:1/-1} +.loading-progress .circle{width:200px;height:200px;border-radius:50%;-webkit-animation:colorfull-spin 2s alternate infinite;animation:colorfull-spin 2s alternate infinite;position:absolute} +.loading-progress .circle:first-child{-webkit-animation-delay:.1s;animation-delay:.1s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:180px;height:180px} +.loading-progress .circle:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:160px;height:160px} +.loading-progress .circle:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:140px;height:140px} +.loading-progress .circle:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:120px;height:120px} +.loading-progress .circle:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:100px;height:100px} +.loading-progress .circle:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:80px;height:80px} +.loading-progress .circle:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:60px;height:60px} +.loading-progress .circle:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:40px;height:40px} +.global-popup-frame{display:none;position:fixed;top:50%;left:50%;right:-50%;bottom:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;background:rgba(0,0,0,.5);z-index:99999} +.global-popup-frame.hide-modal{-webkit-animation:hide-modal .7s ease-in-out both;animation:hide-modal .7s ease-in-out both} +.global-popup-modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:500px;min-width:400px;padding-bottom:20px;background:#fff;border-radius:3px;-webkit-box-shadow:4px 8px 12px 0 rgba(0,0,0,.4);box-shadow:4px 8px 12px 0 rgba(0,0,0,.4);overflow:hidden;-webkit-animation:show-modal .7s ease-in-out;animation:show-modal .7s ease-in-out} +.global-popup-modal.hide-modal{-webkit-animation:hide-modal .6s ease-in-out both;animation:hide-modal .6s ease-in-out both} +.global-popup-modal__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center} +.global-popup-modal__icon{fill:#24cb01;margin-top:32px;font-size:28px} +.global-popup-modal__title{display:block;font-size:18px;line-height:24px;font-weight:600;margin:14px 0 5px 0} +.global-popup-modal__noffy{font-size:14px;font-weight:500;line-height:20px;padding:0 30px;margin:16px 0} +.global-popup-modal__noffy ul{padding-left:20px;text-align:left} +.global-popup-modal__button-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px} +.global-popup-modal__button{line-height:40px;font-size:14px;padding:0 20px;margin-top:16px;border-radius:5px;font-weight:600;cursor:pointer;-webkit-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out} +.global-popup-modal__button.submit{background:#24cb01;color:#fff} +.global-popup-modal__button.submit:hover{background:#35dd35} +.global-popup-modal__button.cancel{text-decoration:underline;color:#999} +.global-popup-modal__button.cancel:hover{color:#000} +.global-popup-modal__container.error .global-popup-modal__icon{fill:#ec3434} +.global-popup-modal__container.error .global-popup-modal__button.submit{background:#ec3434} +.global-popup-modal__container.error .global-popup-modal__button.submit:hover{background:#f65656} +.global-popup-modal__container.warning .global-popup-modal__icon{fill:#ffcc00} +.global-popup-modal__container.warning .global-popup-modal__button.submit{background:#ffcc00} +.global-popup-modal__container.warning .global-popup-modal__button.submit:hover{background:#fcd94c} +@media (max-width:576px){.global-popup-modal{max-width:360px;width:100%;min-width:initial}} +@media (max-width:375px){.global-popup-modal{max-width:310px}} +@-webkit-keyframes draw{ +to{stroke-dashoffset:0} +} +@keyframes draw{ +to{stroke-dashoffset:0} +} +@-webkit-keyframes shake{ +0%{-webkit-transform:rotate(0) scale(1) skew(1deg)} +10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)} +20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)} +30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)} +40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)} +50%{-webkit-transform:rotate(0) scale(1) skew(1deg)} +100%{-webkit-transform:rotate(0) scale(1) skew(1deg)} +} +@keyframes shake{ +0%{-webkit-transform:rotate(0) scale(1) skew(1deg)} +10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)} +20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)} +30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)} +40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)} +50%{-webkit-transform:rotate(0) scale(1) skew(1deg)} +100%{-webkit-transform:rotate(0) scale(1) skew(1deg)} +} +@-webkit-keyframes colorfull-spin{ +0%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0);background-position:0 50%} +20%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)} +50%{background-position:100% 50%} +90%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)} +100%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-position:0 50%} +} +@keyframes colorfull-spin{ +0%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0);background-position:0 50%} +20%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)} +50%{background-position:100% 50%} +90%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)} +100%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-position:0 50%} +} +@-webkit-keyframes show-modal{ +0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)} +60%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)} +80%{-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)} +100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)} +} +@keyframes show-modal{ +0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)} +60%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)} +80%{-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)} +100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)} +} +@-webkit-keyframes hide-modal{ +0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)} +20%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)} +100%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)} +} +@keyframes hide-modal{ +0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)} +20%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)} +100%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)} +} \ No newline at end of file diff --git a/Viccos/css/style_pc.css b/Viccos/css/style_pc.css new file mode 100644 index 0000000..d470c92 --- /dev/null +++ b/Viccos/css/style_pc.css @@ -0,0 +1,511 @@ +:root{--color-primary:#e45702;--color-secondary:#ffae0b;--white:#fff;--black:#000;--red:#d80d0d;--blue:#138eff;--green:#40b653;--gray:#959595;--gray-2:#505050;--box-shadow:0px 1px 5px rgba(0, 0, 0, 0.3);--liner-gradient:linear-gradient(180deg, #ff7522 0%, #e45702 100%)} +html{font-size:15px} +body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Montserrat,sans-serif;color:#505050;word-break:break-word;line-height:1.5;font-weight:400;background-color:#fff;letter-spacing:.15px} +.container{max-width:1220px;width:100%;padding:0 10px;margin:0 auto} +.box-w{border-radius:15px;background-color:#fff;padding:10px} +.box-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px;line-height:28px;width:100%;height:430px;color:var(--red);text-align:center;grid-column:1/-1} +.alert-mess{text-align:center;padding:50px 30px;font-size:20px;font-weight:500;color:var(--red);grid-column:1/-1} +.alert-text{font-size:13px;line-height:17px;font-weight:500;color:var(--red);margin:8px 8px 0} +.alert-error{padding-left:24px;margin:16px 0;color:var(--red);font-weight:600;line-height:1.5} +.accordion-icon{position:absolute;right:10px;font-size:22px;line-height:16px;color:#505050;top:40%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} +.accordion-icon.rotate{-webkit-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)} +.mb-display{display:none} +.scroll-mt{scroll-margin-top:90px} +.hover-zoom-w{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s} +.hover-zoom-w:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} +.text-capitalize{text-transform:capitalize} +.swiper-slide{display:-ms-inline-grid;display:inline-grid;height:auto} +.swiper-btn-custom{width:40px;height:60px;background-color:rgba(217,215,214,.8);color:#333;border-radius:0 40px 40px 0;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2)} +.swiper-btn-custom:after{font-size:24px} +.swiper-btn-custom.swiper-button-next{right:0;border-radius:40px 0 0 40px} +.swiper-btn-custom.swiper-button-next::after{-webkit-transform:translate(5px,1px);-ms-transform:translate(5px,1px);transform:translate(5px,1px)} +.swiper-btn-custom.swiper-button-prev{left:0;border-radius:0 40px 40px 0} +.swiper-btn-custom.swiper-button-prev::after{-webkit-transform:translate(-3px,1px);-ms-transform:translate(-3px,1px);transform:translate(-3px,1px)} +.heading-primary{font-size:32px;line-height:50px;font-weight:600;color:#3a3734;text-transform:capitalize;margin-bottom:20px;text-align:center} +.heading-secondary{font-size:18px;line-height:24px;font-weight:700;margin-bottom:8px} +.text-primary{font-size:16px;line-height:24px} +.btn-primary{display:inline-block;font-weight:500;padding:0 18px;text-transform:uppercase;color:#fff;background:var(--liner-gradient);text-align:center} +.btn-secondary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:16px;font-weight:600;color:var(--color-primary);margin:16px auto 0} +.box-primary{border:1px solid #dadada;border-radius:10px;margin-bottom:12px} +.vm-btn.show-less .vm-btn-icon{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)} +.my-60px{margin:60px 0} +@-webkit-keyframes dash{ +0%{stroke-dashoffset:0} +100%{stroke-dashoffset:822} +} +@keyframes dash{ +0%{stroke-dashoffset:0} +100%{stroke-dashoffset:822} +} +.paging{padding:0 10px 32px;margin-top:42px;text-align:center} +.paging-link.active,.paging-link:hover{color:#fff;background:var(--color-primary);font-weight:500} +.paging-link{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:8px;border-radius:50%;color:#000;font-size:16px;line-height:16px;text-decoration:none;text-transform:capitalize;width:36px;height:36px} +.routing{white-space:nowrap;overflow:auto} +.routing .list{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px 0;list-style:none} +.routing .routing-link{position:relative;font-size:14px;font-weight:400;padding:0 10px;text-decoration:none} +.routing .routing-link:first-child{padding-left:0} +.routing .routing-link:last-child{color:var(--color-primary)} +.routing .routing-link:not(:last-child)::before{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(25deg);-ms-transform:translateY(-50%) rotate(25deg);transform:translateY(-50%) rotate(25deg);width:1px;height:70%;border-right:1px solid #000} +.search-bar{display:none;position:absolute;top:-10px;right:0} +.search-bar .search-bar-input{width:400px;padding:12px 16px;outline:0;border:1px solid #505050;background:#fff;font-size:14px} +.search-bar .search-bar-btn{position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:1;padding:8px} +.search-bar .search-bar-btn i{font-size:25px} +.search-bar .search-results{display:none;border:1px solid #505050;border-top:0;background:#fff;position:absolute;top:100%;right:0;width:100%;z-index:9999;-webkit-box-shadow:0 1px 5px rgb(0 0 0 / 20%);box-shadow:0 1px 5px rgb(0 0 0 / 20%)} +.search-bar .search-results .search-results-list{max-height:300px;overflow:auto;z-index:999} +.search-bar .search-results .item{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:10px;width:100%;position:relative;text-decoration:none;font-weight:400} +.search-bar .search-results .item:hover{background:#f0f2f5} +.search-bar .search-results .img{width:60px;height:60px;background:#fff} +.search-bar .search-results .title{font-size:14px;font-weight:500;line-height:20px;color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1} +.search-bar .search-results .name{line-height:18px;height:36px} +.search-bar .search-results .price{display:block;margin-top:4px;color:#ec1c24} +.search-bar .search-results .search-results-total{display:block;padding:8px;border-top:1px solid #505050;text-align:center;font-size:13px;background:#ececec} +.rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0} +.rating-star:hover{background-position:0 0} +.rating-star{position:relative;float:right;display:block;width:17px;height:17px;background:url(../images/star_rating_2022.png) 0 0;margin:0 3px} +.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0} +.rating-input:checked~.rating-star,.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0} +.rating-input:checked~.rating-star,.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star{background-position:0 0} +.rating-comment:hover .rating-star,.rating-star{position:relative;float:right;display:block;background:url("../images/star_rating_2022.png?v=2.1") 0 -28px} +.rating-comment:hover .rating-star:hover,.rating-comment:hover .rating-star:hover~.rating-star{background-position:0 -56px!important} +#star_tip{display:none;margin-left:10px;position:relative;background:#e20505;color:#fff;padding:2px 8px 3px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px} +#star_tip:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(82,184,88,0);border-right-color:#e20505;border-width:6px;margin-top:-6px} +.icon-star{display:inline-block;width:90px;height:19px;background-image:url("../images/star_sprite.png");background-repeat:no-repeat;vertical-align:text-bottom} +.icon-star.star0{background-position:0 -108px!important} +.icon-star.star1{background-position:0 -87px!important} +.icon-star.star2{background-position:0 -65px!important} +.icon-star.star3{background-position:0 -42px!important} +.icon-star.star4{background-position:0 -21px!important} +.icon-star.star5{background-position:0 1px!important} +.global-menu-container{position:fixed;top:0;left:-100%;bottom:0;right:100%;background:#fff;z-index:9999;-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all;height:100%;overflow:auto;line-height:20px;font-size:16px;-webkit-box-shadow:0 1px 5px rgb(0 0 0 / 20%);box-shadow:0 1px 5px rgb(0 0 0 / 20%)} +.global-menu-container.active{left:0;right:0} +.global-menu-container .menu-content{border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1} +.global-menu-container .menu-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:16px;color:#404d5f;line-height:44px} +.global-menu-container .menu-title.active{color:var(--color-primary)} +.global-menu-container .menu-title .heading{font-size:18px} +.global-menu-container .sub-menu{display:none} +.global-menu-container .sub-item{border-top:1px solid #e5eaf1} +.global-menu-container .cat-child{display:none;background:#f5f8fd;border-top:1px solid #e5eaf1} +.global-menu-container .cat-child .menu-title{margin-left:16px} +.global-menu-container .cat-child-2{background:#dfebff} +.global-menu-container .cat-child-2 .sub-item{border-top:1px solid #d2dbe7} +.global-menu-container .cat-child-2 .cat-icon{border-color:#d2dbe7} +.global-menu-container .cat-child-3{background:#b8d3ff} +.global-menu-container .cat-title{-webkit-box-flex:1;-ms-flex:1;flex:1} +.global-menu-container .cat-thumb{width:24px;height:24px;margin-right:12px;background-repeat:no-repeat;background-position:center;background-size:24px;-webkit-filter:grayscale(1);filter:grayscale(1)} +.global-menu-container .cat-icon{width:44px;line-height:44px;text-align:center;border-left:1px solid #e5eaf1} +.global-menu-container .cat-icon i{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} +.global-menu-container .cat-icon.active i{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} +.global-menu-container .menu-support .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;min-height:40px} +.global-menu-container .fa-icon{width:24px;font-size:22px;margin-right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} +.viccos-icons{background-image:url(../images/viccos-icon-map.png);background-repeat:no-repeat;display:inline-block;background-size:333px 136px} +.icon-angle-down-primary{width:10.5px;height:6.5px;background-position:-2.5px -2.5px} +.icon-arrow-circle-o-right-primary{width:24.5px;height:24.5px;background-position:-18px -2.5px} +.icon-arrow-right{width:27px;height:15px;background-position:-47.5px -2.5px} +.icon-caret-down{width:10.5px;height:5.5px;background-position:-79.5px -2.5px} +.icon-caret-right-primary{width:8.5px;height:16.5px;background-position:-95px -2.5px} +.icon-check-green{width:16px;height:16px;background-position:-108.5px -2.5px} +.icon-check-green.out-stock{-webkit-filter:invert(51%) sepia(98%) saturate(7477%) hue-rotate(1deg) brightness(100%) contrast(80%);filter:invert(51%) sepia(98%) saturate(7477%) hue-rotate(1deg) brightness(100%) contrast(80%)} +.icon-clock{width:24.5px;height:24.5px;background-position:-129.5px -2.5px} +.icon-location-primary{width:31.5px;height:45.5px;background-position:-2.5px -32px} +.icon-location-primary-2{width:10.5px;height:14.5px;background-position:-39px -32px} +.icon-quote-primary{width:54.5px;height:34.5px;background-position:-54.5px -32px} +.icon-review-star-primary{width:32px;height:30.5px;background-position:-114px -32px} +.icon-review-star-yellow{width:13px;height:12.5px;background-position:-151px -32px} +.icon-scroll-top-1{width:40px;height:40px;background-position:-114px -67.5px} +.icon-search{width:20.5px;height:21px;background-position:-2.5px -112.5px} +.icon-special-offer-title-red{width:161px;height:44.5px;background-position:-169px -2.5px} +.icon-star-red{width:34px;height:32.5px;background-position:-160px -52px} +.icon-view-video{width:100.5px;height:51px;background-position:-198px -52px} +.p-item{font-size:14px;line-height:25px;padding:15px 13px;background:#fff;border:1px solid #ededed;border-radius:10px} +.p-item .p-img{border-radius:10px;overflow:hidden} +.p-item .p-img .hover-thumbs:first-child{opacity:0} +.p-item .p-img:hover .hover-thumbs:first-child{opacity:1} +.p-item .p-img:hover .hover-thumbs:nth-child(2){opacity:0} +.p-item .p-img:hover .hover-zoom{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} +.p-item .p-pic{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s} +.p-item .p-name{font-size:18px;font-weight:700;margin-top:8px;min-height:50px;o-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} +.p-item .p-name:hover{color:var(--color-primary)} +.p-item .p-quantity{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px} +.p-list.style-list .p-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;padding:12px;border-radius:15px;margin-bottom:12px} +.p-list.style-list .p-item .p-img{max-width:104px;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:15px} +.p-list.style-list .p-item .p-name{margin-top:0;font-size:16px;line-height:22px;min-height:0;-webkit-line-clamp:1} +.p-list.style-list .p-item .p-content{-webkit-box-flex:1;-ms-flex:1;flex:1} +.p-list.style-list .p-item .p-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} +.global-header{position:sticky;top:0;z-index:99;background:#fff;-webkit-box-shadow:0 0 7px 0 rgba(130,130,130,.25);box-shadow:0 0 7px 0 rgba(130,130,130,.25)} +.global-header .row{height:80px} +.global-header .header-logo .logo{max-height:42px} +.global-header .header-navbar .list-item{position:relative} +.global-header .header-navbar .p-submenu{visibility:hidden;position:absolute;opacity:0;top:71px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;padding:16px;width:280px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);border-top:3px solid var(--color-primary);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} +.global-header .header-navbar .p-submenu::after{content:"";position:absolute;top:-40px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:280px;height:50px} +.global-header .header-navbar .list-item:hover .p-submenu{visibility:visible;opacity:1;top:51px} +.global-header .header-navbar .p-submenu-list{line-height:2} +.global-footer .footer-line{height:4px;background:var(--liner-gradient)} +.global-footer .footer-title{font-size:18px;line-height:32px} +.global-footer .f-col .title{position:relative;font-size:15px;line-height:26px;font-weight:700;color:var(--color-primary);padding-bottom:4px;margin-bottom:10px} +.global-footer .f-col .title::after{content:"";position:absolute;bottom:0;left:0;width:50%;height:1px;background:#ededed} +.global-footer .f-col .list{font-size:13px;line-height:24px} +.global-footer .f-col .list a:hover{color:var(--color-primary)} +.global-footer .f-col .list .icon-location-primary-2{margin-top:3px} +.global-footer .copyright{font-size:14px;line-height:32px;background:#c6c6c6;text-align:center} +.homepage .section-hero{min-height:300px} +.homepage .section-hero .swiper-section-hero .b-content{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} +.homepage .section-hero .swiper-section-hero .b-title{font-size:40px;line-height:56px;font-weight:800;text-transform:capitalize;max-width:50%} +.homepage .section-hero .swiper-section-hero .b-summary{font-size:24px;line-height:30px;margin:12px 0 24px;max-width:70%} +.homepage .section-hero .swiper-section-hero .b-btn{font-size:18px;line-height:50px;border-radius:0 15px 15px 15px} +.homepage .section-hero .swiper-section-hero .swiper-pagination-bullet{width:16px;height:16px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:#fff;opacity:.5} +.homepage .section-hero .swiper-section-hero .swiper-pagination-bullet-active{width:80px;border-radius:16px;background:#fff;opacity:1} +.homepage .section-profile .about-us .au-title{text-align:left} +.homepage .section-profile .certificate{background-repeat:no-repeat;background-size:cover;padding-bottom:120px} +.homepage .section-profile .certificate .certificate-btn::after{font-size:32px;color:#333} +.homepage .section-category-featured{padding-bottom:60px} +.homepage .section-category-featured .cat-item{color:#272727;background:#fbf4e6;padding:18px;border-radius:15px;text-align:center} +.homepage .section-category-featured .cat-img{padding-bottom:74%;border-radius:13px;overflow:hidden} +.homepage .section-category-featured .cat-title{font-size:20px;line-height:32px;font-weight:700;text-transform:capitalize} +.homepage .section-category-featured .cat-container:nth-child(2n+2) .cat-item{background:#fafaf0} +.homepage .section-category-featured .cat-container:nth-child(3n+3) .cat-item{background:#fcf5f3} +.homepage .section-features{background:#f8f6f6;padding:36px 0} +.homepage .section-features .f-slider-group{position:absolute;top:0;right:0} +.homepage .section-features .f-slider-group .f-slider-btn{width:50px;height:50px;background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} +.homepage .section-features .f-slider-group .f-slider-btn.btn-prev{background:var(--color-primary)} +.homepage .section-features .f-slider-group .f-slider-btn.btn-prev .icon-arrow-right{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} +.homepage .section-features .f-item{padding:14px;border-radius:15px;background:#fff;-webkit-box-shadow:0 0 8px 0 rgba(149,149,149,.25);box-shadow:0 0 8px 0 rgba(149,149,149,.25)} +.homepage .section-features .f-img{border-radius:13px;overflow:hidden} +.homepage .section-article-featured .article-featured-link{border:1px solid var(--color-primary);border-radius:5px;color:var(--color-primary);background:#fff;font-size:16px;line-height:32px;font-weight:500;padding:0 12px} +.homepage .section-article-featured .article-featured-link:hover{background:var(--color-primary);color:#fff} +.homepage .section-article-featured .article-featured-link:hover .icon-caret-right-primary{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} +.homepage .section-article-featured .a-img{padding-bottom:61%;border-radius:15px;overflow:hidden} +.homepage .section-article-featured .a-title{font-size:20px;line-height:24px;font-weight:600} +.homepage .section-map .map{position:relative} +.homepage .section-map .map .line,.homepage .section-map .map .location{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none} +.homepage .section-map .map .line svg{position:absolute;width:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:28s linear 0s infinite alternate none running dash;animation:28s linear 0s infinite alternate none running dash} +.homepage .section-map .map .line svg:first-child{top:35%;left:28%;height:34%} +.homepage .section-map .map .line svg:nth-child(2){top:51%;left:22%;height:67%} +.homepage .section-map .map .line svg:nth-child(3){top:69%;left:28%;height:33%} +.homepage .section-map .map .location{pointer-events:all} +.homepage .section-map .map .location .name{position:absolute;width:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:center;font-weight:700;font-size:18px;text-transform:uppercase} +.homepage .section-map .map .location .name i{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s} +.homepage .section-map .map .location .name:hover i{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} +.homepage .section-map .map .location .name.hn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:15.6%;left:23.8%} +.homepage .section-map .map .location .name.dn{top:50%;left:30.6%} +.homepage .section-map .map .location .name.hcm{top:84%;left:26.5%} +.homepage .section-map .map .location .text{position:absolute;top:80%;left:115%;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:default} +.homepage .section-map .map .promos{position:absolute;top:50%;right:15%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#2e2e2e;text-align:center} +.homepage .section-map .map .promos .promos-item .number{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:60px;font-weight:700;line-height:66px;color:#2e2e2e} +.homepage .section-map .map .promos .promos-item .number::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#2e2e2e} +.homepage .section-map .map .promos .promos-item .number span{font-size:40px;line-height:66px;font-weight:900} +.homepage .section-map .map .promos .promos-item .title{font-size:24px;line-height:48px;font-weight:500} +.homepage .section-partners .list{row-gap:16px} +.homepage .section-partners .list .item img{max-height:50px} +.homepage .section-customer .c-item{padding:40px 22px 28px;border-radius:15px;background:#fff;-webkit-box-shadow:0 0 6px 0 rgba(176,176,176,.25);box-shadow:0 0 6px 0 rgba(176,176,176,.25)} +.homepage .section-customer .c-avatar{display:inline-block;width:68px;height:68px;background-repeat:no-repeat;background-size:100% 100%} +.homepage .section-customer .c-review{min-height:96px} +.homepage .section-customer .swiper-section-customer .swiper-pagination-bullet{width:12px;height:12px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:#a9a9a9} +.homepage .section-customer .swiper-section-customer .swiper-pagination-bullet-active{width:60px;border-radius:12px;background:var(--color-primary)} +.homepage .section-contact{background-repeat:no-repeat;background-size:cover;background-position:center} +.homepage .section-contact .ct-btn{border-radius:10px;font-size:16px;line-height:40px} +.product-page .product-sort .list .item{display:inline-block;padding:6px 12px;font-weight:600;color:var(--color-primary);background:#fff;border:1px dashed var(--color-primary);border-radius:3px} +.product-page .product-sort .list .item.active,.product-page .product-sort .list .item:hover{background:var(--liner-gradient);color:#fff} +.product-page .product-sort .list .item.active{pointer-events:none} +.product-page .box-secondary .box-title{background:#d71c31;font-size:16px;text-align:center;color:#fff;padding:10px;text-transform:uppercase;margin-bottom:0;font-weight:700;margin-top:0} +.product-page .box-secondary .box-list{border:1px solid #ededed} +.product-page .box-secondary .box-list .p-item{border:0;border-radius:0;margin-bottom:0} +.product-page .box-secondary .box-list .p-item:not(:last-child){border-bottom:1px solid #ededed} +.product-detail-page .pro-thumbs .gallery-top .swiper-slide{border-radius:15px;overflow:hidden} +.product-detail-page .pro-thumbs .gallery-top .pro-video-gallery iframe{width:100%;height:inherit} +.product-detail-page .pro-thumbs .gallery-thumbs .swiper-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box} +.product-detail-page .pro-thumbs .gallery-thumbs .swiper-slide{border:1px solid transparent;border-radius:10px;overflow:hidden} +.product-detail-page .pro-thumbs .gallery-thumbs .swiper-slide-thumb-active{border-color:var(--color-primary)} +.product-detail-page .pro-thumbs .gallery-thumbs .swiper-btn-custom{width:24px;height:36px} +.product-detail-page .pro-thumbs .gallery-thumbs .swiper-btn-custom::after{font-size:17px} +.product-detail-page .pro-thumbs .pro-video-thumbs-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2)} +.product-detail-page .pro-name{font-size:20px;line-height:24px;font-weight:700} +.product-detail-page .pro-subtitle{border-bottom:1px solid #d9d9d9} +.product-detail-page .pro-subtitle .item{position:relative} +.product-detail-page .pro-subtitle .item:not(:last-child):after{content:"|";position:absolute;top:44%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:-14px;width:4px;font-size:14px;line-height:1;text-align:center;color:#d9d9d9} +.product-detail-page .pro-price{padding:12px 18px 16px;background:#f4f4f4;border-radius:10px} +.product-detail-page .pro-price-sale{color:#7e7e7e} +.product-detail-page .pro-buy-btn{display:block;border-radius:10px;font-size:24px;line-height:58px;font-weight:700} +.product-detail-page .pro-special-offer{position:relative;border-color:#b20d0d;padding:60px 16px 16px 10px} +.product-detail-page .pro-special-offer .pro-special-offer-title{position:absolute;top:10px;left:-7px} +.product-detail-page .pro-description .static-html{max-height:700px} +.product-detail-page .pro-spec{padding:16px 14px 16px 16px} +#fancybox-spec table,.product-detail-page .pro-spec table{border-collapse:collapse;border:0;border-radius:10px;overflow:hidden;width:100%} +#fancybox-spec table *,.product-detail-page .pro-spec table *{border:0} +#fancybox-spec table tr:nth-child(odd),.product-detail-page .pro-spec table tr:nth-child(odd){background:#f3f3f3} +#fancybox-spec table td,.product-detail-page .pro-spec table td{padding:10px} +#fancybox-spec table td:first-child,.product-detail-page .pro-spec table td:first-child{width:35%;padding-right:0} +#fancybox-spec table td:last-child,.product-detail-page .pro-spec table td:last-child{width:65%} +.product-detail-page .pro-customer .pro-customer-btn{font-size:14px;line-height:32px;font-weight:700;border-radius:5px;text-transform:inherit;padding:0 24px} +.product-detail-page .pro-customer .pro-customer-comment .comment-form{padding:0;border:0;border-radius:0;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3} +.product-detail-page .customer-rating .rating-top{padding:12px;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3} +.product-detail-page .customer-rating .box-rating-left{font-weight:300;font-size:32px;line-height:1;color:var(--color-primary)} +.product-detail-page .customer-rating .box-rating-middle .name{color:#ffae0b;width:26px;text-align:right} +.product-detail-page .customer-rating .box-rating-middle .ul{border-left:1px solid #f3f3f3} +.product-detail-page .customer-rating .box-rating-middle .li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;font-size:14px;line-height:22px} +.product-detail-page .customer-rating .box-rating-middle .line-rating{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#d9d9d9;border-radius:3px;max-width:290px;width:100%;height:8px;margin:0 24px;position:relative;overflow:hidden} +.product-detail-page .customer-rating .box-rating-middle .count{min-width:80px;text-align:center} +.product-detail-page .customer-rating .box-rating-middle .percent{position:absolute;left:0;top:0;bottom:0;background:var(--color-secondary);border-radius:3px} +.product-detail-page .customer-form{display:none;padding:24px;border:1px solid #e1e1e1;border-radius:15px} +.product-detail-page .customer-form .customer-form-item{margin-bottom:12px} +.product-detail-page .customer-form .customer-form-item .r-input{background:#fff;border:1px solid #d9d9d9;border-radius:10px;height:42px;width:100%;font-size:14px;line-height:18px;padding:10px;outline-color:var(--color-primary)} +.product-detail-page .customer-form .customer-form-item textarea.r-input{height:106px;resize:none} +.product-detail-page .customer-form .customer-form-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:212px;height:42px;background:var(--color-primary);border-radius:10px;font-size:16px;font-weight:700;color:#fff} +.product-detail-page .customer-form-reply{position:relative} +.product-detail-page .customer-form-reply::before{content:"";top:-12px;left:13px;position:absolute;width:0;height:0;border-style:solid;border-width:0 8px 12px 8px;border-color:transparent transparent #e1e1e1 transparent} +.product-detail-page .customer-form-reply::after{content:"";top:-11px;left:13px;position:absolute;width:0;height:0;border-style:solid;border-width:0 8px 14px 8px;border-color:transparent transparent #fff transparent} +.product-detail-page .customer-respond-item{width:100%;padding:10px 0;line-height:18px} +.product-detail-page .customer-respond-item .avatar{width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#ccc;border-radius:5px;font-weight:700} +.product-detail-page .customer-respond-item .avatar-name{width:12px;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:700;text-transform:uppercase} +.product-detail-page .customer-respond-reply{padding:10px 12px;background:#f0f0f0;padding:10px;border-radius:10px;margin-top:10px;position:relative} +.product-detail-page .customer-respond-reply::after{content:"";position:absolute;top:-10px;left:15px;width:15px;height:10px;background:#f0f0f0;-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%)} +.product-detail-page .section-pro-history{margin:52px 0} +.article-page .article-list .art-item{background:#fff} +.article-page .article-list .art-img{padding-bottom:62%} +.article-page .article-list .art-title{font-weight:700;font-size:16px;line-height:22px;margin-bottom:8px} +.article-page .article-list .summary{min-height:47px} +.article-page .article-list .art-view{color:var(--color-primary);font-size:14px;margin-top:15px;font-weight:700} +.article-page .article-list .art-view i{padding-left:4px;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)} +.article-page .article-list .art-item img{width:100%;-o-object-fit:cover;object-fit:cover} +.article-page .article-list .art-youtube-icon{position:absolute;width:80px;height:57px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-repeat:no-repeat} +.article-page .pd-tabs-container{margin-bottom:20px} +.article-page .pd-tabs-container .pd-tabs{border:0;border-radius:7px;overflow:hidden} +.article-page .pd-tabs-container .pd-tabs li{margin:0 5px 0 0;float:left;border-radius:7px} +.article-page .pd-tabs-container .pd-tabs li:first-child a::before{left:-22px!important;right:0!important} +.article-page .pd-tabs-container .pd-tabs a{font-size:18px;font-weight:700;color:#fff;display:block;position:relative;padding:12px 28px;text-transform:uppercase} +.article-page .pd-tabs-container .pd-tabs a::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#707070;-webkit-transform:skew(23deg,0deg);-ms-transform:skew(23deg,0deg);transform:skew(23deg,0deg);border-radius:7px;z-index:-1} +.article-page .pd-tabs-container .pd-tabs a.active{color:#fff} +.article-page .pd-tabs-container .pd-tabs a.active::before{background:var(--color-primary)} +.article-page .pd-tabs-container .tab-content{display:none} +.article-page .pd-tabs-container .tab-content.current{display:block} +.article-page .pd-tabs-container .pd-tabs-holder{margin:20px 0 40px 0} +.article-page .time-holder{font-size:14px;text-align:center;padding:6px 0;margin:12px 0;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3} +.article-page .time{color:#999;position:relative;display:inline-block;padding-left:24px;line-height:1.4} +.article-page .time::before{content:"";display:inline-block;position:absolute;top:0;left:0;bottom:0;background-image:url(../images/viccos-icon-map.png);background-repeat:no-repeat;background-size:240px 90px;width:18.5px;height:18.5px;background-position:-92.5px .5px} +.article-page .cat-title{font-weight:700;font-size:24px;text-transform:uppercase;position:relative;padding-bottom:10px;margin-bottom:25px} +.article-page .cat-title::after{content:"";position:absolute;bottom:0;border-bottom:2px solid var(--color-primary);width:56px;left:0} +.article-page .article-showcase .big-art .item::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all} +.article-page .article-showcase .big-art .item:hover::before{-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all;background:0} +.article-page .article-showcase .big-art .image{padding-bottom:61%} +.article-page .article-showcase .big-art .image img{width:100%;-o-object-fit:cover;object-fit:cover} +.article-page .article-showcase .big-art .content{position:absolute;bottom:25px;left:20px;right:10px;color:#fff;text-shadow:1px 1px #000} +.article-page .article-showcase .big-art .art-title{font-size:30px;font-weight:500;line-height:1.2} +.article-page .article-showcase .big-art .time{color:#fff} +.article-page .col-right{position:sticky;top:90px} +.article-page .col-right .cat-title{font-size:20px;margin-bottom:7px} +.article-page .col-right .item{padding:18px 0;border-top:1px solid #ebebeb} +.article-page .col-right .item::after{content:"";display:block;clear:both} +.article-page .col-right .item:first-child{border:0} +.article-page .col-right .art-img{float:left;width:115px;margin-right:10px;padding-bottom:0} +.article-page .col-right .art-text{float:left;width:calc(100% - 127px)} +.article-page .col-right .art-title{line-height:1.2!important;font-size:14px} +.article-page .col-right .big-item .art-img{margin:0 0 15px 0;padding-bottom:0;width:100%} +.article-page .col-right .big-item .art-text{width:100%} +.article-page .col-right .big-item .art-title{display:block;font-size:16px;margin-bottom:0;height:auto} +.article-page .col-right .pro-related-container{margin-top:35px} +.article-page .article-detail .art-related{padding:40px 0 25px 0} +.article-page .article-detail .art-detail-title{font-weight:700;font-size:24px;margin:22px 0 17px 0} +.article-page.article-category .article-list.grid{row-gap:20px} +.article-page .archor-text-group{display:inline-block;background:#f1f1f1;border-radius:10px;padding:15px;margin-bottom:15px} +.article-page .archor-text-group .toc_title{display:inline-block;cursor:pointer;font-size:16px} +.article-page .archor-text-group ul{padding:0!important;margin:0!important} +.article-page .archor-text-group a{color:#000} +.article-page .archor-text-group li *{font-size:14px!important;font-weight:700} +.article-page .archor-text-group a:hover{color:red} +.article-page .archor-text-group a p{margin-bottom:0} +.article-page .archor-text-group ol{margin-bottom:0;list-style:none;padding:0} +.article-page .archor-text-group ol li{margin-top:4px} +.article-page #js-outp li{display:table;counter-increment:item;margin-bottom:4px} +.article-page #js-outp ol{list-style-type:none;counter-reset:item;margin:0;padding:0!important;font-weight:400} +.article-page #js-outp li:before{width:28px;content:counters(item, ".") ". ";display:table-cell;font-weight:700;color:#363636!important} +.contact-page .contact-form-group{line-height:40px} +.contact-page .contact-form-group .form-control{line-height:19px;width:100%;border:1px solid #ced4da;border-radius:5px;margin:8px 0;padding:10px} +.contact-page .contact-form-group .col-form-label{margin:8px 0;font-size:14px;font-weight:500} +.contact-page .contact-form-group .btn{border-radius:5px} +.contact-page .alert-text{margin:0 8px} +.brand-page .main-brand{background-color:#fff;padding:15px 0} +.brand-page .main-brand .title{font-size:20px;color:#111;font-weight:600;line-height:32px;text-transform:uppercase;display:inline-block;position:relative} +.brand-page .main-brand .title::after{content:'';position:absolute;border-bottom:2px solid #111;width:100%;bottom:-2px;left:0} +.brand-page .main-brand .featured-brand ul{padding:50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.brand-page .main-brand .featured-brand ul li{-webkit-box-flex:0;-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8);max-width:calc(100% / 8)} +.brand-page .main-brand .brand-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.brand-page .main-brand .brand-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;gap:24px} +.brand-page .main-brand .brand-list ul li{-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%} +.brand-page .main-brand .brand-list ul li a{display:inline-block;font-size:22px;margin:0 0 10px 0} +.brand-page .main-brand .brand-item{padding:25px 0} +.brand-page .main-brand .brand-list ul li a:hover{color:var(--color-primary)} +.brand-page .main-brand .brand-item .smallTitle{border-bottom:1px solid #e1e1e1;display:block;font-size:22px;font-weight:700;padding:0 0 10px 0;border-bottom:1px solid #ececec;margin-bottom:20px} +.brand-page .main-brand .brand-item ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:15px;-ms-flex-wrap:wrap;flex-wrap:wrap} +.brand-page .main-brand .brand-item ul li{max-width:calc(100% / 6 - 10px);margin-right:10px;text-align:center} +.customer-page .page-title::after{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} +.customer-page .customer-content-group{max-width:600px;margin:20px auto 48px;background:#fff;padding:20px} +.customer-page .customer-content-title{text-align:center;font-size:18px;font-weight:600} +.customer-page .customer-content-title a{color:#222} +.customer-page .customer-content-title a:first-child{margin-right:16px} +.customer-page .customer-content-title a.current,.customer-page .customer-content-title a:hover{color:var(--color-primary);border-bottom:1px solid var(--color-primary)} +.customer-page .customer-form .item{margin-top:20px} +.customer-page .customer-form .item input{display:block;width:100%;border:1px solid #d7d7d7;padding:10px;height:40px;margin-top:5px;font-size:16px} +.customer-page .customer-form .item span{color:#d91605} +.customer-page .customer-form .item p{font-size:14px;font-weight:400} +.customer-page .btn-customer{display:inline-block;height:40px;line-height:40px;font-weight:500;background:var(--color-primary);color:#fff;padding:0 16px} +.customer-page .btn-customer:hover{opacity:.8;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)} +.customer-page .password-input{position:relative} +.customer-page .show-pass{position:absolute;top:13px;right:10px} +.customer-page .forgot-password{display:block;text-align:right;color:#208ce8;margin:8px 0 0;font-size:14px} +.customer-page .forgot-password-content{max-width:800px;padding-top:50px;margin:0 auto} +.customer-page .forgot-password-content h2{font-size:24px;font-weight:600;margin-bottom:8px} +.customer-page .forgot-password-content p{font-size:15px;margin-bottom:20px} +.customer-page .forgot-password-content table{width:100%} +.customer-page .forgot-password-content input{width:100%;padding:8px;font-size:18px;border-radius:5px;outline:0;border:1px solid var(--color-primary)} +.customer-page .forgot-password-content td:first-child{font-size:15px} +.customer-page .btn-forgot-password{display:block;width:50%;margin:30px auto} +.account-page .account{padding:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;font-size:16px} +.account-page .account .col-left{border-right:1px solid #f5f5f5} +.account-page .account .left-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 60px 20px 0;width:220px} +.account-page .account .left-title span{font-size:16px;font-weight:400} +.account-page .account .left-title p{font-size:18px;margin-top:4px} +.account-page .account .title-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px} +.account-page .account .title-list a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px} +.account-page .account .title-list a:hover{background-color:#f5f5f5} +.account-page .account .col-right{padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1} +.account-page .account .col-right h2{font-size:22px;font-weight:600;margin-bottom:16px} +.account-page .info-page table{max-width:520px;width:100%} +.account-page .account .col-right .form-input{width:100%;padding-left:13px;border-radius:5px;border:1px solid #e1e1e1;height:38px;margin-bottom:8px} +.account-page .btn-change{padding:10px 20px;border:none;background-color:#ee2d24;color:#fff;border-radius:5px;font-size:16px;cursor:pointer} +.account-page .order-page table{font-size:16px;width:100%} +.account-page .order-page td{padding:10px;border:1px solid #ccc} +.account-page .red-bold{color:#d91605;font-weight:600} +.account-page .send-cart-info{padding:20px 15px;margin-top:12px;background:#f2f2f2;font-weight:300} +.account-page .send-cart-info p{margin-bottom:16px;width:100%} +.account-page .send-cart-info b{font-weight:700;width:200px;display:inline-block} +.account-page .send-cart-info span{width:calc(100% - 200px)} +.account-page .send-cart-detail-product{margin-top:15px;-webkit-box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);border:1px solid #dee2e6!important} +.account-page .send-cart-product-title{padding:20px 15px;font-size:18px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #dee2e6} +.account-page .send-cart-product-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;width:100%;border-bottom:1px solid #dee2e6} +.account-page .send-cart-item-left{width:82px;margin-right:8px;text-align:center} +.account-page .send-cart-item-left img{width:100%} +.account-page .send-cart-item-center a{font-size:14px;font-weight:600;color:#222;text-decoration:none} +.account-page .send-cart-item-center{max-width:1000px;-webkit-box-flex:1;-ms-flex:1;flex:1} +.account-page .send-cart-item-right{text-align:right;line-height:20px;margin-left:8px} +.account-page .new-price{font-size:18px;color:#d60000;font-weight:700} +.account-page .old-price{font-size:16px;color:#888;text-decoration:line-through} +.account-page .number-item{font-weight:700;font-size:12px} +.account-page .total-item{color:#d91605;font-size:16px;font-weight:700} +.account-page .send-cart-total{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px} +.account-page .send-cart-total p:first-child{font-size:16px;font-weight:700} +.account-page .again-cart{display:block;text-decoration:none;padding:22px 0 60px;text-align:center;color:#d60000;font-weight:600;font-size:22px;text-transform:uppercase} +.fixed-contact-group{position:fixed;bottom:10%;right:20px;z-index:99} +@media (max-width:1024px){ +.search-bar{top:-5px} +.global-header .header-search{margin:0!important;padding:6px} +.global-header .header-navbar .list{font-size:16px} +.global-header .header-language select{font-size:16px} +.homepage .section-hero .swiper-section-hero .b-title{font-size:32px;line-height:42px} +.homepage .section-hero .swiper-section-hero .b-summary{font-size:20px;line-height:24px} +.homepage .section-map .map .promos .promos-item:not(:last-child){margin-bottom:16px!important} +.homepage .section-map .map .promos .promos-item .number{font-size:40px;line-height:50px} +.homepage .section-map .map .promos .promos-item .number span{font-size:30px;line-height:50px} +.homepage .section-map .map .promos .promos-item .title{font-size:18px;line-height:36px} +} +@media (max-width:768px){ +html{font-size:14px} +.m-mb-0{margin:0!important} +.p-mb-0{padding:0!important} +.pc-display{display:none} +.mb-display{display:inline-block} +.page-padding{padding-top:0} +.scroll-mt{scroll-margin-top:10px} +.heading-primary{font-size:28px;line-height:46px} +.global-header .header-features{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px} +.global-footer .f-col .title{padding-bottom:8px} +.global-footer .f-col .title::after{width:100%} +.global-footer .f-col .list{padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid #ededed} +.homepage .section-hero .swiper-section-hero .b-title{font-size:24px;line-height:30px;max-width:90%} +.homepage .section-hero .swiper-section-hero .b-summary{font-size:18px;line-height:24px;max-width:90%} +.homepage .section-hero .swiper-section-hero .b-btn{font-size:16px;line-height:40px;border-radius:0 12px 12px 12px} +.homepage .section-profile .about-us{text-align:center} +.homepage .section-profile .about-us .au-title{text-align:center} +.product-page .section-description{margin-bottom:36px} +.product-detail-page .detail-top .row-w{row-gap:16px} +.product-detail-page .detail-middle .row-w{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse} +.article-page .pd-tabs-container .pd-tabs .list{overflow:auto;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex} +.article-page.article-video .article-list.grid{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)} +.account-page .account{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} +.account-page .account .title-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow:auto;white-space:nowrap;gap:0} +.account-page .send-cart-info b{width:150px} +.contact-page .row-w{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;row-gap:32px} +} +@media (max-width:576px){ +.grid{gap:10px} +.col-mb-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%} +.my-60px{margin:40px 0} +.scroll-mt{scroll-margin-top:70px} +.success-form .cart-success{width:320px;height:250px} +.success-form .text-cart-success{font-size:20px} +.search-bar{width:100%;top:101%} +.search-bar .search-bar-input{width:100%} +.heading-primary{font-size:24px;line-height:32px} +.text-primary{font-size:14px;line-height:20px} +.icon-quote-primary{width:36px;height:22px;background-position:-37px -22px;background-size:222px 91px} +.icon-clock{width:16px;height:16px;background-position:-86px -2px;background-size:222px 91px} +.icon-location-primary{width:21px;height:30px;background-position:-2px -22px;background-size:222px 91px} +.icon-star-red{width:23px;height:22px;background-position:-106px -35px;background-size:222px 91px} +.p-item{padding:12px 10px;line-height:22px} +.p-item .p-name{font-size:16px} +.p-item .p-sku{margin:4px 0} +.global-header .row{height:60px} +.global-header .col-1{position:unset} +.global-header .header-search{position:unset!important} +.global-footer .footer-title{font-size:16px;line-height:28px;margin-bottom:16px!important} +.global-footer .footer-content{padding-bottom:16px!important} +.homepage .section-hero .swiper-section-hero .swiper-pagination-bullet{width:10px;height:10px} +.homepage .section-hero .swiper-section-hero .swiper-pagination-bullet-active{width:60px} +.homepage .section-hero .hero-img{min-height:300px;-o-object-fit:cover;object-fit:cover} +.homepage .section-profile .certificate{padding-bottom:70px} +.homepage .section-profile .about-us .au-btn{font-size:16px} +.homepage .section-category-featured{padding-bottom:40px} +.homepage .section-category-featured .cat-item{padding:12px} +.homepage .section-category-featured .cat-title{font-size:18px;line-height:24px} +.homepage .section-article-featured .a-title{font-size:16px;line-height:20px} +.homepage .section-map .map .background .b-image-1{display:none} +.homepage .section-map .map .background .b-image-2{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important} +.homepage .section-map .map .line svg:first-child{top:24%;left:46%;height:25%} +.homepage .section-map .map .line svg:nth-child(2){top:36%;left:32%;height:50%} +.homepage .section-map .map .line svg:nth-child(3){top:49%;left:45%;height:24%} +.homepage .section-map .map .location .name{font-size:14px} +.homepage .section-map .map .location .name.hn{top:9.5%;left:36%} +.homepage .section-map .map .location .name.dn{top:35%;left:52%} +.homepage .section-map .map .location .name.hcm{top:60%;left:42%} +.homepage .section-map .map .location .text{top:70%} +.homepage .section-map .map .promos{top:unset;left:50%;bottom:10px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);width:100%;padding:0 10px} +.homepage .section-map .map .promos .promos-item:not(:last-child){margin-bottom:0!important} +.homepage .section-map .map .promos .promos-item .title{font-size:14px} +.homepage .section-partners .list{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto} +.homepage .section-partners .list .item{min-width:100px} +.homepage .section-customer .swiper{padding-bottom:4px!important} +.homepage .section-customer .c-item{padding:16px 14px} +.homepage .section-customer .c-review{margin:16px 0 24px!important;min-height:80px} +.homepage .section-customer .c-avatar{width:50px;height:50px} +.homepage .section-customer .c-info{gap:8px} +.homepage .section-contact .ct-title{font-size:22px;line-height:32px} +.homepage .section-contact .ct-text{font-size:16px;line-height:20px} +.product-page .product-list{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)} +.product-detail-page .customer-rating .rating-top{padding:10px} +.product-detail-page .customer-rating .box-rating-left{font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px} +.product-detail-page .customer-rating .box-rating-left span{-webkit-transform:translateY(2px)!important;-ms-transform:translateY(2px)!important;transform:translateY(2px)!important} +.product-detail-page .customer-rating .box-rating-middle .ul{padding-left:8px} +.product-detail-page .customer-rating .box-rating-middle .count{font-size:13px;min-width:70px} +.product-detail-page .customer-rating .box-rating-middle .line-rating{margin:0 12px} +.product-detail-page .customer-form{padding:16px} +.product-detail-page .section-pro-history{margin:40px 0} +.article-page .page-title{font-size:24px} +.article-page .article-showcase .big-art .art-title{font-size:24px} +.article-page .article-wrapper{margin-top:24px!important} +.article-page .cat-title{font-size:20px;margin-bottom:20px} +.article-page.article-category .article-list.grid{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)} +.article-page .article-related .article-list{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)} +.article-page .article-iframe iframe{height:350px} +.brand-page .main-brand .brand-item ul li{max-width:calc(100% / 3 - 10px)} +.contact-page .row-w iframe{height:350px} +.customer-page .customer-content-group{padding:10px} +.fixed-contact-group{right:10px} +} \ No newline at end of file diff --git a/Viccos/images/icons/viccos-icon-angle-down-primary.png b/Viccos/images/icons/viccos-icon-angle-down-primary.png new file mode 100644 index 0000000..28bee65 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-angle-down-primary.png differ diff --git a/Viccos/images/icons/viccos-icon-arrow-circle-o-right-primary.png b/Viccos/images/icons/viccos-icon-arrow-circle-o-right-primary.png new file mode 100644 index 0000000..83f508d Binary files /dev/null and b/Viccos/images/icons/viccos-icon-arrow-circle-o-right-primary.png differ diff --git a/Viccos/images/icons/viccos-icon-arrow-right.png b/Viccos/images/icons/viccos-icon-arrow-right.png new file mode 100644 index 0000000..480697e Binary files /dev/null and b/Viccos/images/icons/viccos-icon-arrow-right.png differ diff --git a/Viccos/images/icons/viccos-icon-caret-down.png b/Viccos/images/icons/viccos-icon-caret-down.png new file mode 100644 index 0000000..c5f2428 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-caret-down.png differ diff --git a/Viccos/images/icons/viccos-icon-caret-right-primary.png b/Viccos/images/icons/viccos-icon-caret-right-primary.png new file mode 100644 index 0000000..b808e3f Binary files /dev/null and b/Viccos/images/icons/viccos-icon-caret-right-primary.png differ diff --git a/Viccos/images/icons/viccos-icon-check-green.png b/Viccos/images/icons/viccos-icon-check-green.png new file mode 100644 index 0000000..1b729b2 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-check-green.png differ diff --git a/Viccos/images/icons/viccos-icon-clock.png b/Viccos/images/icons/viccos-icon-clock.png new file mode 100644 index 0000000..eca833f Binary files /dev/null and b/Viccos/images/icons/viccos-icon-clock.png differ diff --git a/Viccos/images/icons/viccos-icon-location-primary-2.png b/Viccos/images/icons/viccos-icon-location-primary-2.png new file mode 100644 index 0000000..069f444 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-location-primary-2.png differ diff --git a/Viccos/images/icons/viccos-icon-location-primary.png b/Viccos/images/icons/viccos-icon-location-primary.png new file mode 100644 index 0000000..1d3cacf Binary files /dev/null and b/Viccos/images/icons/viccos-icon-location-primary.png differ diff --git a/Viccos/images/icons/viccos-icon-quote-primary.png b/Viccos/images/icons/viccos-icon-quote-primary.png new file mode 100644 index 0000000..e98f5e6 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-quote-primary.png differ diff --git a/Viccos/images/icons/viccos-icon-review-star-primary.png b/Viccos/images/icons/viccos-icon-review-star-primary.png new file mode 100644 index 0000000..ffbfac4 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-review-star-primary.png differ diff --git a/Viccos/images/icons/viccos-icon-review-star-yellow.png b/Viccos/images/icons/viccos-icon-review-star-yellow.png new file mode 100644 index 0000000..47d5b8c Binary files /dev/null and b/Viccos/images/icons/viccos-icon-review-star-yellow.png differ diff --git a/Viccos/images/icons/viccos-icon-scroll-top-1.png b/Viccos/images/icons/viccos-icon-scroll-top-1.png new file mode 100644 index 0000000..1a1c811 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-scroll-top-1.png differ diff --git a/Viccos/images/icons/viccos-icon-search.png b/Viccos/images/icons/viccos-icon-search.png new file mode 100644 index 0000000..e720bdf Binary files /dev/null and b/Viccos/images/icons/viccos-icon-search.png differ diff --git a/Viccos/images/icons/viccos-icon-special-offer-title-red.png b/Viccos/images/icons/viccos-icon-special-offer-title-red.png new file mode 100644 index 0000000..e64a74f Binary files /dev/null and b/Viccos/images/icons/viccos-icon-special-offer-title-red.png differ diff --git a/Viccos/images/icons/viccos-icon-star-red.png b/Viccos/images/icons/viccos-icon-star-red.png new file mode 100644 index 0000000..8273b36 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-star-red.png differ diff --git a/Viccos/images/icons/viccos-icon-view-video.png b/Viccos/images/icons/viccos-icon-view-video.png new file mode 100644 index 0000000..c8fb7f0 Binary files /dev/null and b/Viccos/images/icons/viccos-icon-view-video.png differ diff --git a/Viccos/images/star_rating_2022.png b/Viccos/images/star_rating_2022.png new file mode 100644 index 0000000..c4cba66 Binary files /dev/null and b/Viccos/images/star_rating_2022.png differ diff --git a/Viccos/images/star_sprite.png b/Viccos/images/star_sprite.png new file mode 100644 index 0000000..58409ed Binary files /dev/null and b/Viccos/images/star_sprite.png differ diff --git a/Viccos/images/viccos-favicon-1.png b/Viccos/images/viccos-favicon-1.png new file mode 100644 index 0000000..3212247 Binary files /dev/null and b/Viccos/images/viccos-favicon-1.png differ diff --git a/Viccos/images/viccos-icon-green-sheld-1.png b/Viccos/images/viccos-icon-green-sheld-1.png new file mode 100644 index 0000000..35313fb Binary files /dev/null and b/Viccos/images/viccos-icon-green-sheld-1.png differ diff --git a/Viccos/images/viccos-icon-map.png b/Viccos/images/viccos-icon-map.png new file mode 100644 index 0000000..4885806 Binary files /dev/null and b/Viccos/images/viccos-icon-map.png differ diff --git a/Viccos/images/viccos-img-article-1.png b/Viccos/images/viccos-img-article-1.png new file mode 100644 index 0000000..5301b7d Binary files /dev/null and b/Viccos/images/viccos-img-article-1.png differ diff --git a/Viccos/images/viccos-img-article-2.png b/Viccos/images/viccos-img-article-2.png new file mode 100644 index 0000000..71d4c6c Binary files /dev/null and b/Viccos/images/viccos-img-article-2.png differ diff --git a/Viccos/images/viccos-img-category-1.png b/Viccos/images/viccos-img-category-1.png new file mode 100644 index 0000000..32a8dcd Binary files /dev/null and b/Viccos/images/viccos-img-category-1.png differ diff --git a/Viccos/images/viccos-img-category-2.png b/Viccos/images/viccos-img-category-2.png new file mode 100644 index 0000000..137d598 Binary files /dev/null and b/Viccos/images/viccos-img-category-2.png differ diff --git a/Viccos/images/viccos-img-category-3.png b/Viccos/images/viccos-img-category-3.png new file mode 100644 index 0000000..6bf06a2 Binary files /dev/null and b/Viccos/images/viccos-img-category-3.png differ diff --git a/Viccos/images/viccos-img-certificate-1.png b/Viccos/images/viccos-img-certificate-1.png new file mode 100644 index 0000000..b6f06d7 Binary files /dev/null and b/Viccos/images/viccos-img-certificate-1.png differ diff --git a/Viccos/images/viccos-img-contact-homepage-bg-1.png b/Viccos/images/viccos-img-contact-homepage-bg-1.png new file mode 100644 index 0000000..9796bd6 Binary files /dev/null and b/Viccos/images/viccos-img-contact-homepage-bg-1.png differ diff --git a/Viccos/images/viccos-img-feature-1.png b/Viccos/images/viccos-img-feature-1.png new file mode 100644 index 0000000..34e0a1e Binary files /dev/null and b/Viccos/images/viccos-img-feature-1.png differ diff --git a/Viccos/images/viccos-img-feature-2.png b/Viccos/images/viccos-img-feature-2.png new file mode 100644 index 0000000..bd6f04c Binary files /dev/null and b/Viccos/images/viccos-img-feature-2.png differ diff --git a/Viccos/images/viccos-img-feature-3.png b/Viccos/images/viccos-img-feature-3.png new file mode 100644 index 0000000..c23d07a Binary files /dev/null and b/Viccos/images/viccos-img-feature-3.png differ diff --git a/Viccos/images/viccos-img-feature-4.png b/Viccos/images/viccos-img-feature-4.png new file mode 100644 index 0000000..d241872 Binary files /dev/null and b/Viccos/images/viccos-img-feature-4.png differ diff --git a/Viccos/images/viccos-img-feedback-avatar-1.png b/Viccos/images/viccos-img-feedback-avatar-1.png new file mode 100644 index 0000000..f9ec3e3 Binary files /dev/null and b/Viccos/images/viccos-img-feedback-avatar-1.png differ diff --git a/Viccos/images/viccos-img-global-map-2.png b/Viccos/images/viccos-img-global-map-2.png new file mode 100644 index 0000000..732ed58 Binary files /dev/null and b/Viccos/images/viccos-img-global-map-2.png differ diff --git a/Viccos/images/viccos-img-global-map-mb-1.png b/Viccos/images/viccos-img-global-map-mb-1.png new file mode 100644 index 0000000..18d4564 Binary files /dev/null and b/Viccos/images/viccos-img-global-map-mb-1.png differ diff --git a/Viccos/images/viccos-img-hero-1.png b/Viccos/images/viccos-img-hero-1.png new file mode 100644 index 0000000..1160b54 Binary files /dev/null and b/Viccos/images/viccos-img-hero-1.png differ diff --git a/Viccos/images/viccos-img-partner-1.png b/Viccos/images/viccos-img-partner-1.png new file mode 100644 index 0000000..d462da5 Binary files /dev/null and b/Viccos/images/viccos-img-partner-1.png differ diff --git a/Viccos/images/viccos-img-partner-2-2.png b/Viccos/images/viccos-img-partner-2-2.png new file mode 100644 index 0000000..32da415 Binary files /dev/null and b/Viccos/images/viccos-img-partner-2-2.png differ diff --git a/Viccos/images/viccos-img-partner-3-3.png b/Viccos/images/viccos-img-partner-3-3.png new file mode 100644 index 0000000..508c2bf Binary files /dev/null and b/Viccos/images/viccos-img-partner-3-3.png differ diff --git a/Viccos/images/viccos-img-partner-4-4.png b/Viccos/images/viccos-img-partner-4-4.png new file mode 100644 index 0000000..ebd77e3 Binary files /dev/null and b/Viccos/images/viccos-img-partner-4-4.png differ diff --git a/Viccos/images/viccos-img-partner-5.png b/Viccos/images/viccos-img-partner-5.png new file mode 100644 index 0000000..9f7f8b1 Binary files /dev/null and b/Viccos/images/viccos-img-partner-5.png differ diff --git a/Viccos/images/viccos-img-partner-6.png b/Viccos/images/viccos-img-partner-6.png new file mode 100644 index 0000000..cd1675b Binary files /dev/null and b/Viccos/images/viccos-img-partner-6.png differ diff --git a/Viccos/images/viccos-img-partner-7.png b/Viccos/images/viccos-img-partner-7.png new file mode 100644 index 0000000..1c6c8b9 Binary files /dev/null and b/Viccos/images/viccos-img-partner-7.png differ diff --git a/Viccos/images/viccos-img-partner-8.png b/Viccos/images/viccos-img-partner-8.png new file mode 100644 index 0000000..36855f6 Binary files /dev/null and b/Viccos/images/viccos-img-partner-8.png differ diff --git a/Viccos/images/viccos-img-product-1.png b/Viccos/images/viccos-img-product-1.png new file mode 100644 index 0000000..9b31529 Binary files /dev/null and b/Viccos/images/viccos-img-product-1.png differ diff --git a/Viccos/images/viccos-img-product-2.png b/Viccos/images/viccos-img-product-2.png new file mode 100644 index 0000000..240a3e4 Binary files /dev/null and b/Viccos/images/viccos-img-product-2.png differ diff --git a/Viccos/images/viccos-img-profile-bg-1.png b/Viccos/images/viccos-img-profile-bg-1.png new file mode 100644 index 0000000..e7d741e Binary files /dev/null and b/Viccos/images/viccos-img-profile-bg-1.png differ diff --git a/Viccos/images/viccos-logo-1.png b/Viccos/images/viccos-logo-1.png new file mode 100644 index 0000000..51fe4e9 Binary files /dev/null and b/Viccos/images/viccos-logo-1.png differ diff --git a/Viccos/index.html b/Viccos/index.html new file mode 100644 index 0000000..8f2b21c --- /dev/null +++ b/Viccos/index.html @@ -0,0 +1,3098 @@ + + + + + + + + + VICCO | Rèm - Vách - Trần tổ ong + + + + + + + + + + + + +
+
+
+
+ + +
+ +
+ +
+ +
+
+ +
+
+ +
+ + + +
+ + +
+
+ +
+
+ + +
+ +
+
+
+
+
+
+ + + + + +
+ +
+
+
+
+ +
+
+

+ Đơn vị tiên phong trong lĩnh vực sản xuất rèm - vách - trần + tổ ong +

+

+ Vải tổ ong được dệt và ép từ 100% polyeste cao cấp +

+ +

Liên hệ nhận tư vấn ngay

+ +
+
+
+ +
+ +
+
+

+ Đơn vị tiên phong trong lĩnh vực sản xuất rèm - vách - trần + tổ ong +

+

+ Vải tổ ong được dệt và ép từ 100% polyeste cao cấp +

+ +

Liên hệ nhận tư vấn ngay

+ +
+
+
+
+ +
+
+
+ + +
+
+
+ +
+
+

Giới thiệu

+ +
+

+ Công ty Cổ Phần SXTM K-DECOR + là một trong những đơn vị tiên phong trong lĩnh vực sản xuất + rèm tổ ong, vách tổ ong và trần tổ ong với thương hiệu + VICCO. Các sản phẩm VICCO sử dụng cốt lõi là nguyên liệu vải + tổ ong được dệt và ép từ 100% polyeste cao cấp. VICCO rất + hân hạnh được đồng hành và nhận sự hỗ trợ từ các chuyên gia + kĩ thuật cao cấp có nhiều năm kinh nghiệm từ Hàn Quốc. Do + đó, các sản phẩm rèm tổ ong, vách tổ ong, trần tổ ong VICCO + có chất lượng vượt trội. đảm bảo các tiêu chuẩn kĩ thuật + nghiêm ngặt trên thế giới. +

+

+ Là nhà sản xuất hệ thống rèm - vách - trần tổ ong VICCO, + chúng tôi đề cao quyền lợi của đối tác - khách hàng, ủng hộ + sự đổi mới liên tục, khám phá ý tưởng, phát triển các sản + phẩm và hoàn thiện dịch vụ tốt nhất dành cho Quý đối tác và + khách hàng. Chúng tôi hi vọng sẽ đưa các giải pháp rèm - + vách - trần tổ ong lên một tầm cao mới không chỉ ở Việt Nam + mà trên toàn thế giới. +

+
+ + Tìm hiểu thêm + > +
+
+ + +
+
+
+
+
+
+ Banner chứng chỉ 1 +
+
+ +
+
+
+
+
+
+
+
+
+ + +
+
+

Sản phẩm nổi bật

+ +
+
+
+
+ + Rèm tổ ong + + +

Rèm tổ ong

+
+

+ CÁC DÒNG SẢN PHẨM RÈM TỔ ONG VICCO – HONEYCOMB BLINDS +

+

+ Rèm tổ ong bắt nguồn từ cảm hứng tổ ong – honeycomb. Cấu + trúc hình lục giác xếp lớp của chúng tạo nên vẻ đẹp vô hạn + và giá trị công năng cao, không chỉ mỏng, nhẹ, thoáng khí + mà còn dai và bền. Ngoài ra chất liệu rèm tổ ong + VICCO có khả năng cách nhiệt và âm thanh vượt trội + hơn hẳn các chất liệu vải thông thường. Chúng luôn nhận + được những đánh giá cao từ các chuyên gia và giành được + nhiều sự chú ý của cộng đồng thiết kế trên thế + giới. Rèm tổ ong VICCO –  với vẻ đẹp đến từ + tương lai, công năng và hiệu suất  tuyệt vời – là lựa + chọn hàng đầu cho các công trình theo đuổi trường phái + hiện đại –  đơn giản và thời trang. +

+

+ Vải rèm tổ ong VICCO  cao cấp gồm 5 chủng + loại chính: +

+
    +
  • + Rèm tổ ong VICCO – Vải Dou: Dạng vải cơ bản nhất, 1 mặt + có màu – 1 mặt màu trắng, chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Full tone: Hai mặt cùng 1 màu, + chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Black out: Phía trong có tráng + thêm 1 lớp bạc, chắn sáng 99% – cản nhiệt 95% +
    • +
  • + Rèm tổ ong VICCO – Vải F/R & B/O: Giống vải Black + out phía trên nhưng thêm công năng chống cháy. Đây là + dòng vải cao cấp, có thể dùng cho các trường hợp đặc + biệt yêu cầu chống cháy như nhà xưởng, văn phòng, tàu + thủy, máy bay, ô tô hạng sang hay các biệt thự – chung + cư cao tầng mà chủ nhà muốn có sự an toàn tuyệt đối. +
    • +
  • + Rèm tổ ong VICCO – Vải Sheer: Dạng lưới mỏng nhưng vô + cùng dai và bền, thường được sử dụng để trang trí và + chống côn trùng nhiều hơn là chức năng chắn sáng – cản + nhiệt +
    • +
+

+ K_DECOR PRO.,JSC xin được gửi tới Quý đối tác – khách hàng + bộ sưu tập rèm tổ ong VICCO mới nhất 2019. Cần + lưu ý là mỗi hệ rèm đều có thể sử dụng tất cả các chất + liệu vải phía trên. Quý khách hàng muốn xem chi tiết hơn + về các hệ kéo của rèm tổ ong VICCO, vui lòng click + vào từng mục dưới đây: +

+

1. Rèm tổ ong VICCO – Hệ Standard

+

+ 2. + Rèm tổ ong VICCO – Hệ Top down – Bottom up +

+

3. Rèm tổ ong VICCO – Hệ Day & Night

+

4. Rèm tổ ong VICCO – Hệ Cordless

+
+ + + Chi tiết + + +
+
+ +
+
+ + Rèm tổ ong + + +

Rèm tổ ong

+
+

+ CÁC DÒNG SẢN PHẨM RÈM TỔ ONG VICCO – HONEYCOMB BLINDS +

+

+ Rèm tổ ong bắt nguồn từ cảm hứng tổ ong – honeycomb. Cấu + trúc hình lục giác xếp lớp của chúng tạo nên vẻ đẹp vô hạn + và giá trị công năng cao, không chỉ mỏng, nhẹ, thoáng khí + mà còn dai và bền. Ngoài ra chất liệu rèm tổ ong + VICCO có khả năng cách nhiệt và âm thanh vượt trội + hơn hẳn các chất liệu vải thông thường. Chúng luôn nhận + được những đánh giá cao từ các chuyên gia và giành được + nhiều sự chú ý của cộng đồng thiết kế trên thế + giới. Rèm tổ ong VICCO –  với vẻ đẹp đến từ + tương lai, công năng và hiệu suất  tuyệt vời – là lựa + chọn hàng đầu cho các công trình theo đuổi trường phái + hiện đại –  đơn giản và thời trang. +

+

+ Vải rèm tổ ong VICCO  cao cấp gồm 5 chủng + loại chính: +

+
    +
  • + Rèm tổ ong VICCO – Vải Dou: Dạng vải cơ bản nhất, 1 mặt + có màu – 1 mặt màu trắng, chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Full tone: Hai mặt cùng 1 màu, + chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Black out: Phía trong có tráng + thêm 1 lớp bạc, chắn sáng 99% – cản nhiệt 95% +
    • +
  • + Rèm tổ ong VICCO – Vải F/R & B/O: Giống vải Black + out phía trên nhưng thêm công năng chống cháy. Đây là + dòng vải cao cấp, có thể dùng cho các trường hợp đặc + biệt yêu cầu chống cháy như nhà xưởng, văn phòng, tàu + thủy, máy bay, ô tô hạng sang hay các biệt thự – chung + cư cao tầng mà chủ nhà muốn có sự an toàn tuyệt đối. +
    • +
  • + Rèm tổ ong VICCO – Vải Sheer: Dạng lưới mỏng nhưng vô + cùng dai và bền, thường được sử dụng để trang trí và + chống côn trùng nhiều hơn là chức năng chắn sáng – cản + nhiệt +
    • +
+

+ K_DECOR PRO.,JSC xin được gửi tới Quý đối tác – khách hàng + bộ sưu tập rèm tổ ong VICCO mới nhất 2019. Cần + lưu ý là mỗi hệ rèm đều có thể sử dụng tất cả các chất + liệu vải phía trên. Quý khách hàng muốn xem chi tiết hơn + về các hệ kéo của rèm tổ ong VICCO, vui lòng click + vào từng mục dưới đây: +

+

1. Rèm tổ ong VICCO – Hệ Standard

+

+ 2. + Rèm tổ ong VICCO – Hệ Top down – Bottom up +

+

3. Rèm tổ ong VICCO – Hệ Day & Night

+

4. Rèm tổ ong VICCO – Hệ Cordless

+
+ + + Chi tiết + + +
+
+ +
+
+ + Rèm tổ ong + + +

Rèm tổ ong

+
+

+ CÁC DÒNG SẢN PHẨM RÈM TỔ ONG VICCO – HONEYCOMB BLINDS +

+

+ Rèm tổ ong bắt nguồn từ cảm hứng tổ ong – honeycomb. Cấu + trúc hình lục giác xếp lớp của chúng tạo nên vẻ đẹp vô hạn + và giá trị công năng cao, không chỉ mỏng, nhẹ, thoáng khí + mà còn dai và bền. Ngoài ra chất liệu rèm tổ ong + VICCO có khả năng cách nhiệt và âm thanh vượt trội + hơn hẳn các chất liệu vải thông thường. Chúng luôn nhận + được những đánh giá cao từ các chuyên gia và giành được + nhiều sự chú ý của cộng đồng thiết kế trên thế + giới. Rèm tổ ong VICCO –  với vẻ đẹp đến từ + tương lai, công năng và hiệu suất  tuyệt vời – là lựa + chọn hàng đầu cho các công trình theo đuổi trường phái + hiện đại –  đơn giản và thời trang. +

+

+ Vải rèm tổ ong VICCO  cao cấp gồm 5 chủng + loại chính: +

+
    +
  • + Rèm tổ ong VICCO – Vải Dou: Dạng vải cơ bản nhất, 1 mặt + có màu – 1 mặt màu trắng, chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Full tone: Hai mặt cùng 1 màu, + chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Black out: Phía trong có tráng + thêm 1 lớp bạc, chắn sáng 99% – cản nhiệt 95% +
    • +
  • + Rèm tổ ong VICCO – Vải F/R & B/O: Giống vải Black + out phía trên nhưng thêm công năng chống cháy. Đây là + dòng vải cao cấp, có thể dùng cho các trường hợp đặc + biệt yêu cầu chống cháy như nhà xưởng, văn phòng, tàu + thủy, máy bay, ô tô hạng sang hay các biệt thự – chung + cư cao tầng mà chủ nhà muốn có sự an toàn tuyệt đối. +
    • +
  • + Rèm tổ ong VICCO – Vải Sheer: Dạng lưới mỏng nhưng vô + cùng dai và bền, thường được sử dụng để trang trí và + chống côn trùng nhiều hơn là chức năng chắn sáng – cản + nhiệt +
    • +
+

+ K_DECOR PRO.,JSC xin được gửi tới Quý đối tác – khách hàng + bộ sưu tập rèm tổ ong VICCO mới nhất 2019. Cần + lưu ý là mỗi hệ rèm đều có thể sử dụng tất cả các chất + liệu vải phía trên. Quý khách hàng muốn xem chi tiết hơn + về các hệ kéo của rèm tổ ong VICCO, vui lòng click + vào từng mục dưới đây: +

+

1. Rèm tổ ong VICCO – Hệ Standard

+

+ 2. + Rèm tổ ong VICCO – Hệ Top down – Bottom up +

+

3. Rèm tổ ong VICCO – Hệ Day & Night

+

4. Rèm tổ ong VICCO – Hệ Cordless

+
+ + + Chi tiết + + +
+
+ +
+
+ + Rèm tổ ong + + +

Rèm tổ ong

+
+

+ CÁC DÒNG SẢN PHẨM RÈM TỔ ONG VICCO – HONEYCOMB BLINDS +

+

+ Rèm tổ ong bắt nguồn từ cảm hứng tổ ong – honeycomb. Cấu + trúc hình lục giác xếp lớp của chúng tạo nên vẻ đẹp vô hạn + và giá trị công năng cao, không chỉ mỏng, nhẹ, thoáng khí + mà còn dai và bền. Ngoài ra chất liệu rèm tổ ong + VICCO có khả năng cách nhiệt và âm thanh vượt trội + hơn hẳn các chất liệu vải thông thường. Chúng luôn nhận + được những đánh giá cao từ các chuyên gia và giành được + nhiều sự chú ý của cộng đồng thiết kế trên thế + giới. Rèm tổ ong VICCO –  với vẻ đẹp đến từ + tương lai, công năng và hiệu suất  tuyệt vời – là lựa + chọn hàng đầu cho các công trình theo đuổi trường phái + hiện đại –  đơn giản và thời trang. +

+

+ Vải rèm tổ ong VICCO  cao cấp gồm 5 chủng + loại chính: +

+
    +
  • + Rèm tổ ong VICCO – Vải Dou: Dạng vải cơ bản nhất, 1 mặt + có màu – 1 mặt màu trắng, chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Full tone: Hai mặt cùng 1 màu, + chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Black out: Phía trong có tráng + thêm 1 lớp bạc, chắn sáng 99% – cản nhiệt 95% +
    • +
  • + Rèm tổ ong VICCO – Vải F/R & B/O: Giống vải Black + out phía trên nhưng thêm công năng chống cháy. Đây là + dòng vải cao cấp, có thể dùng cho các trường hợp đặc + biệt yêu cầu chống cháy như nhà xưởng, văn phòng, tàu + thủy, máy bay, ô tô hạng sang hay các biệt thự – chung + cư cao tầng mà chủ nhà muốn có sự an toàn tuyệt đối. +
    • +
  • + Rèm tổ ong VICCO – Vải Sheer: Dạng lưới mỏng nhưng vô + cùng dai và bền, thường được sử dụng để trang trí và + chống côn trùng nhiều hơn là chức năng chắn sáng – cản + nhiệt +
    • +
+

+ K_DECOR PRO.,JSC xin được gửi tới Quý đối tác – khách hàng + bộ sưu tập rèm tổ ong VICCO mới nhất 2019. Cần + lưu ý là mỗi hệ rèm đều có thể sử dụng tất cả các chất + liệu vải phía trên. Quý khách hàng muốn xem chi tiết hơn + về các hệ kéo của rèm tổ ong VICCO, vui lòng click + vào từng mục dưới đây: +

+

1. Rèm tổ ong VICCO – Hệ Standard

+

+ 2. + Rèm tổ ong VICCO – Hệ Top down – Bottom up +

+

3. Rèm tổ ong VICCO – Hệ Day & Night

+

4. Rèm tổ ong VICCO – Hệ Cordless

+
+ + + Chi tiết + + +
+
+ +
+
+ + Rèm tổ ong + + +

Rèm tổ ong

+
+

+ CÁC DÒNG SẢN PHẨM RÈM TỔ ONG VICCO – HONEYCOMB BLINDS +

+

+ Rèm tổ ong bắt nguồn từ cảm hứng tổ ong – honeycomb. Cấu + trúc hình lục giác xếp lớp của chúng tạo nên vẻ đẹp vô hạn + và giá trị công năng cao, không chỉ mỏng, nhẹ, thoáng khí + mà còn dai và bền. Ngoài ra chất liệu rèm tổ ong + VICCO có khả năng cách nhiệt và âm thanh vượt trội + hơn hẳn các chất liệu vải thông thường. Chúng luôn nhận + được những đánh giá cao từ các chuyên gia và giành được + nhiều sự chú ý của cộng đồng thiết kế trên thế + giới. Rèm tổ ong VICCO –  với vẻ đẹp đến từ + tương lai, công năng và hiệu suất  tuyệt vời – là lựa + chọn hàng đầu cho các công trình theo đuổi trường phái + hiện đại –  đơn giản và thời trang. +

+

+ Vải rèm tổ ong VICCO  cao cấp gồm 5 chủng + loại chính: +

+
    +
  • + Rèm tổ ong VICCO – Vải Dou: Dạng vải cơ bản nhất, 1 mặt + có màu – 1 mặt màu trắng, chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Full tone: Hai mặt cùng 1 màu, + chắn sáng 60% – cản nhiệt 70% +
    • +
  • + Rèm tổ ong VICCO – Vải Black out: Phía trong có tráng + thêm 1 lớp bạc, chắn sáng 99% – cản nhiệt 95% +
    • +
  • + Rèm tổ ong VICCO – Vải F/R & B/O: Giống vải Black + out phía trên nhưng thêm công năng chống cháy. Đây là + dòng vải cao cấp, có thể dùng cho các trường hợp đặc + biệt yêu cầu chống cháy như nhà xưởng, văn phòng, tàu + thủy, máy bay, ô tô hạng sang hay các biệt thự – chung + cư cao tầng mà chủ nhà muốn có sự an toàn tuyệt đối. +
    • +
  • + Rèm tổ ong VICCO – Vải Sheer: Dạng lưới mỏng nhưng vô + cùng dai và bền, thường được sử dụng để trang trí và + chống côn trùng nhiều hơn là chức năng chắn sáng – cản + nhiệt +
    • +
+

+ K_DECOR PRO.,JSC xin được gửi tới Quý đối tác – khách hàng + bộ sưu tập rèm tổ ong VICCO mới nhất 2019. Cần + lưu ý là mỗi hệ rèm đều có thể sử dụng tất cả các chất + liệu vải phía trên. Quý khách hàng muốn xem chi tiết hơn + về các hệ kéo của rèm tổ ong VICCO, vui lòng click + vào từng mục dưới đây: +

+

1. Rèm tổ ong VICCO – Hệ Standard

+

+ 2. + Rèm tổ ong VICCO – Hệ Top down – Bottom up +

+

3. Rèm tổ ong VICCO – Hệ Day & Night

+

4. Rèm tổ ong VICCO – Hệ Cordless

+
+ + + Chi tiết + + +
+
+
+ +
+
+
+
+
+ + +
+
+
+

Ưu điểm vượt trội

+ +
+ + +
+
+ +
+
+
+
+
+ Điều hòa không khí +
+ +

+ Điều hòa không khí +

+
+
+ +
+
+
+ Điều hòa không khí +
+ +

+ Điều hòa không khí +

+
+
+ +
+
+
+ Điều hòa không khí +
+ +

+ Điều hòa không khí +

+
+
+ +
+
+
+ Điều hòa không khí +
+ +

+ Điều hòa không khí +

+
+
+ +
+
+
+ Điều hòa không khí +
+ +

+ Điều hòa không khí +

+
+
+
+ +
+
+
+ + +
+
+

Tin tức nổi bật

+ +
+
+
+
+ + Hệ dây kéo Standard, Top-Down và Day& Night của rèm tổ ong + + + +

+ Hệ dây kéo Standard, Top-Down và Day& Night của rèm tổ + ong +

+ +

+ Rèm tổ ong là loại rèm cửa có thiết kế đặc sắc, chất liệu + được làm từ vải ép tráng dầu chống bụi... +

+
+
+ +
+
+ + Hệ dây kéo Standard, Top-Down và Day& Night của rèm tổ ong + + + +

+ Hệ dây kéo Standard, Top-Down và Day& Night của rèm tổ + ong +

+ +

+ Rèm tổ ong là loại rèm cửa có thiết kế đặc sắc, chất liệu + được làm từ vải ép tráng dầu chống bụi... +

+
+
+ +
+
+ + Hệ dây kéo Standard, Top-Down và Day& Night của rèm tổ ong + + + +

+ Hệ dây kéo Standard, Top-Down và Day& Night của rèm tổ + ong +

+ +

+ Rèm tổ ong là loại rèm cửa có thiết kế đặc sắc, chất liệu + được làm từ vải ép tráng dầu chống bụi... +

+
+
+
+ +
+
+
+ +
+ + Xem thêm + + +
+
+
+ + +
+
+
+ Bản đồ Việt Nam + Bản đồ Việt Nam +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ HÀ NỘI + +
+
+
+
+ + TP. ĐÀ NẴNG +
+
+
+
+ + TP. HỒ CHÍ MINH +
+
+
+ +
+
+

30+

+

Chứng nhận chất lượng

+
+
+

100+

+

Đại lý trên toàn quốc

+
+
+

8+

+

Chuyên gia nước ngoài

+
+
+

10+

+

Đối tác chiến lược

+
+
+
+
+ + +
+
+

Đối tác tiêu biểu

+ +
    +
  • + Tập đoàn Hòa Phát +
    • + +
  • + Xuân Hòa +
    • + +
  • + Eurowindow +
    • + +
  • + Thaduco +
    • + +
  • + Changson +
    • +
+
+
+ + +
+
+

Đánh giá từ khách hàng

+ +
+
+
+
+ + +

+ Đã làm việc cùng với đội ngũ nhân viên Viccos và hài lòng + với chất lượng sản phẩm , dịch vụ của công ty. Đã giới thiệu + cho bạn bè lần sau sẽ quay lại ủng hộ +

+ +
+ + +
+

Nguyễn Như Ngọc

+

+ + 3 ngày trước +

+
+
+
+
+ +
+
+ + +

+ Đã làm việc cùng với đội ngũ nhân viên Viccos và hài lòng + với chất lượng sản phẩm , dịch vụ của công ty. Đã giới thiệu + cho bạn bè lần sau sẽ quay lại ủng hộ +

+ +
+ + +
+

Nguyễn Như Ngọc

+

+ + 3 ngày trước +

+
+
+
+
+ +
+
+ + +

+ Đã làm việc cùng với đội ngũ nhân viên Viccos và hài lòng + với chất lượng sản phẩm , dịch vụ của công ty. Đã giới thiệu + cho bạn bè lần sau sẽ quay lại ủng hộ +

+ +
+ + +
+

Nguyễn Như Ngọc

+

+ + 3 ngày trước +

+
+
+
+
+ +
+
+ + +

+ Đã làm việc cùng với đội ngũ nhân viên Viccos và hài lòng + với chất lượng sản phẩm , dịch vụ của công ty. Đã giới thiệu + cho bạn bè lần sau sẽ quay lại ủng hộ +

+ +
+ + +
+

Nguyễn Như Ngọc

+

+ + 3 ngày trước +

+
+
+
+
+
+ +
+
+
+
+ + +
+
+

+ Để gặp bộ phận kinh doanh +

+

+ Quý khách vui lòng liên hệ Hotline để được tư vấn chi tiết +

+ Liên hệ nhận tư vấn ngay +
+
+
+ + +
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + Linh kiện máy tính + + +
    3. +
+
+
+ + +
+
+
+ +
+ +

Rèm tổ ong

+ + +
+ +
+ + +
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+ +
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+ +
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+ +
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+ + +
+ +
+
+

Sản phẩm nổi bật

+ +
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+ +
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+ + +
+

Sản phẩm bán chạy

+ +
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+ +
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+
+
+
+
+
+ + +
+
+ +
+
+ +
+
+
+
+
+ + Product + +
+
+ + Product + +
+
+ + Product + +
+
+ + Product + +
+
+ + Product + +
+
+ +
+
+
+ +
+
+
+
+ Product +
+ +
+
+
+
+
+ Product +
+
+
+
+ Product +
+
+
+
+ Product +
+
+
+
+ Product +
+
+
+ +
+
+
+
+
+ + +
+
+

+ Rèm tổ ong VICCO – Hệ Top down – Bottom up +

+ +
+

Đánh giá:

+

+ Bình luận: 0 +

+

+ Lượt xem: 3107 +

+
+ +
+

Thông tin sản phẩm

+ +
    +
  • + Rèm tổ ong VICCO – Hệ Top down – Bottom up là dòng rèm đơn + giản +
    • +
  • + Các hệ thống phụ kiện vận hành đa dạng như mở rèm từ dưới + lên +
    • +
  • + Đồng thời tính năng cản tia UV lên tới 99% giúp bảo vệ + không gian nội thất hoàn hảo +
    • +
+
+ +
+
+

+ Giá bán: + Liên hệ +

+ +

+ + Còn hàng +

+
+
+ +
+ LIÊN HỆ TƯ VẤN MUA NGAY +
+ +
+ + +
    +
  • Chính sách đổi trả 1 đổi 1 trong vòng 7 ngày
    • +
  • Thanh toán thuận tiện – Ưu đãi trả góp
    • +
  • + Bảo hành chính hãng tại nhà - Kích hoạt bảo hành điện tử +
    • +
  • Miễn phí lắp đặt
    • +
  • Miễn phí tư vấn
    • +
+
+ +
+

+ Bảng giá + Viccos.vn + cập nhật liên tục và cam kết giá luôn tốt nhất. Vui lòng gọi + 0913.511.529 + hoặc yêu cầu báo giá qua email: + kdecor.mkt@gmail.com + để được công bố giá nhanh nhất có thể! +

+

LỢI ÍCH LỰA CHỌN

+
    +
  • Tư vấn tậm tâm, chuyên nghiệp
    • +
  • Sản phẩm chính hãng
    • +
  • Trải nghiệm thực tế
    • +
+
+
+
+
+
+ + +
+
+
+ +
+

+ Rèm tổ ong VICCO – Hệ Top down – Bottom up – Hệ thống kéo Cord +

+ +
+

+ Cách sử dụng: Ở loại này bạn sẽ thấy 2 dây kéo 2 bên dây kéo + phải để điều chinh phía dưới rèm, dây kéo trái để điều chỉnh + phía trên rèm. Quy tắc kéo hạ rèm cũng không khác gì hệ + Standard: + Đối với dây bên phải: Kéo sang trái – giữ – thả + để nâng lên – hạ xuống phía dưới rèm + Đối với dây bên trái: + Kéo sang phải – giữ – thả để hạ xuống – nâng lên phía trên + rèm +

+ +

+ +

+ +

+ Rèm tổ ong VICCO – Hệ Top down – Bottom up – Hệ thống kéo + Clutch Cách sử dụng: Hệ thống kéo Clutch sử dụng 2 dây kéo 2 + bên. Dây bên phải điều chỉnh phía dưới rèm, dây bên trái + điều chỉnh phía trên rèm. Sử dụng cơ chế bánh răng xoay ly + hơp do đó khi kéo hệ thống clutch sẽ trơn tru và bền hơn hệ + cord đơn thuần phía trên. Tuy nhiên thời gian rèm di chuyển + ở hệ thống kéo clutch sẽ chậm hơn +

+ +

+ Rèm tổ ong VICCO – Hệ Top down – Bottom up – Hệ thống kéo + Clutch Cách sử dụng: Hệ thống kéo Clutch sử dụng 2 dây kéo 2 + bên. Dây bên phải điều chỉnh phía dưới rèm, dây bên trái + điều chỉnh phía trên rèm. Sử dụng cơ chế bánh răng xoay ly + hơp do đó khi kéo hệ thống clutch sẽ trơn tru và bền hơn hệ + cord đơn thuần phía trên. Tuy nhiên thời gian rèm di chuyển + ở hệ thống kéo clutch sẽ chậm hơn +

+ +

+ +

+ +

+ Rèm tổ ong VICCO – Hệ Top down – Bottom up – Hệ thống kéo + Clutch Cách sử dụng: Hệ thống kéo Clutch sử dụng 2 dây kéo 2 + bên. Dây bên phải điều chỉnh phía dưới rèm, dây bên trái + điều chỉnh phía trên rèm. Sử dụng cơ chế bánh răng xoay ly + hơp do đó khi kéo hệ thống clutch sẽ trơn tru và bền hơn hệ + cord đơn thuần phía trên. Tuy nhiên thời gian rèm di chuyển + ở hệ thống kéo clutch sẽ chậm hơn +

+ +

+ Rèm tổ ong VICCO – Hệ Top down – Bottom up – Hệ thống kéo + Clutch Cách sử dụng: Hệ thống kéo Clutch sử dụng 2 dây kéo 2 + bên. Dây bên phải điều chỉnh phía dưới rèm, dây bên trái + điều chỉnh phía trên rèm. Sử dụng cơ chế bánh răng xoay ly + hơp do đó khi kéo hệ thống clutch sẽ trơn tru và bền hơn hệ + cord đơn thuần phía trên. Tuy nhiên thời gian rèm di chuyển + ở hệ thống kéo clutch sẽ chậm hơn +

+
+ + +
+ + +
+ +
+

+ Đánh giá, nhận xét +

+ + +
+
+
+
+
+ 0/5 + +
+ +
+
    +
  • + 5 + +
    + +
    + 0 đánh giá +
    • + +
  • + 4 + +
    + +
    + 0 đánh giá +
    • + +
  • + 3 + +
    + +
    + 0 đánh giá +
    • + +
  • + 2 + +
    + +
    + 0 đánh giá +
    • + +
  • + 1 + +
    + +
    + 0 đánh giá +
    • +
+
+
+
+ +
+

Chia sẻ nhận xét về sản phẩm

+ +
+
+
+ + +
+ + + + + + + + + +
+
+
+
+
+ Máy tính để bàn đồng bộ Lenovo ThinkCentre neo 50t 11SE004RVA (Core i5-12400/4GB/256GB) +
+
+ +

+ Rèm tổ ong VICCO – Hệ Top down – Bottom up – Hệ + thống kéo Cord +

+
+ +
+

+ Bạn đánh giá về sản phẩm này thế nào? * +

+
+
+ + + + + + + + + + +
+
+
+ +
+
+ + +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+
+
+ +

+ Icon + Viccos cam kết bảo mật thông tin cá nhân của bạn. +

+ + + Gửi đánh giá ngay + +
+ +
+ + +
+
+
+

Q

+
+ +
+
+ Quân Hura | + + 15/6/2023 +
+ +
+ huratest 12344 +
+ + Trả lời + + +
+
+
+ + +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+
+
+ + Gửi phản hồi +
+ +
+
+
+

Q

+
+ +
+
+ Quân Hura | + + 15/6/2023 +
+
+ huratest phản hồi +
+
+
+
+ +
+
+
+

H

+
+ +
+
+ HuraSoft | + + 17/6/2023 +
+
+ sad asdasd asdasda sasda +
+
+
+
+
+
+
+
+
+
+
+ + +
+

Bình luận

+ + +
+
+
+
+
+ + +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+
+
+ + + Gửi bình luận + +
+ +
+ +
+
+
+
+
+
+ +
+ +
+

Thông số kỹ thuật

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Bộ xử lý + Intel Pentium Gold G7400 Processor(3.70GHz, 2 nhân 4 + luồng, 2.5MB Cache, 46W) +
Đồ họaĐồ họa tích hợp Intel UHD 730
ChipsetIntel B660
Bộ nhớ ram 1x 4GB UDIMM DDR4-3200
Khe cắm ram Hai khe cắm DDR4 UDIMM, hỗ trợ kênh đôi
Bộ nhớ tối đaLên đến 64GB DDR4-3200
Ổ cứng 256GB SSD M.2 2280 PCIe 4.0x4 NVMe Opal 2.0
Bộ nhớ OptaneKhông có
Hỗ trợ lưu trữ + Lên đến hai ổ, 1x 2,5 "/ 3,5" HDD + 1x M.2 SSD • 2,5 + "HDD lên đến 1TB • 3,5" HDD lên đến 2TB • M.2 SSD lên + đến 1TB +
Đầu đọc thẻKhông có
Quang họcKhông có
Chip âm thanh + Âm thanh độ nét cao (HD), codec Realtek ALC623-CG +
Diễn giả1Wx1
Nguồn cấp260W 90%
THIẾT KẾ 
Bàn phímBàn phím USB Calliope, Màu đen, Tiếng Anh
Con chuộtChuột USB Calliope, Đen
Khe mở rộng + Một PCIe 3.0 x1, cấu hình thấp (chiều dài + <167,65mm, chiều cao <68,90mm) +
+ Một PCIe 4.0 x16, cấu hình thấp (chiều dài + <167,65mm, chiều cao <68,90mm) +  
Hai khe cắm M.2 (một cho WLAN, một cho SSD) 
Màu vỏ máyMàu đen
Kiểu dáng Case đứng nhỏ SFF (7.4L)
Kích thước (WxDxH)100 x 308 x 274,8 mm (3,9 x 12,1 x 10,8 inch)
Trọng lượngKhoảng 4,5 kg (9,9 lbs)
KẾT NỐI 
EthernetTích hợp 100 / 1000M
WLAN + BluetoothIntel 9560 11ac, 2x2 + BT5.0
Cổng phía trước2x USB 3.2 Thế hệ 1
+ 1x USB-C 3.2 Gen 1 (hỗ trợ truyền dữ liệu và sạc 5V @ + 3A) +
1 x giắc cắm kết hợp tai nghe / micrô (3,5 mm)
1x micrô (3,5 mm)
Cổng phía sau2x USB 2.0
+ 2x USB 3.2 Thế hệ 1 (một hỗ trợ Bật nguồn thông minh) +
1x VGA
1x HDMI 2.1 TMDS
1x DisplayPort 1.4
1x Ethernet (RJ-45)
1x đường ra (3,5mm)
Cổng phía sau tùy chọn (đã định cấu hình)Không có
Cáp màn hìnhKhông có
BẢO MẬT & RIÊNG TƯ 
Chip bảo mậtTPM 2.0 rời rạc, được chứng nhận TCG
Đầu đọc vân tayKhông có đầu đọc dấu vân tay
Khóa vật lýKhe bảo mật Kensington, 3 x 7 mm
Vòng khóa móc 
Khóa cáp KensingtonKhông có
Kẹp cáp thông minhKhông có
Công tắc xâm nhập khung gầmKhông có
DỊCH VỤ 
Bảo hành cơ bản1 năm, Depot
PHẦN MỀM 
Hệ điều hànhKhông có
+
+ + +
+ + +
+

Sản phẩm liên quan

+ +
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+ + +
+
+
+
+ + +
+ +
+

Sản phẩm đã xem

+ +
+
+
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+
+
+ + Product + +
+ +
+

Rèm tổ ong Standard

+

+ Mã sản phẩm: KHC03 +

+

+ Giá bán: + Liên hệ +

+
+ +
+ + Còn hàng +
+
+
+
+
+
+ +
+
+
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+ + Article + +
+

+ Hoàn thiện thi công nhựa nội thất cho Landco Group +

+ 23-05-2022 + + ĐỌC TIẾP + +
+ +
+
+
+
+
+ +
+
+

+ Tư vấn kiến trúc + + XEM TẤT CẢ + +

+ +
+
+
+
+ + Article + + +
+
+ 17-09-2020 +
+ +

+ Sàn gỗ Vân đá - Xu hướng nội thất sang trọng + mới! +

+ +
+ + Đọc tiếp + +
+
+
+
+
+ + Article + + +
+
+ 17-09-2020 +
+ +

+ Sàn gỗ Vân đá - Xu hướng nội thất sang trọng + mới! +

+ +
+ + Đọc tiếp + +
+
+
+
+
+ + Article + + +
+
+ 17-09-2020 +
+ +

+ Sàn gỗ Vân đá - Xu hướng nội thất sang trọng + mới! +

+ +
+ + Đọc tiếp + +
+
+
+
+
+ + Article + + +
+
+ 17-09-2020 +
+ +

+ Sàn gỗ Vân đá - Xu hướng nội thất sang trọng + mới! +

+ +
+ + Đọc tiếp + +
+
+
+
+ +
+
+
+
+ +
+

+ Tư vấn kiến trúc + + XEM TẤT CẢ + +

+ +
+
+
+
+ + Article + + +
+
+ 17-09-2020 +
+ +

+ Sàn gỗ Vân đá - Xu hướng nội thất sang trọng + mới! +

+ +
+ + Đọc tiếp + +
+
+
+
+
+ + Article + + +
+
+ 17-09-2020 +
+ +

+ Sàn gỗ Vân đá - Xu hướng nội thất sang trọng + mới! +

+ +
+ + Đọc tiếp + +
+
+
+
+
+ + Article + + +
+
+ 17-09-2020 +
+ +

+ Sàn gỗ Vân đá - Xu hướng nội thất sang trọng + mới! +

+ +
+ + Đọc tiếp + +
+
+
+
+
+ + Article + + +
+
+ 17-09-2020 +
+ +

+ Sàn gỗ Vân đá - Xu hướng nội thất sang trọng + mới! +

+ +
+ + Đọc tiếp + +
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+

+ bài viết nổi bật +

+ +
+
+ + Article + + +

+ Hoàn thiện thi công nhựa nội thất cho Landco Group +

+ 23-05-2022 + +
+ +
+ + Article + + +

+ Thiết kế thi công nội thất nhựa sinh thái cho Chung cư 3 + phòng ngủ +

+ 10-05-2022 + +
+
+
+
+
+
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + + + + + + + + + + +
+ + + + + + + + + \ No newline at end of file diff --git a/Viccos/js/library_hura8.js b/Viccos/js/library_hura8.js new file mode 100644 index 0000000..21cfb1e --- /dev/null +++ b/Viccos/js/library_hura8.js @@ -0,0 +1,564 @@ +/** + * Swiper 10.2.0 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2023 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: August 17, 2023 + */ + +var Swiper = function () { "use strict"; function e(e) { return null !== e && "object" == typeof e && "constructor" in e && e.constructor === Object } function t(s, a) { void 0 === s && (s = {}), void 0 === a && (a = {}), Object.keys(a).forEach((i => { void 0 === s[i] ? s[i] = a[i] : e(a[i]) && e(s[i]) && Object.keys(a[i]).length > 0 && t(s[i], a[i]) })) } const s = { body: {}, addEventListener() { }, removeEventListener() { }, activeElement: { blur() { }, nodeName: "" }, querySelector: () => null, querySelectorAll: () => [], getElementById: () => null, createEvent: () => ({ initEvent() { } }), createElement: () => ({ children: [], childNodes: [], style: {}, setAttribute() { }, getElementsByTagName: () => [] }), createElementNS: () => ({}), importNode: () => null, location: { hash: "", host: "", hostname: "", href: "", origin: "", pathname: "", protocol: "", search: "" } }; function a() { const e = "undefined" != typeof document ? document : {}; return t(e, s), e } const i = { document: s, navigator: { userAgent: "" }, location: { hash: "", host: "", hostname: "", href: "", origin: "", pathname: "", protocol: "", search: "" }, history: { replaceState() { }, pushState() { }, go() { }, back() { } }, CustomEvent: function () { return this }, addEventListener() { }, removeEventListener() { }, getComputedStyle: () => ({ getPropertyValue: () => "" }), Image() { }, Date() { }, screen: {}, setTimeout() { }, clearTimeout() { }, matchMedia: () => ({}), requestAnimationFrame: e => "undefined" == typeof setTimeout ? (e(), null) : setTimeout(e, 0), cancelAnimationFrame(e) { "undefined" != typeof setTimeout && clearTimeout(e) } }; function r() { const e = "undefined" != typeof window ? window : {}; return t(e, i), e } function n(e, t) { return void 0 === t && (t = 0), setTimeout(e, t) } function l() { return Date.now() } function o(e, t) { void 0 === t && (t = "x"); const s = r(); let a, i, n; const l = function (e) { const t = r(); let s; return t.getComputedStyle && (s = t.getComputedStyle(e, null)), !s && e.currentStyle && (s = e.currentStyle), s || (s = e.style), s }(e); return s.WebKitCSSMatrix ? (i = l.transform || l.webkitTransform, i.split(",").length > 6 && (i = i.split(", ").map((e => e.replace(",", "."))).join(", ")), n = new s.WebKitCSSMatrix("none" === i ? "" : i)) : (n = l.MozTransform || l.OTransform || l.MsTransform || l.msTransform || l.transform || l.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), a = n.toString().split(",")), "x" === t && (i = s.WebKitCSSMatrix ? n.m41 : 16 === a.length ? parseFloat(a[12]) : parseFloat(a[4])), "y" === t && (i = s.WebKitCSSMatrix ? n.m42 : 16 === a.length ? parseFloat(a[13]) : parseFloat(a[5])), i || 0 } function d(e) { return "object" == typeof e && null !== e && e.constructor && "Object" === Object.prototype.toString.call(e).slice(8, -1) } function c() { const e = Object(arguments.length <= 0 ? void 0 : arguments[0]), t = ["__proto__", "constructor", "prototype"]; for (let a = 1; a < arguments.length; a += 1) { const i = a < 0 || arguments.length <= a ? void 0 : arguments[a]; if (null != i && (s = i, !("undefined" != typeof window && void 0 !== window.HTMLElement ? s instanceof HTMLElement : s && (1 === s.nodeType || 11 === s.nodeType)))) { const s = Object.keys(Object(i)).filter((e => t.indexOf(e) < 0)); for (let t = 0, a = s.length; t < a; t += 1) { const a = s[t], r = Object.getOwnPropertyDescriptor(i, a); void 0 !== r && r.enumerable && (d(e[a]) && d(i[a]) ? i[a].__swiper__ ? e[a] = i[a] : c(e[a], i[a]) : !d(e[a]) && d(i[a]) ? (e[a] = {}, i[a].__swiper__ ? e[a] = i[a] : c(e[a], i[a])) : e[a] = i[a]) } } } var s; return e } function p(e, t, s) { e.style.setProperty(t, s) } function u(e) { let { swiper: t, targetPosition: s, side: a } = e; const i = r(), n = -t.translate; let l, o = null; const d = t.params.speed; t.wrapperEl.style.scrollSnapType = "none", i.cancelAnimationFrame(t.cssModeFrameID); const c = s > n ? "next" : "prev", p = (e, t) => "next" === c && e >= t || "prev" === c && e <= t, u = () => { l = (new Date).getTime(), null === o && (o = l); const e = Math.max(Math.min((l - o) / d, 1), 0), r = .5 - Math.cos(e * Math.PI) / 2; let c = n + r * (s - n); if (p(c, s) && (c = s), t.wrapperEl.scrollTo({ [a]: c }), p(c, s)) return t.wrapperEl.style.overflow = "hidden", t.wrapperEl.style.scrollSnapType = "", setTimeout((() => { t.wrapperEl.style.overflow = "", t.wrapperEl.scrollTo({ [a]: c }) })), void i.cancelAnimationFrame(t.cssModeFrameID); t.cssModeFrameID = i.requestAnimationFrame(u) }; u() } function m(e) { return e.querySelector(".swiper-slide-transform") || e.shadowRoot && e.shadowRoot.querySelector(".swiper-slide-transform") || e } function h(e, t) { return void 0 === t && (t = ""), [...e.children].filter((e => e.matches(t))) } function f(e, t) { void 0 === t && (t = []); const s = document.createElement(e); return s.classList.add(...Array.isArray(t) ? t : [t]), s } function g(e) { const t = r(), s = a(), i = e.getBoundingClientRect(), n = s.body, l = e.clientTop || n.clientTop || 0, o = e.clientLeft || n.clientLeft || 0, d = e === t ? t.scrollY : e.scrollTop, c = e === t ? t.scrollX : e.scrollLeft; return { top: i.top + d - l, left: i.left + c - o } } function v(e, t) { return r().getComputedStyle(e, null).getPropertyValue(t) } function w(e) { let t, s = e; if (s) { for (t = 0; null !== (s = s.previousSibling);)1 === s.nodeType && (t += 1); return t } } function b(e, t) { const s = []; let a = e.parentElement; for (; a;)t ? a.matches(t) && s.push(a) : s.push(a), a = a.parentElement; return s } function y(e, t) { t && e.addEventListener("transitionend", (function s(a) { a.target === e && (t.call(e, a), e.removeEventListener("transitionend", s)) })) } function E(e, t, s) { const a = r(); return s ? e["width" === t ? "offsetWidth" : "offsetHeight"] + parseFloat(a.getComputedStyle(e, null).getPropertyValue("width" === t ? "margin-right" : "margin-top")) + parseFloat(a.getComputedStyle(e, null).getPropertyValue("width" === t ? "margin-left" : "margin-bottom")) : e.offsetWidth } let x, S, T; function M() { return x || (x = function () { const e = r(), t = a(); return { smoothScroll: t.documentElement && t.documentElement.style && "scrollBehavior" in t.documentElement.style, touch: !!("ontouchstart" in e || e.DocumentTouch && t instanceof e.DocumentTouch) } }()), x } function C(e) { return void 0 === e && (e = {}), S || (S = function (e) { let { userAgent: t } = void 0 === e ? {} : e; const s = M(), a = r(), i = a.navigator.platform, n = t || a.navigator.userAgent, l = { ios: !1, android: !1 }, o = a.screen.width, d = a.screen.height, c = n.match(/(Android);?[\s\/]+([\d.]+)?/); let p = n.match(/(iPad).*OS\s([\d_]+)/); const u = n.match(/(iPod)(.*OS\s([\d_]+))?/), m = !p && n.match(/(iPhone\sOS|iOS)\s([\d_]+)/), h = "Win32" === i; let f = "MacIntel" === i; return !p && f && s.touch && ["1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810"].indexOf(`${o}x${d}`) >= 0 && (p = n.match(/(Version)\/([\d.]+)/), p || (p = [0, 1, "13_0_0"]), f = !1), c && !h && (l.os = "android", l.android = !0), (p || m || u) && (l.os = "ios", l.ios = !0), l }(e)), S } function P() { return T || (T = function () { const e = r(); let t = !1; function s() { const t = e.navigator.userAgent.toLowerCase(); return t.indexOf("safari") >= 0 && t.indexOf("chrome") < 0 && t.indexOf("android") < 0 } if (s()) { const s = String(e.navigator.userAgent); if (s.includes("Version/")) { const [e, a] = s.split("Version/")[1].split(" ")[0].split(".").map((e => Number(e))); t = e < 16 || 16 === e && a < 2 } } return { isSafari: t || s(), needPerspectiveFix: t, isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent) } }()), T } var L = { on(e, t, s) { const a = this; if (!a.eventsListeners || a.destroyed) return a; if ("function" != typeof t) return a; const i = s ? "unshift" : "push"; return e.split(" ").forEach((e => { a.eventsListeners[e] || (a.eventsListeners[e] = []), a.eventsListeners[e][i](t) })), a }, once(e, t, s) { const a = this; if (!a.eventsListeners || a.destroyed) return a; if ("function" != typeof t) return a; function i() { a.off(e, i), i.__emitterProxy && delete i.__emitterProxy; for (var s = arguments.length, r = new Array(s), n = 0; n < s; n++)r[n] = arguments[n]; t.apply(a, r) } return i.__emitterProxy = t, a.on(e, i, s) }, onAny(e, t) { const s = this; if (!s.eventsListeners || s.destroyed) return s; if ("function" != typeof e) return s; const a = t ? "unshift" : "push"; return s.eventsAnyListeners.indexOf(e) < 0 && s.eventsAnyListeners[a](e), s }, offAny(e) { const t = this; if (!t.eventsListeners || t.destroyed) return t; if (!t.eventsAnyListeners) return t; const s = t.eventsAnyListeners.indexOf(e); return s >= 0 && t.eventsAnyListeners.splice(s, 1), t }, off(e, t) { const s = this; return !s.eventsListeners || s.destroyed ? s : s.eventsListeners ? (e.split(" ").forEach((e => { void 0 === t ? s.eventsListeners[e] = [] : s.eventsListeners[e] && s.eventsListeners[e].forEach(((a, i) => { (a === t || a.__emitterProxy && a.__emitterProxy === t) && s.eventsListeners[e].splice(i, 1) })) })), s) : s }, emit() { const e = this; if (!e.eventsListeners || e.destroyed) return e; if (!e.eventsListeners) return e; let t, s, a; for (var i = arguments.length, r = new Array(i), n = 0; n < i; n++)r[n] = arguments[n]; "string" == typeof r[0] || Array.isArray(r[0]) ? (t = r[0], s = r.slice(1, r.length), a = e) : (t = r[0].events, s = r[0].data, a = r[0].context || e), s.unshift(a); return (Array.isArray(t) ? t : t.split(" ")).forEach((t => { e.eventsAnyListeners && e.eventsAnyListeners.length && e.eventsAnyListeners.forEach((e => { e.apply(a, [t, ...s]) })), e.eventsListeners && e.eventsListeners[t] && e.eventsListeners[t].forEach((e => { e.apply(a, s) })) })), e } }; const z = (e, t) => { if (!e || e.destroyed || !e.params) return; const s = t.closest(e.isElement ? "swiper-slide" : `.${e.params.slideClass}`); if (s) { let t = s.querySelector(`.${e.params.lazyPreloaderClass}`); !t && e.isElement && (t = s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`)), t && t.remove() } }, A = (e, t) => { if (!e.slides[t]) return; const s = e.slides[t].querySelector('[loading="lazy"]'); s && s.removeAttribute("loading") }, $ = e => { if (!e || e.destroyed || !e.params) return; let t = e.params.lazyPreloadPrevNext; const s = e.slides.length; if (!s || !t || t < 0) return; t = Math.min(t, s); const a = "auto" === e.params.slidesPerView ? e.slidesPerViewDynamic() : Math.ceil(e.params.slidesPerView), i = e.activeIndex; if (e.params.grid && e.params.grid.rows > 1) { const s = i, r = [s - t]; return r.push(...Array.from({ length: t }).map(((e, t) => s + a + t))), void e.slides.forEach(((t, s) => { r.includes(t.column) && A(e, s) })) } const r = i + a - 1; if (e.params.rewind || e.params.loop) for (let a = i - t; a <= r + t; a += 1) { const t = (a % s + s) % s; (t < i || t > r) && A(e, t) } else for (let a = Math.max(i - t, 0); a <= Math.min(r + t, s - 1); a += 1)a !== i && (a > r || a < i) && A(e, a) }; var I = { updateSize: function () { const e = this; let t, s; const a = e.el; t = void 0 !== e.params.width && null !== e.params.width ? e.params.width : a.clientWidth, s = void 0 !== e.params.height && null !== e.params.height ? e.params.height : a.clientHeight, 0 === t && e.isHorizontal() || 0 === s && e.isVertical() || (t = t - parseInt(v(a, "padding-left") || 0, 10) - parseInt(v(a, "padding-right") || 0, 10), s = s - parseInt(v(a, "padding-top") || 0, 10) - parseInt(v(a, "padding-bottom") || 0, 10), Number.isNaN(t) && (t = 0), Number.isNaN(s) && (s = 0), Object.assign(e, { width: t, height: s, size: e.isHorizontal() ? t : s })) }, updateSlides: function () { const e = this; function t(t) { return e.isHorizontal() ? t : { width: "height", "margin-top": "margin-left", "margin-bottom ": "margin-right", "margin-left": "margin-top", "margin-right": "margin-bottom", "padding-left": "padding-top", "padding-right": "padding-bottom", marginRight: "marginBottom" }[t] } function s(e, s) { return parseFloat(e.getPropertyValue(t(s)) || 0) } const a = e.params, { wrapperEl: i, slidesEl: r, size: n, rtlTranslate: l, wrongRTL: o } = e, d = e.virtual && a.virtual.enabled, c = d ? e.virtual.slides.length : e.slides.length, u = h(r, `.${e.params.slideClass}, swiper-slide`), m = d ? e.virtual.slides.length : u.length; let f = []; const g = [], w = []; let b = a.slidesOffsetBefore; "function" == typeof b && (b = a.slidesOffsetBefore.call(e)); let y = a.slidesOffsetAfter; "function" == typeof y && (y = a.slidesOffsetAfter.call(e)); const x = e.snapGrid.length, S = e.slidesGrid.length; let T = a.spaceBetween, M = -b, C = 0, P = 0; if (void 0 === n) return; "string" == typeof T && T.indexOf("%") >= 0 ? T = parseFloat(T.replace("%", "")) / 100 * n : "string" == typeof T && (T = parseFloat(T)), e.virtualSize = -T, u.forEach((e => { l ? e.style.marginLeft = "" : e.style.marginRight = "", e.style.marginBottom = "", e.style.marginTop = "" })), a.centeredSlides && a.cssMode && (p(i, "--swiper-centered-offset-before", ""), p(i, "--swiper-centered-offset-after", "")); const L = a.grid && a.grid.rows > 1 && e.grid; let z; L && e.grid.initSlides(m); const A = "auto" === a.slidesPerView && a.breakpoints && Object.keys(a.breakpoints).filter((e => void 0 !== a.breakpoints[e].slidesPerView)).length > 0; for (let i = 0; i < m; i += 1) { let r; if (z = 0, u[i] && (r = u[i]), L && e.grid.updateSlide(i, r, m, t), !u[i] || "none" !== v(r, "display")) { if ("auto" === a.slidesPerView) { A && (u[i].style[t("width")] = ""); const n = getComputedStyle(r), l = r.style.transform, o = r.style.webkitTransform; if (l && (r.style.transform = "none"), o && (r.style.webkitTransform = "none"), a.roundLengths) z = e.isHorizontal() ? E(r, "width", !0) : E(r, "height", !0); else { const e = s(n, "width"), t = s(n, "padding-left"), a = s(n, "padding-right"), i = s(n, "margin-left"), l = s(n, "margin-right"), o = n.getPropertyValue("box-sizing"); if (o && "border-box" === o) z = e + i + l; else { const { clientWidth: s, offsetWidth: n } = r; z = e + t + a + i + l + (n - s) } } l && (r.style.transform = l), o && (r.style.webkitTransform = o), a.roundLengths && (z = Math.floor(z)) } else z = (n - (a.slidesPerView - 1) * T) / a.slidesPerView, a.roundLengths && (z = Math.floor(z)), u[i] && (u[i].style[t("width")] = `${z}px`); u[i] && (u[i].swiperSlideSize = z), w.push(z), a.centeredSlides ? (M = M + z / 2 + C / 2 + T, 0 === C && 0 !== i && (M = M - n / 2 - T), 0 === i && (M = M - n / 2 - T), Math.abs(M) < .001 && (M = 0), a.roundLengths && (M = Math.floor(M)), P % a.slidesPerGroup == 0 && f.push(M), g.push(M)) : (a.roundLengths && (M = Math.floor(M)), (P - Math.min(e.params.slidesPerGroupSkip, P)) % e.params.slidesPerGroup == 0 && f.push(M), g.push(M), M = M + z + T), e.virtualSize += z + T, C = z, P += 1 } } if (e.virtualSize = Math.max(e.virtualSize, n) + y, l && o && ("slide" === a.effect || "coverflow" === a.effect) && (i.style.width = `${e.virtualSize + T}px`), a.setWrapperSize && (i.style[t("width")] = `${e.virtualSize + T}px`), L && e.grid.updateWrapperSize(z, f, t), !a.centeredSlides) { const t = []; for (let s = 0; s < f.length; s += 1) { let i = f[s]; a.roundLengths && (i = Math.floor(i)), f[s] <= e.virtualSize - n && t.push(i) } f = t, Math.floor(e.virtualSize - n) - Math.floor(f[f.length - 1]) > 1 && f.push(e.virtualSize - n) } if (d && a.loop) { const t = w[0] + T; if (a.slidesPerGroup > 1) { const s = Math.ceil((e.virtual.slidesBefore + e.virtual.slidesAfter) / a.slidesPerGroup), i = t * a.slidesPerGroup; for (let e = 0; e < s; e += 1)f.push(f[f.length - 1] + i) } for (let s = 0; s < e.virtual.slidesBefore + e.virtual.slidesAfter; s += 1)1 === a.slidesPerGroup && f.push(f[f.length - 1] + t), g.push(g[g.length - 1] + t), e.virtualSize += t } if (0 === f.length && (f = [0]), 0 !== T) { const s = e.isHorizontal() && l ? "marginLeft" : t("marginRight"); u.filter(((e, t) => !(a.cssMode && !a.loop) || t !== u.length - 1)).forEach((e => { e.style[s] = `${T}px` })) } if (a.centeredSlides && a.centeredSlidesBounds) { let e = 0; w.forEach((t => { e += t + (T || 0) })), e -= T; const t = e - n; f = f.map((e => e <= 0 ? -b : e > t ? t + y : e)) } if (a.centerInsufficientSlides) { let e = 0; if (w.forEach((t => { e += t + (T || 0) })), e -= T, e < n) { const t = (n - e) / 2; f.forEach(((e, s) => { f[s] = e - t })), g.forEach(((e, s) => { g[s] = e + t })) } } if (Object.assign(e, { slides: u, snapGrid: f, slidesGrid: g, slidesSizesGrid: w }), a.centeredSlides && a.cssMode && !a.centeredSlidesBounds) { p(i, "--swiper-centered-offset-before", -f[0] + "px"), p(i, "--swiper-centered-offset-after", e.size / 2 - w[w.length - 1] / 2 + "px"); const t = -e.snapGrid[0], s = -e.slidesGrid[0]; e.snapGrid = e.snapGrid.map((e => e + t)), e.slidesGrid = e.slidesGrid.map((e => e + s)) } if (m !== c && e.emit("slidesLengthChange"), f.length !== x && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), g.length !== S && e.emit("slidesGridLengthChange"), a.watchSlidesProgress && e.updateSlidesOffset(), !(d || a.cssMode || "slide" !== a.effect && "fade" !== a.effect)) { const t = `${a.containerModifierClass}backface-hidden`, s = e.el.classList.contains(t); m <= a.maxBackfaceHiddenSlides ? s || e.el.classList.add(t) : s && e.el.classList.remove(t) } }, updateAutoHeight: function (e) { const t = this, s = [], a = t.virtual && t.params.virtual.enabled; let i, r = 0; "number" == typeof e ? t.setTransition(e) : !0 === e && t.setTransition(t.params.speed); const n = e => a ? t.slides[t.getSlideIndexByData(e)] : t.slides[e]; if ("auto" !== t.params.slidesPerView && t.params.slidesPerView > 1) if (t.params.centeredSlides) (t.visibleSlides || []).forEach((e => { s.push(e) })); else for (i = 0; i < Math.ceil(t.params.slidesPerView); i += 1) { const e = t.activeIndex + i; if (e > t.slides.length && !a) break; s.push(n(e)) } else s.push(n(t.activeIndex)); for (i = 0; i < s.length; i += 1)if (void 0 !== s[i]) { const e = s[i].offsetHeight; r = e > r ? e : r } (r || 0 === r) && (t.wrapperEl.style.height = `${r}px`) }, updateSlidesOffset: function () { const e = this, t = e.slides, s = e.isElement ? e.isHorizontal() ? e.wrapperEl.offsetLeft : e.wrapperEl.offsetTop : 0; for (let a = 0; a < t.length; a += 1)t[a].swiperSlideOffset = (e.isHorizontal() ? t[a].offsetLeft : t[a].offsetTop) - s - e.cssOverflowAdjustment() }, updateSlidesProgress: function (e) { void 0 === e && (e = this && this.translate || 0); const t = this, s = t.params, { slides: a, rtlTranslate: i, snapGrid: r } = t; if (0 === a.length) return; void 0 === a[0].swiperSlideOffset && t.updateSlidesOffset(); let n = -e; i && (n = e), a.forEach((e => { e.classList.remove(s.slideVisibleClass) })), t.visibleSlidesIndexes = [], t.visibleSlides = []; let l = s.spaceBetween; "string" == typeof l && l.indexOf("%") >= 0 ? l = parseFloat(l.replace("%", "")) / 100 * t.size : "string" == typeof l && (l = parseFloat(l)); for (let e = 0; e < a.length; e += 1) { const o = a[e]; let d = o.swiperSlideOffset; s.cssMode && s.centeredSlides && (d -= a[0].swiperSlideOffset); const c = (n + (s.centeredSlides ? t.minTranslate() : 0) - d) / (o.swiperSlideSize + l), p = (n - r[0] + (s.centeredSlides ? t.minTranslate() : 0) - d) / (o.swiperSlideSize + l), u = -(n - d), m = u + t.slidesSizesGrid[e]; (u >= 0 && u < t.size - 1 || m > 1 && m <= t.size || u <= 0 && m >= t.size) && (t.visibleSlides.push(o), t.visibleSlidesIndexes.push(e), a[e].classList.add(s.slideVisibleClass)), o.progress = i ? -c : c, o.originalProgress = i ? -p : p } }, updateProgress: function (e) { const t = this; if (void 0 === e) { const s = t.rtlTranslate ? -1 : 1; e = t && t.translate && t.translate * s || 0 } const s = t.params, a = t.maxTranslate() - t.minTranslate(); let { progress: i, isBeginning: r, isEnd: n, progressLoop: l } = t; const o = r, d = n; if (0 === a) i = 0, r = !0, n = !0; else { i = (e - t.minTranslate()) / a; const s = Math.abs(e - t.minTranslate()) < 1, l = Math.abs(e - t.maxTranslate()) < 1; r = s || i <= 0, n = l || i >= 1, s && (i = 0), l && (i = 1) } if (s.loop) { const s = t.getSlideIndexByData(0), a = t.getSlideIndexByData(t.slides.length - 1), i = t.slidesGrid[s], r = t.slidesGrid[a], n = t.slidesGrid[t.slidesGrid.length - 1], o = Math.abs(e); l = o >= i ? (o - i) / n : (o + n - r) / n, l > 1 && (l -= 1) } Object.assign(t, { progress: i, progressLoop: l, isBeginning: r, isEnd: n }), (s.watchSlidesProgress || s.centeredSlides && s.autoHeight) && t.updateSlidesProgress(e), r && !o && t.emit("reachBeginning toEdge"), n && !d && t.emit("reachEnd toEdge"), (o && !r || d && !n) && t.emit("fromEdge"), t.emit("progress", i) }, updateSlidesClasses: function () { const e = this, { slides: t, params: s, slidesEl: a, activeIndex: i } = e, r = e.virtual && s.virtual.enabled, n = e => h(a, `.${s.slideClass}${e}, swiper-slide${e}`)[0]; let l; if (t.forEach((e => { e.classList.remove(s.slideActiveClass, s.slideNextClass, s.slidePrevClass) })), r) if (s.loop) { let t = i - e.virtual.slidesBefore; t < 0 && (t = e.virtual.slides.length + t), t >= e.virtual.slides.length && (t -= e.virtual.slides.length), l = n(`[data-swiper-slide-index="${t}"]`) } else l = n(`[data-swiper-slide-index="${i}"]`); else l = t[i]; if (l) { l.classList.add(s.slideActiveClass); let e = function (e, t) { const s = []; for (; e.nextElementSibling;) { const a = e.nextElementSibling; t ? a.matches(t) && s.push(a) : s.push(a), e = a } return s }(l, `.${s.slideClass}, swiper-slide`)[0]; s.loop && !e && (e = t[0]), e && e.classList.add(s.slideNextClass); let a = function (e, t) { const s = []; for (; e.previousElementSibling;) { const a = e.previousElementSibling; t ? a.matches(t) && s.push(a) : s.push(a), e = a } return s }(l, `.${s.slideClass}, swiper-slide`)[0]; s.loop && 0 === !a && (a = t[t.length - 1]), a && a.classList.add(s.slidePrevClass) } e.emitSlidesClasses() }, updateActiveIndex: function (e) { const t = this, s = t.rtlTranslate ? t.translate : -t.translate, { snapGrid: a, params: i, activeIndex: r, realIndex: n, snapIndex: l } = t; let o, d = e; const c = e => { let s = e - t.virtual.slidesBefore; return s < 0 && (s = t.virtual.slides.length + s), s >= t.virtual.slides.length && (s -= t.virtual.slides.length), s }; if (void 0 === d && (d = function (e) { const { slidesGrid: t, params: s } = e, a = e.rtlTranslate ? e.translate : -e.translate; let i; for (let e = 0; e < t.length; e += 1)void 0 !== t[e + 1] ? a >= t[e] && a < t[e + 1] - (t[e + 1] - t[e]) / 2 ? i = e : a >= t[e] && a < t[e + 1] && (i = e + 1) : a >= t[e] && (i = e); return s.normalizeSlideIndex && (i < 0 || void 0 === i) && (i = 0), i }(t)), a.indexOf(s) >= 0) o = a.indexOf(s); else { const e = Math.min(i.slidesPerGroupSkip, d); o = e + Math.floor((d - e) / i.slidesPerGroup) } if (o >= a.length && (o = a.length - 1), d === r) return o !== l && (t.snapIndex = o, t.emit("snapIndexChange")), void (t.params.loop && t.virtual && t.params.virtual.enabled && (t.realIndex = c(d))); let p; p = t.virtual && i.virtual.enabled && i.loop ? c(d) : t.slides[d] ? parseInt(t.slides[d].getAttribute("data-swiper-slide-index") || d, 10) : d, Object.assign(t, { previousSnapIndex: l, snapIndex: o, previousRealIndex: n, realIndex: p, previousIndex: r, activeIndex: d }), t.initialized && $(t), t.emit("activeIndexChange"), t.emit("snapIndexChange"), n !== p && t.emit("realIndexChange"), (t.initialized || t.params.runCallbacksOnInit) && t.emit("slideChange") }, updateClickedSlide: function (e) { const t = this, s = t.params, a = e.closest(`.${s.slideClass}, swiper-slide`); let i, r = !1; if (a) for (let e = 0; e < t.slides.length; e += 1)if (t.slides[e] === a) { r = !0, i = e; break } if (!a || !r) return t.clickedSlide = void 0, void (t.clickedIndex = void 0); t.clickedSlide = a, t.virtual && t.params.virtual.enabled ? t.clickedIndex = parseInt(a.getAttribute("data-swiper-slide-index"), 10) : t.clickedIndex = i, s.slideToClickedSlide && void 0 !== t.clickedIndex && t.clickedIndex !== t.activeIndex && t.slideToClickedSlide() } }; var k = { getTranslate: function (e) { void 0 === e && (e = this.isHorizontal() ? "x" : "y"); const { params: t, rtlTranslate: s, translate: a, wrapperEl: i } = this; if (t.virtualTranslate) return s ? -a : a; if (t.cssMode) return a; let r = o(i, e); return r += this.cssOverflowAdjustment(), s && (r = -r), r || 0 }, setTranslate: function (e, t) { const s = this, { rtlTranslate: a, params: i, wrapperEl: r, progress: n } = s; let l, o = 0, d = 0; s.isHorizontal() ? o = a ? -e : e : d = e, i.roundLengths && (o = Math.floor(o), d = Math.floor(d)), s.previousTranslate = s.translate, s.translate = s.isHorizontal() ? o : d, i.cssMode ? r[s.isHorizontal() ? "scrollLeft" : "scrollTop"] = s.isHorizontal() ? -o : -d : i.virtualTranslate || (s.isHorizontal() ? o -= s.cssOverflowAdjustment() : d -= s.cssOverflowAdjustment(), r.style.transform = `translate3d(${o}px, ${d}px, 0px)`); const c = s.maxTranslate() - s.minTranslate(); l = 0 === c ? 0 : (e - s.minTranslate()) / c, l !== n && s.updateProgress(e), s.emit("setTranslate", s.translate, t) }, minTranslate: function () { return -this.snapGrid[0] }, maxTranslate: function () { return -this.snapGrid[this.snapGrid.length - 1] }, translateTo: function (e, t, s, a, i) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === s && (s = !0), void 0 === a && (a = !0); const r = this, { params: n, wrapperEl: l } = r; if (r.animating && n.preventInteractionOnTransition) return !1; const o = r.minTranslate(), d = r.maxTranslate(); let c; if (c = a && e > o ? o : a && e < d ? d : e, r.updateProgress(c), n.cssMode) { const e = r.isHorizontal(); if (0 === t) l[e ? "scrollLeft" : "scrollTop"] = -c; else { if (!r.support.smoothScroll) return u({ swiper: r, targetPosition: -c, side: e ? "left" : "top" }), !0; l.scrollTo({ [e ? "left" : "top"]: -c, behavior: "smooth" }) } return !0 } return 0 === t ? (r.setTransition(0), r.setTranslate(c), s && (r.emit("beforeTransitionStart", t, i), r.emit("transitionEnd"))) : (r.setTransition(t), r.setTranslate(c), s && (r.emit("beforeTransitionStart", t, i), r.emit("transitionStart")), r.animating || (r.animating = !0, r.onTranslateToWrapperTransitionEnd || (r.onTranslateToWrapperTransitionEnd = function (e) { r && !r.destroyed && e.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onTranslateToWrapperTransitionEnd), r.onTranslateToWrapperTransitionEnd = null, delete r.onTranslateToWrapperTransitionEnd, s && r.emit("transitionEnd")) }), r.wrapperEl.addEventListener("transitionend", r.onTranslateToWrapperTransitionEnd))), !0 } }; function O(e) { let { swiper: t, runCallbacks: s, direction: a, step: i } = e; const { activeIndex: r, previousIndex: n } = t; let l = a; if (l || (l = r > n ? "next" : r < n ? "prev" : "reset"), t.emit(`transition${i}`), s && r !== n) { if ("reset" === l) return void t.emit(`slideResetTransition${i}`); t.emit(`slideChangeTransition${i}`), "next" === l ? t.emit(`slideNextTransition${i}`) : t.emit(`slidePrevTransition${i}`) } } var D = { slideTo: function (e, t, s, a, i) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === s && (s = !0), "string" == typeof e && (e = parseInt(e, 10)); const r = this; let n = e; n < 0 && (n = 0); const { params: l, snapGrid: o, slidesGrid: d, previousIndex: c, activeIndex: p, rtlTranslate: m, wrapperEl: h, enabled: f } = r; if (r.animating && l.preventInteractionOnTransition || !f && !a && !i) return !1; const g = Math.min(r.params.slidesPerGroupSkip, n); let v = g + Math.floor((n - g) / r.params.slidesPerGroup); v >= o.length && (v = o.length - 1); const w = -o[v]; if (l.normalizeSlideIndex) for (let e = 0; e < d.length; e += 1) { const t = -Math.floor(100 * w), s = Math.floor(100 * d[e]), a = Math.floor(100 * d[e + 1]); void 0 !== d[e + 1] ? t >= s && t < a - (a - s) / 2 ? n = e : t >= s && t < a && (n = e + 1) : t >= s && (n = e) } if (r.initialized && n !== p) { if (!r.allowSlideNext && (m ? w > r.translate && w > r.minTranslate() : w < r.translate && w < r.minTranslate())) return !1; if (!r.allowSlidePrev && w > r.translate && w > r.maxTranslate() && (p || 0) !== n) return !1 } let b; if (n !== (c || 0) && s && r.emit("beforeSlideChangeStart"), r.updateProgress(w), b = n > p ? "next" : n < p ? "prev" : "reset", m && -w === r.translate || !m && w === r.translate) return r.updateActiveIndex(n), l.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), "slide" !== l.effect && r.setTranslate(w), "reset" !== b && (r.transitionStart(s, b), r.transitionEnd(s, b)), !1; if (l.cssMode) { const e = r.isHorizontal(), s = m ? w : -w; if (0 === t) { const t = r.virtual && r.params.virtual.enabled; t && (r.wrapperEl.style.scrollSnapType = "none", r._immediateVirtual = !0), t && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0 ? (r._cssModeVirtualInitialSet = !0, requestAnimationFrame((() => { h[e ? "scrollLeft" : "scrollTop"] = s }))) : h[e ? "scrollLeft" : "scrollTop"] = s, t && requestAnimationFrame((() => { r.wrapperEl.style.scrollSnapType = "", r._immediateVirtual = !1 })) } else { if (!r.support.smoothScroll) return u({ swiper: r, targetPosition: s, side: e ? "left" : "top" }), !0; h.scrollTo({ [e ? "left" : "top"]: s, behavior: "smooth" }) } return !0 } return r.setTransition(t), r.setTranslate(w), r.updateActiveIndex(n), r.updateSlidesClasses(), r.emit("beforeTransitionStart", t, a), r.transitionStart(s, b), 0 === t ? r.transitionEnd(s, b) : r.animating || (r.animating = !0, r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function (e) { r && !r.destroyed && e.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, r.transitionEnd(s, b)) }), r.wrapperEl.addEventListener("transitionend", r.onSlideToWrapperTransitionEnd)), !0 }, slideToLoop: function (e, t, s, a) { if (void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === s && (s = !0), "string" == typeof e) { e = parseInt(e, 10) } const i = this; let r = e; return i.params.loop && (i.virtual && i.params.virtual.enabled ? r += i.virtual.slidesBefore : r = i.getSlideIndexByData(r)), i.slideTo(r, t, s, a) }, slideNext: function (e, t, s) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); const a = this, { enabled: i, params: r, animating: n } = a; if (!i) return a; let l = r.slidesPerGroup; "auto" === r.slidesPerView && 1 === r.slidesPerGroup && r.slidesPerGroupAuto && (l = Math.max(a.slidesPerViewDynamic("current", !0), 1)); const o = a.activeIndex < r.slidesPerGroupSkip ? 1 : l, d = a.virtual && r.virtual.enabled; if (r.loop) { if (n && !d && r.loopPreventsSliding) return !1; a.loopFix({ direction: "next" }), a._clientLeft = a.wrapperEl.clientLeft } return r.rewind && a.isEnd ? a.slideTo(0, e, t, s) : a.slideTo(a.activeIndex + o, e, t, s) }, slidePrev: function (e, t, s) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); const a = this, { params: i, snapGrid: r, slidesGrid: n, rtlTranslate: l, enabled: o, animating: d } = a; if (!o) return a; const c = a.virtual && i.virtual.enabled; if (i.loop) { if (d && !c && i.loopPreventsSliding) return !1; a.loopFix({ direction: "prev" }), a._clientLeft = a.wrapperEl.clientLeft } function p(e) { return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e) } const u = p(l ? a.translate : -a.translate), m = r.map((e => p(e))); let h = r[m.indexOf(u) - 1]; if (void 0 === h && i.cssMode) { let e; r.forEach(((t, s) => { u >= t && (e = s) })), void 0 !== e && (h = r[e > 0 ? e - 1 : e]) } let f = 0; if (void 0 !== h && (f = n.indexOf(h), f < 0 && (f = a.activeIndex - 1), "auto" === i.slidesPerView && 1 === i.slidesPerGroup && i.slidesPerGroupAuto && (f = f - a.slidesPerViewDynamic("previous", !0) + 1, f = Math.max(f, 0))), i.rewind && a.isBeginning) { const i = a.params.virtual && a.params.virtual.enabled && a.virtual ? a.virtual.slides.length - 1 : a.slides.length - 1; return a.slideTo(i, e, t, s) } return a.slideTo(f, e, t, s) }, slideReset: function (e, t, s) { return void 0 === e && (e = this.params.speed), void 0 === t && (t = !0), this.slideTo(this.activeIndex, e, t, s) }, slideToClosest: function (e, t, s, a) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0), void 0 === a && (a = .5); const i = this; let r = i.activeIndex; const n = Math.min(i.params.slidesPerGroupSkip, r), l = n + Math.floor((r - n) / i.params.slidesPerGroup), o = i.rtlTranslate ? i.translate : -i.translate; if (o >= i.snapGrid[l]) { const e = i.snapGrid[l]; o - e > (i.snapGrid[l + 1] - e) * a && (r += i.params.slidesPerGroup) } else { const e = i.snapGrid[l - 1]; o - e <= (i.snapGrid[l] - e) * a && (r -= i.params.slidesPerGroup) } return r = Math.max(r, 0), r = Math.min(r, i.slidesGrid.length - 1), i.slideTo(r, e, t, s) }, slideToClickedSlide: function () { const e = this, { params: t, slidesEl: s } = e, a = "auto" === t.slidesPerView ? e.slidesPerViewDynamic() : t.slidesPerView; let i, r = e.clickedIndex; const l = e.isElement ? "swiper-slide" : `.${t.slideClass}`; if (t.loop) { if (e.animating) return; i = parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10), t.centeredSlides ? r < e.loopedSlides - a / 2 || r > e.slides.length - e.loopedSlides + a / 2 ? (e.loopFix(), r = e.getSlideIndex(h(s, `${l}[data-swiper-slide-index="${i}"]`)[0]), n((() => { e.slideTo(r) }))) : e.slideTo(r) : r > e.slides.length - a ? (e.loopFix(), r = e.getSlideIndex(h(s, `${l}[data-swiper-slide-index="${i}"]`)[0]), n((() => { e.slideTo(r) }))) : e.slideTo(r) } else e.slideTo(r) } }; var G = { loopCreate: function (e) { const t = this, { params: s, slidesEl: a } = t; if (!s.loop || t.virtual && t.params.virtual.enabled) return; h(a, `.${s.slideClass}, swiper-slide`).forEach(((e, t) => { e.setAttribute("data-swiper-slide-index", t) })), t.loopFix({ slideRealIndex: e, direction: s.centeredSlides ? void 0 : "next" }) }, loopFix: function (e) { let { slideRealIndex: t, slideTo: s = !0, direction: a, setTranslate: i, activeSlideIndex: r, byController: n, byMousewheel: l } = void 0 === e ? {} : e; const o = this; if (!o.params.loop) return; o.emit("beforeLoopFix"); const { slides: d, allowSlidePrev: c, allowSlideNext: p, slidesEl: u, params: m } = o; if (o.allowSlidePrev = !0, o.allowSlideNext = !0, o.virtual && m.virtual.enabled) return s && (m.centeredSlides || 0 !== o.snapIndex ? m.centeredSlides && o.snapIndex < m.slidesPerView ? o.slideTo(o.virtual.slides.length + o.snapIndex, 0, !1, !0) : o.snapIndex === o.snapGrid.length - 1 && o.slideTo(o.virtual.slidesBefore, 0, !1, !0) : o.slideTo(o.virtual.slides.length, 0, !1, !0)), o.allowSlidePrev = c, o.allowSlideNext = p, void o.emit("loopFix"); const h = "auto" === m.slidesPerView ? o.slidesPerViewDynamic() : Math.ceil(parseFloat(m.slidesPerView, 10)); let f = m.loopedSlides || h; f % m.slidesPerGroup != 0 && (f += m.slidesPerGroup - f % m.slidesPerGroup), o.loopedSlides = f; const g = [], v = []; let w = o.activeIndex; void 0 === r ? r = o.getSlideIndex(o.slides.filter((e => e.classList.contains(m.slideActiveClass)))[0]) : w = r; const b = "next" === a || !a, y = "prev" === a || !a; let E = 0, x = 0; if (r < f) { E = Math.max(f - r, m.slidesPerGroup); for (let e = 0; e < f - r; e += 1) { const t = e - Math.floor(e / d.length) * d.length; g.push(d.length - t - 1) } } else if (r > o.slides.length - 2 * f) { x = Math.max(r - (o.slides.length - 2 * f), m.slidesPerGroup); for (let e = 0; e < x; e += 1) { const t = e - Math.floor(e / d.length) * d.length; v.push(t) } } if (y && g.forEach((e => { o.slides[e].swiperLoopMoveDOM = !0, u.prepend(o.slides[e]), o.slides[e].swiperLoopMoveDOM = !1 })), b && v.forEach((e => { o.slides[e].swiperLoopMoveDOM = !0, u.append(o.slides[e]), o.slides[e].swiperLoopMoveDOM = !1 })), o.recalcSlides(), "auto" === m.slidesPerView && o.updateSlides(), m.watchSlidesProgress && o.updateSlidesOffset(), s) if (g.length > 0 && y) if (void 0 === t) { const e = o.slidesGrid[w], t = o.slidesGrid[w + E] - e; l ? o.setTranslate(o.translate - t) : (o.slideTo(w + E, 0, !1, !0), i && (o.touches[o.isHorizontal() ? "startX" : "startY"] += t, o.touchEventsData.currentTranslate = o.translate)) } else i && (o.slideToLoop(t, 0, !1, !0), o.touchEventsData.currentTranslate = o.translate); else if (v.length > 0 && b) if (void 0 === t) { const e = o.slidesGrid[w], t = o.slidesGrid[w - x] - e; l ? o.setTranslate(o.translate - t) : (o.slideTo(w - x, 0, !1, !0), i && (o.touches[o.isHorizontal() ? "startX" : "startY"] += t, o.touchEventsData.currentTranslate = o.translate)) } else o.slideToLoop(t, 0, !1, !0); if (o.allowSlidePrev = c, o.allowSlideNext = p, o.controller && o.controller.control && !n) { const e = { slideRealIndex: t, direction: a, setTranslate: i, activeSlideIndex: r, byController: !0 }; Array.isArray(o.controller.control) ? o.controller.control.forEach((t => { !t.destroyed && t.params.loop && t.loopFix({ ...e, slideTo: t.params.slidesPerView === m.slidesPerView && s }) })) : o.controller.control instanceof o.constructor && o.controller.control.params.loop && o.controller.control.loopFix({ ...e, slideTo: o.controller.control.params.slidesPerView === m.slidesPerView && s }) } o.emit("loopFix") }, loopDestroy: function () { const e = this, { params: t, slidesEl: s } = e; if (!t.loop || e.virtual && e.params.virtual.enabled) return; e.recalcSlides(); const a = []; e.slides.forEach((e => { const t = void 0 === e.swiperSlideIndex ? 1 * e.getAttribute("data-swiper-slide-index") : e.swiperSlideIndex; a[t] = e })), e.slides.forEach((e => { e.removeAttribute("data-swiper-slide-index") })), a.forEach((e => { s.append(e) })), e.recalcSlides(), e.slideTo(e.realIndex, 0) } }; function H(e) { const t = this, s = a(), i = r(), n = t.touchEventsData; n.evCache.push(e); const { params: o, touches: d, enabled: c } = t; if (!c) return; if (!o.simulateTouch && "mouse" === e.pointerType) return; if (t.animating && o.preventInteractionOnTransition) return; !t.animating && o.cssMode && o.loop && t.loopFix(); let p = e; p.originalEvent && (p = p.originalEvent); let u = p.target; if ("wrapper" === o.touchEventsTarget && !t.wrapperEl.contains(u)) return; if ("which" in p && 3 === p.which) return; if ("button" in p && p.button > 0) return; if (n.isTouched && n.isMoved) return; const m = !!o.noSwipingClass && "" !== o.noSwipingClass, h = e.composedPath ? e.composedPath() : e.path; m && p.target && p.target.shadowRoot && h && (u = h[0]); const f = o.noSwipingSelector ? o.noSwipingSelector : `.${o.noSwipingClass}`, g = !(!p.target || !p.target.shadowRoot); if (o.noSwiping && (g ? function (e, t) { return void 0 === t && (t = this), function t(s) { if (!s || s === a() || s === r()) return null; s.assignedSlot && (s = s.assignedSlot); const i = s.closest(e); return i || s.getRootNode ? i || t(s.getRootNode().host) : null }(t) }(f, u) : u.closest(f))) return void (t.allowClick = !0); if (o.swipeHandler && !u.closest(o.swipeHandler)) return; d.currentX = p.pageX, d.currentY = p.pageY; const v = d.currentX, w = d.currentY, b = o.edgeSwipeDetection || o.iOSEdgeSwipeDetection, y = o.edgeSwipeThreshold || o.iOSEdgeSwipeThreshold; if (b && (v <= y || v >= i.innerWidth - y)) { if ("prevent" !== b) return; e.preventDefault() } Object.assign(n, { isTouched: !0, isMoved: !1, allowTouchCallbacks: !0, isScrolling: void 0, startMoving: void 0 }), d.startX = v, d.startY = w, n.touchStartTime = l(), t.allowClick = !0, t.updateSize(), t.swipeDirection = void 0, o.threshold > 0 && (n.allowThresholdMove = !1); let E = !0; u.matches(n.focusableElements) && (E = !1, "SELECT" === u.nodeName && (n.isTouched = !1)), s.activeElement && s.activeElement.matches(n.focusableElements) && s.activeElement !== u && s.activeElement.blur(); const x = E && t.allowTouchMove && o.touchStartPreventDefault; !o.touchStartForcePreventDefault && !x || u.isContentEditable || p.preventDefault(), o.freeMode && o.freeMode.enabled && t.freeMode && t.animating && !o.cssMode && t.freeMode.onTouchStart(), t.emit("touchStart", p) } function X(e) { const t = a(), s = this, i = s.touchEventsData, { params: r, touches: n, rtlTranslate: o, enabled: d } = s; if (!d) return; if (!r.simulateTouch && "mouse" === e.pointerType) return; let c = e; if (c.originalEvent && (c = c.originalEvent), !i.isTouched) return void (i.startMoving && i.isScrolling && s.emit("touchMoveOpposite", c)); const p = i.evCache.findIndex((e => e.pointerId === c.pointerId)); p >= 0 && (i.evCache[p] = c); const u = i.evCache.length > 1 ? i.evCache[0] : c, m = u.pageX, h = u.pageY; if (c.preventedByNestedSwiper) return n.startX = m, void (n.startY = h); if (!s.allowTouchMove) return c.target.matches(i.focusableElements) || (s.allowClick = !1), void (i.isTouched && (Object.assign(n, { startX: m, startY: h, prevX: s.touches.currentX, prevY: s.touches.currentY, currentX: m, currentY: h }), i.touchStartTime = l())); if (r.touchReleaseOnEdges && !r.loop) if (s.isVertical()) { if (h < n.startY && s.translate <= s.maxTranslate() || h > n.startY && s.translate >= s.minTranslate()) return i.isTouched = !1, void (i.isMoved = !1) } else if (m < n.startX && s.translate <= s.maxTranslate() || m > n.startX && s.translate >= s.minTranslate()) return; if (t.activeElement && c.target === t.activeElement && c.target.matches(i.focusableElements)) return i.isMoved = !0, void (s.allowClick = !1); if (i.allowTouchCallbacks && s.emit("touchMove", c), c.targetTouches && c.targetTouches.length > 1) return; n.currentX = m, n.currentY = h; const f = n.currentX - n.startX, g = n.currentY - n.startY; if (s.params.threshold && Math.sqrt(f ** 2 + g ** 2) < s.params.threshold) return; if (void 0 === i.isScrolling) { let e; s.isHorizontal() && n.currentY === n.startY || s.isVertical() && n.currentX === n.startX ? i.isScrolling = !1 : f * f + g * g >= 25 && (e = 180 * Math.atan2(Math.abs(g), Math.abs(f)) / Math.PI, i.isScrolling = s.isHorizontal() ? e > r.touchAngle : 90 - e > r.touchAngle) } if (i.isScrolling && s.emit("touchMoveOpposite", c), void 0 === i.startMoving && (n.currentX === n.startX && n.currentY === n.startY || (i.startMoving = !0)), i.isScrolling || s.zoom && s.params.zoom && s.params.zoom.enabled && i.evCache.length > 1) return void (i.isTouched = !1); if (!i.startMoving) return; s.allowClick = !1, !r.cssMode && c.cancelable && c.preventDefault(), r.touchMoveStopPropagation && !r.nested && c.stopPropagation(); let v = s.isHorizontal() ? f : g, w = s.isHorizontal() ? n.currentX - n.previousX : n.currentY - n.previousY; r.oneWayMovement && (v = Math.abs(v) * (o ? 1 : -1), w = Math.abs(w) * (o ? 1 : -1)), n.diff = v, v *= r.touchRatio, o && (v = -v, w = -w); const b = s.touchesDirection; s.swipeDirection = v > 0 ? "prev" : "next", s.touchesDirection = w > 0 ? "prev" : "next"; const y = s.params.loop && !r.cssMode; if (!i.isMoved) { if (y && s.loopFix({ direction: s.swipeDirection }), i.startTranslate = s.getTranslate(), s.setTransition(0), s.animating) { const e = new window.CustomEvent("transitionend", { bubbles: !0, cancelable: !0 }); s.wrapperEl.dispatchEvent(e) } i.allowMomentumBounce = !1, !r.grabCursor || !0 !== s.allowSlideNext && !0 !== s.allowSlidePrev || s.setGrabCursor(!0), s.emit("sliderFirstMove", c) } let E; i.isMoved && b !== s.touchesDirection && y && Math.abs(v) >= 1 && (s.loopFix({ direction: s.swipeDirection, setTranslate: !0 }), E = !0), s.emit("sliderMove", c), i.isMoved = !0, i.currentTranslate = v + i.startTranslate; let x = !0, S = r.resistanceRatio; if (r.touchReleaseOnEdges && (S = 0), v > 0 ? (y && !E && i.currentTranslate > (r.centeredSlides ? s.minTranslate() - s.size / 2 : s.minTranslate()) && s.loopFix({ direction: "prev", setTranslate: !0, activeSlideIndex: 0 }), i.currentTranslate > s.minTranslate() && (x = !1, r.resistance && (i.currentTranslate = s.minTranslate() - 1 + (-s.minTranslate() + i.startTranslate + v) ** S))) : v < 0 && (y && !E && i.currentTranslate < (r.centeredSlides ? s.maxTranslate() + s.size / 2 : s.maxTranslate()) && s.loopFix({ direction: "next", setTranslate: !0, activeSlideIndex: s.slides.length - ("auto" === r.slidesPerView ? s.slidesPerViewDynamic() : Math.ceil(parseFloat(r.slidesPerView, 10))) }), i.currentTranslate < s.maxTranslate() && (x = !1, r.resistance && (i.currentTranslate = s.maxTranslate() + 1 - (s.maxTranslate() - i.startTranslate - v) ** S))), x && (c.preventedByNestedSwiper = !0), !s.allowSlideNext && "next" === s.swipeDirection && i.currentTranslate < i.startTranslate && (i.currentTranslate = i.startTranslate), !s.allowSlidePrev && "prev" === s.swipeDirection && i.currentTranslate > i.startTranslate && (i.currentTranslate = i.startTranslate), s.allowSlidePrev || s.allowSlideNext || (i.currentTranslate = i.startTranslate), r.threshold > 0) { if (!(Math.abs(v) > r.threshold || i.allowThresholdMove)) return void (i.currentTranslate = i.startTranslate); if (!i.allowThresholdMove) return i.allowThresholdMove = !0, n.startX = n.currentX, n.startY = n.currentY, i.currentTranslate = i.startTranslate, void (n.diff = s.isHorizontal() ? n.currentX - n.startX : n.currentY - n.startY) } r.followFinger && !r.cssMode && ((r.freeMode && r.freeMode.enabled && s.freeMode || r.watchSlidesProgress) && (s.updateActiveIndex(), s.updateSlidesClasses()), r.freeMode && r.freeMode.enabled && s.freeMode && s.freeMode.onTouchMove(), s.updateProgress(i.currentTranslate), s.setTranslate(i.currentTranslate)) } function Y(e) { const t = this, s = t.touchEventsData, a = s.evCache.findIndex((t => t.pointerId === e.pointerId)); if (a >= 0 && s.evCache.splice(a, 1), ["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes(e.type)) { if (!(["pointercancel", "contextmenu"].includes(e.type) && (t.browser.isSafari || t.browser.isWebView))) return } const { params: i, touches: r, rtlTranslate: o, slidesGrid: d, enabled: c } = t; if (!c) return; if (!i.simulateTouch && "mouse" === e.pointerType) return; let p = e; if (p.originalEvent && (p = p.originalEvent), s.allowTouchCallbacks && t.emit("touchEnd", p), s.allowTouchCallbacks = !1, !s.isTouched) return s.isMoved && i.grabCursor && t.setGrabCursor(!1), s.isMoved = !1, void (s.startMoving = !1); i.grabCursor && s.isMoved && s.isTouched && (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && t.setGrabCursor(!1); const u = l(), m = u - s.touchStartTime; if (t.allowClick) { const e = p.path || p.composedPath && p.composedPath(); t.updateClickedSlide(e && e[0] || p.target), t.emit("tap click", p), m < 300 && u - s.lastClickTime < 300 && t.emit("doubleTap doubleClick", p) } if (s.lastClickTime = l(), n((() => { t.destroyed || (t.allowClick = !0) })), !s.isTouched || !s.isMoved || !t.swipeDirection || 0 === r.diff || s.currentTranslate === s.startTranslate) return s.isTouched = !1, s.isMoved = !1, void (s.startMoving = !1); let h; if (s.isTouched = !1, s.isMoved = !1, s.startMoving = !1, h = i.followFinger ? o ? t.translate : -t.translate : -s.currentTranslate, i.cssMode) return; if (i.freeMode && i.freeMode.enabled) return void t.freeMode.onTouchEnd({ currentPos: h }); let f = 0, g = t.slidesSizesGrid[0]; for (let e = 0; e < d.length; e += e < i.slidesPerGroupSkip ? 1 : i.slidesPerGroup) { const t = e < i.slidesPerGroupSkip - 1 ? 1 : i.slidesPerGroup; void 0 !== d[e + t] ? h >= d[e] && h < d[e + t] && (f = e, g = d[e + t] - d[e]) : h >= d[e] && (f = e, g = d[d.length - 1] - d[d.length - 2]) } let v = null, w = null; i.rewind && (t.isBeginning ? w = i.virtual && i.virtual.enabled && t.virtual ? t.virtual.slides.length - 1 : t.slides.length - 1 : t.isEnd && (v = 0)); const b = (h - d[f]) / g, y = f < i.slidesPerGroupSkip - 1 ? 1 : i.slidesPerGroup; if (m > i.longSwipesMs) { if (!i.longSwipes) return void t.slideTo(t.activeIndex); "next" === t.swipeDirection && (b >= i.longSwipesRatio ? t.slideTo(i.rewind && t.isEnd ? v : f + y) : t.slideTo(f)), "prev" === t.swipeDirection && (b > 1 - i.longSwipesRatio ? t.slideTo(f + y) : null !== w && b < 0 && Math.abs(b) > i.longSwipesRatio ? t.slideTo(w) : t.slideTo(f)) } else { if (!i.shortSwipes) return void t.slideTo(t.activeIndex); t.navigation && (p.target === t.navigation.nextEl || p.target === t.navigation.prevEl) ? p.target === t.navigation.nextEl ? t.slideTo(f + y) : t.slideTo(f) : ("next" === t.swipeDirection && t.slideTo(null !== v ? v : f + y), "prev" === t.swipeDirection && t.slideTo(null !== w ? w : f)) } } function N() { const e = this, { params: t, el: s } = e; if (s && 0 === s.offsetWidth) return; t.breakpoints && e.setBreakpoint(); const { allowSlideNext: a, allowSlidePrev: i, snapGrid: r } = e, n = e.virtual && e.params.virtual.enabled; e.allowSlideNext = !0, e.allowSlidePrev = !0, e.updateSize(), e.updateSlides(), e.updateSlidesClasses(); const l = n && t.loop; !("auto" === t.slidesPerView || t.slidesPerView > 1) || !e.isEnd || e.isBeginning || e.params.centeredSlides || l ? e.params.loop && !n ? e.slideToLoop(e.realIndex, 0, !1, !0) : e.slideTo(e.activeIndex, 0, !1, !0) : e.slideTo(e.slides.length - 1, 0, !1, !0), e.autoplay && e.autoplay.running && e.autoplay.paused && (clearTimeout(e.autoplay.resizeTimeout), e.autoplay.resizeTimeout = setTimeout((() => { e.autoplay && e.autoplay.running && e.autoplay.paused && e.autoplay.resume() }), 500)), e.allowSlidePrev = i, e.allowSlideNext = a, e.params.watchOverflow && r !== e.snapGrid && e.checkOverflow() } function B(e) { const t = this; t.enabled && (t.allowClick || (t.params.preventClicks && e.preventDefault(), t.params.preventClicksPropagation && t.animating && (e.stopPropagation(), e.stopImmediatePropagation()))) } function R() { const e = this, { wrapperEl: t, rtlTranslate: s, enabled: a } = e; if (!a) return; let i; e.previousTranslate = e.translate, e.isHorizontal() ? e.translate = -t.scrollLeft : e.translate = -t.scrollTop, 0 === e.translate && (e.translate = 0), e.updateActiveIndex(), e.updateSlidesClasses(); const r = e.maxTranslate() - e.minTranslate(); i = 0 === r ? 0 : (e.translate - e.minTranslate()) / r, i !== e.progress && e.updateProgress(s ? -e.translate : e.translate), e.emit("setTranslate", e.translate, !1) } function q(e) { const t = this; z(t, e.target), t.params.cssMode || "auto" !== t.params.slidesPerView && !t.params.autoHeight || t.update() } let V = !1; function F() { } const _ = (e, t) => { const s = a(), { params: i, el: r, wrapperEl: n, device: l } = e, o = !!i.nested, d = "on" === t ? "addEventListener" : "removeEventListener", c = t; r[d]("pointerdown", e.onTouchStart, { passive: !1 }), s[d]("pointermove", e.onTouchMove, { passive: !1, capture: o }), s[d]("pointerup", e.onTouchEnd, { passive: !0 }), s[d]("pointercancel", e.onTouchEnd, { passive: !0 }), s[d]("pointerout", e.onTouchEnd, { passive: !0 }), s[d]("pointerleave", e.onTouchEnd, { passive: !0 }), s[d]("contextmenu", e.onTouchEnd, { passive: !0 }), (i.preventClicks || i.preventClicksPropagation) && r[d]("click", e.onClick, !0), i.cssMode && n[d]("scroll", e.onScroll), i.updateOnWindowResize ? e[c](l.ios || l.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", N, !0) : e[c]("observerUpdate", N, !0), r[d]("load", e.onLoad, { capture: !0 }) }; const j = (e, t) => e.grid && t.grid && t.grid.rows > 1; var W = { init: !0, direction: "horizontal", oneWayMovement: !1, touchEventsTarget: "wrapper", initialSlide: 0, speed: 300, cssMode: !1, updateOnWindowResize: !0, resizeObserver: !0, nested: !1, createElements: !1, enabled: !0, focusableElements: "input, select, option, textarea, button, video, label", width: null, height: null, preventInteractionOnTransition: !1, userAgent: null, url: null, edgeSwipeDetection: !1, edgeSwipeThreshold: 20, autoHeight: !1, setWrapperSize: !1, virtualTranslate: !1, effect: "slide", breakpoints: void 0, breakpointsBase: "window", spaceBetween: 0, slidesPerView: 1, slidesPerGroup: 1, slidesPerGroupSkip: 0, slidesPerGroupAuto: !1, centeredSlides: !1, centeredSlidesBounds: !1, slidesOffsetBefore: 0, slidesOffsetAfter: 0, normalizeSlideIndex: !0, centerInsufficientSlides: !1, watchOverflow: !0, roundLengths: !1, touchRatio: 1, touchAngle: 45, simulateTouch: !0, shortSwipes: !0, longSwipes: !0, longSwipesRatio: .5, longSwipesMs: 300, followFinger: !0, allowTouchMove: !0, threshold: 5, touchMoveStopPropagation: !1, touchStartPreventDefault: !0, touchStartForcePreventDefault: !1, touchReleaseOnEdges: !1, uniqueNavElements: !0, resistance: !0, resistanceRatio: .85, watchSlidesProgress: !1, grabCursor: !1, preventClicks: !0, preventClicksPropagation: !0, slideToClickedSlide: !1, loop: !1, loopedSlides: null, loopPreventsSliding: !0, rewind: !1, allowSlidePrev: !0, allowSlideNext: !0, swipeHandler: null, noSwiping: !0, noSwipingClass: "swiper-no-swiping", noSwipingSelector: null, passiveListeners: !0, maxBackfaceHiddenSlides: 10, containerModifierClass: "swiper-", slideClass: "swiper-slide", slideActiveClass: "swiper-slide-active", slideVisibleClass: "swiper-slide-visible", slideNextClass: "swiper-slide-next", slidePrevClass: "swiper-slide-prev", wrapperClass: "swiper-wrapper", lazyPreloaderClass: "swiper-lazy-preloader", lazyPreloadPrevNext: 0, runCallbacksOnInit: !0, _emitClasses: !1 }; function U(e, t) { return function (s) { void 0 === s && (s = {}); const a = Object.keys(s)[0], i = s[a]; "object" == typeof i && null !== i ? (["navigation", "pagination", "scrollbar"].indexOf(a) >= 0 && !0 === e[a] && (e[a] = { auto: !0 }), a in e && "enabled" in i ? (!0 === e[a] && (e[a] = { enabled: !0 }), "object" != typeof e[a] || "enabled" in e[a] || (e[a].enabled = !0), e[a] || (e[a] = { enabled: !1 }), c(t, s)) : c(t, s)) : c(t, s) } } const K = { eventsEmitter: L, update: I, translate: k, transition: { setTransition: function (e, t) { const s = this; s.params.cssMode || (s.wrapperEl.style.transitionDuration = `${e}ms`, s.wrapperEl.style.transitionDelay = 0 === e ? "0ms" : ""), s.emit("setTransition", e, t) }, transitionStart: function (e, t) { void 0 === e && (e = !0); const s = this, { params: a } = s; a.cssMode || (a.autoHeight && s.updateAutoHeight(), O({ swiper: s, runCallbacks: e, direction: t, step: "Start" })) }, transitionEnd: function (e, t) { void 0 === e && (e = !0); const s = this, { params: a } = s; s.animating = !1, a.cssMode || (s.setTransition(0), O({ swiper: s, runCallbacks: e, direction: t, step: "End" })) } }, slide: D, loop: G, grabCursor: { setGrabCursor: function (e) { const t = this; if (!t.params.simulateTouch || t.params.watchOverflow && t.isLocked || t.params.cssMode) return; const s = "container" === t.params.touchEventsTarget ? t.el : t.wrapperEl; t.isElement && (t.__preventObserver__ = !0), s.style.cursor = "move", s.style.cursor = e ? "grabbing" : "grab", t.isElement && requestAnimationFrame((() => { t.__preventObserver__ = !1 })) }, unsetGrabCursor: function () { const e = this; e.params.watchOverflow && e.isLocked || e.params.cssMode || (e.isElement && (e.__preventObserver__ = !0), e["container" === e.params.touchEventsTarget ? "el" : "wrapperEl"].style.cursor = "", e.isElement && requestAnimationFrame((() => { e.__preventObserver__ = !1 }))) } }, events: { attachEvents: function () { const e = this, t = a(), { params: s } = e; e.onTouchStart = H.bind(e), e.onTouchMove = X.bind(e), e.onTouchEnd = Y.bind(e), s.cssMode && (e.onScroll = R.bind(e)), e.onClick = B.bind(e), e.onLoad = q.bind(e), V || (t.addEventListener("touchstart", F), V = !0), _(e, "on") }, detachEvents: function () { _(this, "off") } }, breakpoints: { setBreakpoint: function () { const e = this, { realIndex: t, initialized: s, params: a, el: i } = e, r = a.breakpoints; if (!r || r && 0 === Object.keys(r).length) return; const n = e.getBreakpoint(r, e.params.breakpointsBase, e.el); if (!n || e.currentBreakpoint === n) return; const l = (n in r ? r[n] : void 0) || e.originalParams, o = j(e, a), d = j(e, l), p = a.enabled; o && !d ? (i.classList.remove(`${a.containerModifierClass}grid`, `${a.containerModifierClass}grid-column`), e.emitContainerClasses()) : !o && d && (i.classList.add(`${a.containerModifierClass}grid`), (l.grid.fill && "column" === l.grid.fill || !l.grid.fill && "column" === a.grid.fill) && i.classList.add(`${a.containerModifierClass}grid-column`), e.emitContainerClasses()), ["navigation", "pagination", "scrollbar"].forEach((t => { if (void 0 === l[t]) return; const s = a[t] && a[t].enabled, i = l[t] && l[t].enabled; s && !i && e[t].disable(), !s && i && e[t].enable() })); const u = l.direction && l.direction !== a.direction, m = a.loop && (l.slidesPerView !== a.slidesPerView || u); u && s && e.changeDirection(), c(e.params, l); const h = e.params.enabled; Object.assign(e, { allowTouchMove: e.params.allowTouchMove, allowSlideNext: e.params.allowSlideNext, allowSlidePrev: e.params.allowSlidePrev }), p && !h ? e.disable() : !p && h && e.enable(), e.currentBreakpoint = n, e.emit("_beforeBreakpoint", l), m && s && (e.loopDestroy(), e.loopCreate(t), e.updateSlides()), e.emit("breakpoint", l) }, getBreakpoint: function (e, t, s) { if (void 0 === t && (t = "window"), !e || "container" === t && !s) return; let a = !1; const i = r(), n = "window" === t ? i.innerHeight : s.clientHeight, l = Object.keys(e).map((e => { if ("string" == typeof e && 0 === e.indexOf("@")) { const t = parseFloat(e.substr(1)); return { value: n * t, point: e } } return { value: e, point: e } })); l.sort(((e, t) => parseInt(e.value, 10) - parseInt(t.value, 10))); for (let e = 0; e < l.length; e += 1) { const { point: r, value: n } = l[e]; "window" === t ? i.matchMedia(`(min-width: ${n}px)`).matches && (a = r) : n <= s.clientWidth && (a = r) } return a || "max" } }, checkOverflow: { checkOverflow: function () { const e = this, { isLocked: t, params: s } = e, { slidesOffsetBefore: a } = s; if (a) { const t = e.slides.length - 1, s = e.slidesGrid[t] + e.slidesSizesGrid[t] + 2 * a; e.isLocked = e.size > s } else e.isLocked = 1 === e.snapGrid.length; !0 === s.allowSlideNext && (e.allowSlideNext = !e.isLocked), !0 === s.allowSlidePrev && (e.allowSlidePrev = !e.isLocked), t && t !== e.isLocked && (e.isEnd = !1), t !== e.isLocked && e.emit(e.isLocked ? "lock" : "unlock") } }, classes: { addClasses: function () { const e = this, { classNames: t, params: s, rtl: a, el: i, device: r } = e, n = function (e, t) { const s = []; return e.forEach((e => { "object" == typeof e ? Object.keys(e).forEach((a => { e[a] && s.push(t + a) })) : "string" == typeof e && s.push(t + e) })), s }(["initialized", s.direction, { "free-mode": e.params.freeMode && s.freeMode.enabled }, { autoheight: s.autoHeight }, { rtl: a }, { grid: s.grid && s.grid.rows > 1 }, { "grid-column": s.grid && s.grid.rows > 1 && "column" === s.grid.fill }, { android: r.android }, { ios: r.ios }, { "css-mode": s.cssMode }, { centered: s.cssMode && s.centeredSlides }, { "watch-progress": s.watchSlidesProgress }], s.containerModifierClass); t.push(...n), i.classList.add(...t), e.emitContainerClasses() }, removeClasses: function () { const { el: e, classNames: t } = this; e.classList.remove(...t), this.emitContainerClasses() } } }, Z = {}; class Q { constructor() { let e, t; for (var s = arguments.length, i = new Array(s), r = 0; r < s; r++)i[r] = arguments[r]; 1 === i.length && i[0].constructor && "Object" === Object.prototype.toString.call(i[0]).slice(8, -1) ? t = i[0] : [e, t] = i, t || (t = {}), t = c({}, t), e && !t.el && (t.el = e); const n = a(); if (t.el && "string" == typeof t.el && n.querySelectorAll(t.el).length > 1) { const e = []; return n.querySelectorAll(t.el).forEach((s => { const a = c({}, t, { el: s }); e.push(new Q(a)) })), e } const l = this; l.__swiper__ = !0, l.support = M(), l.device = C({ userAgent: t.userAgent }), l.browser = P(), l.eventsListeners = {}, l.eventsAnyListeners = [], l.modules = [...l.__modules__], t.modules && Array.isArray(t.modules) && l.modules.push(...t.modules); const o = {}; l.modules.forEach((e => { e({ params: t, swiper: l, extendParams: U(t, o), on: l.on.bind(l), once: l.once.bind(l), off: l.off.bind(l), emit: l.emit.bind(l) }) })); const d = c({}, W, o); return l.params = c({}, d, Z, t), l.originalParams = c({}, l.params), l.passedParams = c({}, t), l.params && l.params.on && Object.keys(l.params.on).forEach((e => { l.on(e, l.params.on[e]) })), l.params && l.params.onAny && l.onAny(l.params.onAny), Object.assign(l, { enabled: l.params.enabled, el: e, classNames: [], slides: [], slidesGrid: [], snapGrid: [], slidesSizesGrid: [], isHorizontal: () => "horizontal" === l.params.direction, isVertical: () => "vertical" === l.params.direction, activeIndex: 0, realIndex: 0, isBeginning: !0, isEnd: !1, translate: 0, previousTranslate: 0, progress: 0, velocity: 0, animating: !1, cssOverflowAdjustment() { return Math.trunc(this.translate / 2 ** 23) * 2 ** 23 }, allowSlideNext: l.params.allowSlideNext, allowSlidePrev: l.params.allowSlidePrev, touchEventsData: { isTouched: void 0, isMoved: void 0, allowTouchCallbacks: void 0, touchStartTime: void 0, isScrolling: void 0, currentTranslate: void 0, startTranslate: void 0, allowThresholdMove: void 0, focusableElements: l.params.focusableElements, lastClickTime: 0, clickTimeout: void 0, velocities: [], allowMomentumBounce: void 0, startMoving: void 0, evCache: [] }, allowClick: !0, allowTouchMove: l.params.allowTouchMove, touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 }, imagesToLoad: [], imagesLoaded: 0 }), l.emit("_swiper"), l.params.init && l.init(), l } getSlideIndex(e) { const { slidesEl: t, params: s } = this, a = w(h(t, `.${s.slideClass}, swiper-slide`)[0]); return w(e) - a } getSlideIndexByData(e) { return this.getSlideIndex(this.slides.filter((t => 1 * t.getAttribute("data-swiper-slide-index") === e))[0]) } recalcSlides() { const { slidesEl: e, params: t } = this; this.slides = h(e, `.${t.slideClass}, swiper-slide`) } enable() { const e = this; e.enabled || (e.enabled = !0, e.params.grabCursor && e.setGrabCursor(), e.emit("enable")) } disable() { const e = this; e.enabled && (e.enabled = !1, e.params.grabCursor && e.unsetGrabCursor(), e.emit("disable")) } setProgress(e, t) { const s = this; e = Math.min(Math.max(e, 0), 1); const a = s.minTranslate(), i = (s.maxTranslate() - a) * e + a; s.translateTo(i, void 0 === t ? 0 : t), s.updateActiveIndex(), s.updateSlidesClasses() } emitContainerClasses() { const e = this; if (!e.params._emitClasses || !e.el) return; const t = e.el.className.split(" ").filter((t => 0 === t.indexOf("swiper") || 0 === t.indexOf(e.params.containerModifierClass))); e.emit("_containerClasses", t.join(" ")) } getSlideClasses(e) { const t = this; return t.destroyed ? "" : e.className.split(" ").filter((e => 0 === e.indexOf("swiper-slide") || 0 === e.indexOf(t.params.slideClass))).join(" ") } emitSlidesClasses() { const e = this; if (!e.params._emitClasses || !e.el) return; const t = []; e.slides.forEach((s => { const a = e.getSlideClasses(s); t.push({ slideEl: s, classNames: a }), e.emit("_slideClass", s, a) })), e.emit("_slideClasses", t) } slidesPerViewDynamic(e, t) { void 0 === e && (e = "current"), void 0 === t && (t = !1); const { params: s, slides: a, slidesGrid: i, slidesSizesGrid: r, size: n, activeIndex: l } = this; let o = 1; if (s.centeredSlides) { let e, t = a[l] ? a[l].swiperSlideSize : 0; for (let s = l + 1; s < a.length; s += 1)a[s] && !e && (t += a[s].swiperSlideSize, o += 1, t > n && (e = !0)); for (let s = l - 1; s >= 0; s -= 1)a[s] && !e && (t += a[s].swiperSlideSize, o += 1, t > n && (e = !0)) } else if ("current" === e) for (let e = l + 1; e < a.length; e += 1) { (t ? i[e] + r[e] - i[l] < n : i[e] - i[l] < n) && (o += 1) } else for (let e = l - 1; e >= 0; e -= 1) { i[l] - i[e] < n && (o += 1) } return o } update() { const e = this; if (!e || e.destroyed) return; const { snapGrid: t, params: s } = e; function a() { const t = e.rtlTranslate ? -1 * e.translate : e.translate, s = Math.min(Math.max(t, e.maxTranslate()), e.minTranslate()); e.setTranslate(s), e.updateActiveIndex(), e.updateSlidesClasses() } let i; if (s.breakpoints && e.setBreakpoint(), [...e.el.querySelectorAll('[loading="lazy"]')].forEach((t => { t.complete && z(e, t) })), e.updateSize(), e.updateSlides(), e.updateProgress(), e.updateSlidesClasses(), s.freeMode && s.freeMode.enabled && !s.cssMode) a(), s.autoHeight && e.updateAutoHeight(); else { if (("auto" === s.slidesPerView || s.slidesPerView > 1) && e.isEnd && !s.centeredSlides) { const t = e.virtual && s.virtual.enabled ? e.virtual.slides : e.slides; i = e.slideTo(t.length - 1, 0, !1, !0) } else i = e.slideTo(e.activeIndex, 0, !1, !0); i || a() } s.watchOverflow && t !== e.snapGrid && e.checkOverflow(), e.emit("update") } changeDirection(e, t) { void 0 === t && (t = !0); const s = this, a = s.params.direction; return e || (e = "horizontal" === a ? "vertical" : "horizontal"), e === a || "horizontal" !== e && "vertical" !== e || (s.el.classList.remove(`${s.params.containerModifierClass}${a}`), s.el.classList.add(`${s.params.containerModifierClass}${e}`), s.emitContainerClasses(), s.params.direction = e, s.slides.forEach((t => { "vertical" === e ? t.style.width = "" : t.style.height = "" })), s.emit("changeDirection"), t && s.update()), s } changeLanguageDirection(e) { const t = this; t.rtl && "rtl" === e || !t.rtl && "ltr" === e || (t.rtl = "rtl" === e, t.rtlTranslate = "horizontal" === t.params.direction && t.rtl, t.rtl ? (t.el.classList.add(`${t.params.containerModifierClass}rtl`), t.el.dir = "rtl") : (t.el.classList.remove(`${t.params.containerModifierClass}rtl`), t.el.dir = "ltr"), t.update()) } mount(e) { const t = this; if (t.mounted) return !0; let s = e || t.params.el; if ("string" == typeof s && (s = document.querySelector(s)), !s) return !1; s.swiper = t, s.parentNode && s.parentNode.host && "SWIPER-CONTAINER" === s.parentNode.host.nodeName && (t.isElement = !0); const a = () => `.${(t.params.wrapperClass || "").trim().split(" ").join(".")}`; let i = (() => { if (s && s.shadowRoot && s.shadowRoot.querySelector) { return s.shadowRoot.querySelector(a()) } return h(s, a())[0] })(); return !i && t.params.createElements && (i = f("div", t.params.wrapperClass), s.append(i), h(s, `.${t.params.slideClass}`).forEach((e => { i.append(e) }))), Object.assign(t, { el: s, wrapperEl: i, slidesEl: t.isElement && !s.parentNode.host.slideSlots ? s.parentNode.host : i, hostEl: t.isElement ? s.parentNode.host : s, mounted: !0, rtl: "rtl" === s.dir.toLowerCase() || "rtl" === v(s, "direction"), rtlTranslate: "horizontal" === t.params.direction && ("rtl" === s.dir.toLowerCase() || "rtl" === v(s, "direction")), wrongRTL: "-webkit-box" === v(i, "display") }), !0 } init(e) { const t = this; if (t.initialized) return t; if (!1 === t.mount(e)) return t; t.emit("beforeInit"), t.params.breakpoints && t.setBreakpoint(), t.addClasses(), t.updateSize(), t.updateSlides(), t.params.watchOverflow && t.checkOverflow(), t.params.grabCursor && t.enabled && t.setGrabCursor(), t.params.loop && t.virtual && t.params.virtual.enabled ? t.slideTo(t.params.initialSlide + t.virtual.slidesBefore, 0, t.params.runCallbacksOnInit, !1, !0) : t.slideTo(t.params.initialSlide, 0, t.params.runCallbacksOnInit, !1, !0), t.params.loop && t.loopCreate(), t.attachEvents(); const s = [...t.el.querySelectorAll('[loading="lazy"]')]; return t.isElement && s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')), s.forEach((e => { e.complete ? z(t, e) : e.addEventListener("load", (e => { z(t, e.target) })) })), $(t), t.initialized = !0, $(t), t.emit("init"), t.emit("afterInit"), t } destroy(e, t) { void 0 === e && (e = !0), void 0 === t && (t = !0); const s = this, { params: a, el: i, wrapperEl: r, slides: n } = s; return void 0 === s.params || s.destroyed || (s.emit("beforeDestroy"), s.initialized = !1, s.detachEvents(), a.loop && s.loopDestroy(), t && (s.removeClasses(), i.removeAttribute("style"), r.removeAttribute("style"), n && n.length && n.forEach((e => { e.classList.remove(a.slideVisibleClass, a.slideActiveClass, a.slideNextClass, a.slidePrevClass), e.removeAttribute("style"), e.removeAttribute("data-swiper-slide-index") }))), s.emit("destroy"), Object.keys(s.eventsListeners).forEach((e => { s.off(e) })), !1 !== e && (s.el.swiper = null, function (e) { const t = e; Object.keys(t).forEach((e => { try { t[e] = null } catch (e) { } try { delete t[e] } catch (e) { } })) }(s)), s.destroyed = !0), null } static extendDefaults(e) { c(Z, e) } static get extendedDefaults() { return Z } static get defaults() { return W } static installModule(e) { Q.prototype.__modules__ || (Q.prototype.__modules__ = []); const t = Q.prototype.__modules__; "function" == typeof e && t.indexOf(e) < 0 && t.push(e) } static use(e) { return Array.isArray(e) ? (e.forEach((e => Q.installModule(e))), Q) : (Q.installModule(e), Q) } } function J(e, t, s, a) { return e.params.createElements && Object.keys(a).forEach((i => { if (!s[i] && !0 === s.auto) { let r = h(e.el, `.${a[i]}`)[0]; r || (r = f("div", a[i]), r.className = a[i], e.el.append(r)), s[i] = r, t[i] = r } })), s } function ee(e) { return void 0 === e && (e = ""), `.${e.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}` } function te(e) { const t = this, { params: s, slidesEl: a } = t; s.loop && t.loopDestroy(); const i = e => { if ("string" == typeof e) { const t = document.createElement("div"); t.innerHTML = e, a.append(t.children[0]), t.innerHTML = "" } else a.append(e) }; if ("object" == typeof e && "length" in e) for (let t = 0; t < e.length; t += 1)e[t] && i(e[t]); else i(e); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update() } function se(e) { const t = this, { params: s, activeIndex: a, slidesEl: i } = t; s.loop && t.loopDestroy(); let r = a + 1; const n = e => { if ("string" == typeof e) { const t = document.createElement("div"); t.innerHTML = e, i.prepend(t.children[0]), t.innerHTML = "" } else i.prepend(e) }; if ("object" == typeof e && "length" in e) { for (let t = 0; t < e.length; t += 1)e[t] && n(e[t]); r = a + e.length } else n(e); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update(), t.slideTo(r, 0, !1) } function ae(e, t) { const s = this, { params: a, activeIndex: i, slidesEl: r } = s; let n = i; a.loop && (n -= s.loopedSlides, s.loopDestroy(), s.recalcSlides()); const l = s.slides.length; if (e <= 0) return void s.prependSlide(t); if (e >= l) return void s.appendSlide(t); let o = n > e ? n + 1 : n; const d = []; for (let t = l - 1; t >= e; t -= 1) { const e = s.slides[t]; e.remove(), d.unshift(e) } if ("object" == typeof t && "length" in t) { for (let e = 0; e < t.length; e += 1)t[e] && r.append(t[e]); o = n > e ? n + t.length : n } else r.append(t); for (let e = 0; e < d.length; e += 1)r.append(d[e]); s.recalcSlides(), a.loop && s.loopCreate(), a.observer && !s.isElement || s.update(), a.loop ? s.slideTo(o + s.loopedSlides, 0, !1) : s.slideTo(o, 0, !1) } function ie(e) { const t = this, { params: s, activeIndex: a } = t; let i = a; s.loop && (i -= t.loopedSlides, t.loopDestroy()); let r, n = i; if ("object" == typeof e && "length" in e) { for (let s = 0; s < e.length; s += 1)r = e[s], t.slides[r] && t.slides[r].remove(), r < n && (n -= 1); n = Math.max(n, 0) } else r = e, t.slides[r] && t.slides[r].remove(), r < n && (n -= 1), n = Math.max(n, 0); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update(), s.loop ? t.slideTo(n + t.loopedSlides, 0, !1) : t.slideTo(n, 0, !1) } function re() { const e = this, t = []; for (let s = 0; s < e.slides.length; s += 1)t.push(s); e.removeSlide(t) } function ne(e) { const { effect: t, swiper: s, on: a, setTranslate: i, setTransition: r, overwriteParams: n, perspective: l, recreateShadows: o, getEffectParams: d } = e; let c; a("beforeInit", (() => { if (s.params.effect !== t) return; s.classNames.push(`${s.params.containerModifierClass}${t}`), l && l() && s.classNames.push(`${s.params.containerModifierClass}3d`); const e = n ? n() : {}; Object.assign(s.params, e), Object.assign(s.originalParams, e) })), a("setTranslate", (() => { s.params.effect === t && i() })), a("setTransition", ((e, a) => { s.params.effect === t && r(a) })), a("transitionEnd", (() => { if (s.params.effect === t && o) { if (!d || !d().slideShadows) return; s.slides.forEach((e => { e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e => e.remove())) })), o() } })), a("virtualUpdate", (() => { s.params.effect === t && (s.slides.length || (c = !0), requestAnimationFrame((() => { c && s.slides && s.slides.length && (i(), c = !1) }))) })) } function le(e, t) { const s = m(t); return s !== t && (s.style.backfaceVisibility = "hidden", s.style["-webkit-backface-visibility"] = "hidden"), s } function oe(e) { let { swiper: t, duration: s, transformElements: a, allSlides: i } = e; const { activeIndex: r } = t; if (t.params.virtualTranslate && 0 !== s) { let e, s = !1; e = i ? a : a.filter((e => { const s = e.classList.contains("swiper-slide-transform") ? (e => { if (!e.parentElement) return t.slides.filter((t => t.shadowRoot && t.shadowRoot === e.parentNode))[0]; return e.parentElement })(e) : e; return t.getSlideIndex(s) === r })), e.forEach((e => { y(e, (() => { if (s) return; if (!t || t.destroyed) return; s = !0, t.animating = !1; const e = new window.CustomEvent("transitionend", { bubbles: !0, cancelable: !0 }); t.wrapperEl.dispatchEvent(e) })) })) } } function de(e, t, s) { const a = `swiper-slide-shadow${s ? `-${s}` : ""}${e ? ` swiper-slide-shadow-${e}` : ""}`, i = m(t); let r = i.querySelector(`.${a.split(" ").join(".")}`); return r || (r = f("div", a.split(" ")), i.append(r)), r } Object.keys(K).forEach((e => { Object.keys(K[e]).forEach((t => { Q.prototype[t] = K[e][t] })) })), Q.use([function (e) { let { swiper: t, on: s, emit: a } = e; const i = r(); let n = null, l = null; const o = () => { t && !t.destroyed && t.initialized && (a("beforeResize"), a("resize")) }, d = () => { t && !t.destroyed && t.initialized && a("orientationchange") }; s("init", (() => { t.params.resizeObserver && void 0 !== i.ResizeObserver ? t && !t.destroyed && t.initialized && (n = new ResizeObserver((e => { l = i.requestAnimationFrame((() => { const { width: s, height: a } = t; let i = s, r = a; e.forEach((e => { let { contentBoxSize: s, contentRect: a, target: n } = e; n && n !== t.el || (i = a ? a.width : (s[0] || s).inlineSize, r = a ? a.height : (s[0] || s).blockSize) })), i === s && r === a || o() })) })), n.observe(t.el)) : (i.addEventListener("resize", o), i.addEventListener("orientationchange", d)) })), s("destroy", (() => { l && i.cancelAnimationFrame(l), n && n.unobserve && t.el && (n.unobserve(t.el), n = null), i.removeEventListener("resize", o), i.removeEventListener("orientationchange", d) })) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const n = [], l = r(), o = function (e, s) { void 0 === s && (s = {}); const a = new (l.MutationObserver || l.WebkitMutationObserver)((e => { if (t.__preventObserver__) return; if (1 === e.length) return void i("observerUpdate", e[0]); const s = function () { i("observerUpdate", e[0]) }; l.requestAnimationFrame ? l.requestAnimationFrame(s) : l.setTimeout(s, 0) })); a.observe(e, { attributes: void 0 === s.attributes || s.attributes, childList: void 0 === s.childList || s.childList, characterData: void 0 === s.characterData || s.characterData }), n.push(a) }; s({ observer: !1, observeParents: !1, observeSlideChildren: !1 }), a("init", (() => { if (t.params.observer) { if (t.params.observeParents) { const e = b(t.hostEl); for (let t = 0; t < e.length; t += 1)o(e[t]) } o(t.hostEl, { childList: t.params.observeSlideChildren }), o(t.wrapperEl, { attributes: !1 }) } })), a("destroy", (() => { n.forEach((e => { e.disconnect() })), n.splice(0, n.length) })) }]); const ce = [function (e) { let t, { swiper: s, extendParams: i, on: r, emit: n } = e; i({ virtual: { enabled: !1, slides: [], cache: !0, renderSlide: null, renderExternal: null, renderExternalUpdate: !0, addSlidesBefore: 0, addSlidesAfter: 0 } }); const l = a(); s.virtual = { cache: {}, from: void 0, to: void 0, slides: [], offset: 0, slidesGrid: [] }; const o = l.createElement("div"); function d(e, t) { const a = s.params.virtual; if (a.cache && s.virtual.cache[t]) return s.virtual.cache[t]; let i; return a.renderSlide ? (i = a.renderSlide.call(s, e, t), "string" == typeof i && (o.innerHTML = i, i = o.children[0])) : i = s.isElement ? f("swiper-slide") : f("div", s.params.slideClass), i.setAttribute("data-swiper-slide-index", t), a.renderSlide || (i.innerHTML = e), a.cache && (s.virtual.cache[t] = i), i } function c(e) { const { slidesPerView: t, slidesPerGroup: a, centeredSlides: i, loop: r } = s.params, { addSlidesBefore: l, addSlidesAfter: o } = s.params.virtual, { from: c, to: p, slides: u, slidesGrid: m, offset: f } = s.virtual; s.params.cssMode || s.updateActiveIndex(); const g = s.activeIndex || 0; let v, w, b; v = s.rtlTranslate ? "right" : s.isHorizontal() ? "left" : "top", i ? (w = Math.floor(t / 2) + a + o, b = Math.floor(t / 2) + a + l) : (w = t + (a - 1) + o, b = (r ? t : a) + l); let y = g - b, E = g + w; r || (y = Math.max(y, 0), E = Math.min(E, u.length - 1)); let x = (s.slidesGrid[y] || 0) - (s.slidesGrid[0] || 0); function S() { s.updateSlides(), s.updateProgress(), s.updateSlidesClasses(), n("virtualUpdate") } if (r && g >= b ? (y -= b, i || (x += s.slidesGrid[0])) : r && g < b && (y = -b, i && (x += s.slidesGrid[0])), Object.assign(s.virtual, { from: y, to: E, offset: x, slidesGrid: s.slidesGrid, slidesBefore: b, slidesAfter: w }), c === y && p === E && !e) return s.slidesGrid !== m && x !== f && s.slides.forEach((e => { e.style[v] = x - Math.abs(s.cssOverflowAdjustment()) + "px" })), s.updateProgress(), void n("virtualUpdate"); if (s.params.virtual.renderExternal) return s.params.virtual.renderExternal.call(s, { offset: x, from: y, to: E, slides: function () { const e = []; for (let t = y; t <= E; t += 1)e.push(u[t]); return e }() }), void (s.params.virtual.renderExternalUpdate ? S() : n("virtualUpdate")); const T = [], M = [], C = e => { let t = e; return e < 0 ? t = u.length + e : t >= u.length && (t -= u.length), t }; if (e) s.slidesEl.querySelectorAll(`.${s.params.slideClass}, swiper-slide`).forEach((e => { e.remove() })); else for (let e = c; e <= p; e += 1)if (e < y || e > E) { const t = C(e); s.slidesEl.querySelectorAll(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`).forEach((e => { e.remove() })) } const P = r ? -u.length : 0, L = r ? 2 * u.length : u.length; for (let t = P; t < L; t += 1)if (t >= y && t <= E) { const s = C(t); void 0 === p || e ? M.push(s) : (t > p && M.push(s), t < c && T.push(s)) } if (M.forEach((e => { s.slidesEl.append(d(u[e], e)) })), r) for (let e = T.length - 1; e >= 0; e -= 1) { const t = T[e]; s.slidesEl.prepend(d(u[t], t)) } else T.sort(((e, t) => t - e)), T.forEach((e => { s.slidesEl.prepend(d(u[e], e)) })); h(s.slidesEl, ".swiper-slide, swiper-slide").forEach((e => { e.style[v] = x - Math.abs(s.cssOverflowAdjustment()) + "px" })), S() } r("beforeInit", (() => { if (!s.params.virtual.enabled) return; let e; if (void 0 === s.passedParams.virtual.slides) { const t = [...s.slidesEl.children].filter((e => e.matches(`.${s.params.slideClass}, swiper-slide`))); t && t.length && (s.virtual.slides = [...t], e = !0, t.forEach(((e, t) => { e.setAttribute("data-swiper-slide-index", t), s.virtual.cache[t] = e, e.remove() }))) } e || (s.virtual.slides = s.params.virtual.slides), s.classNames.push(`${s.params.containerModifierClass}virtual`), s.params.watchSlidesProgress = !0, s.originalParams.watchSlidesProgress = !0, s.params.initialSlide || c() })), r("setTranslate", (() => { s.params.virtual.enabled && (s.params.cssMode && !s._immediateVirtual ? (clearTimeout(t), t = setTimeout((() => { c() }), 100)) : c()) })), r("init update resize", (() => { s.params.virtual.enabled && s.params.cssMode && p(s.wrapperEl, "--swiper-virtual-size", `${s.virtualSize}px`) })), Object.assign(s.virtual, { appendSlide: function (e) { if ("object" == typeof e && "length" in e) for (let t = 0; t < e.length; t += 1)e[t] && s.virtual.slides.push(e[t]); else s.virtual.slides.push(e); c(!0) }, prependSlide: function (e) { const t = s.activeIndex; let a = t + 1, i = 1; if (Array.isArray(e)) { for (let t = 0; t < e.length; t += 1)e[t] && s.virtual.slides.unshift(e[t]); a = t + e.length, i = e.length } else s.virtual.slides.unshift(e); if (s.params.virtual.cache) { const e = s.virtual.cache, t = {}; Object.keys(e).forEach((s => { const a = e[s], r = a.getAttribute("data-swiper-slide-index"); r && a.setAttribute("data-swiper-slide-index", parseInt(r, 10) + i), t[parseInt(s, 10) + i] = a })), s.virtual.cache = t } c(!0), s.slideTo(a, 0) }, removeSlide: function (e) { if (null == e) return; let t = s.activeIndex; if (Array.isArray(e)) for (let a = e.length - 1; a >= 0; a -= 1)s.virtual.slides.splice(e[a], 1), s.params.virtual.cache && delete s.virtual.cache[e[a]], e[a] < t && (t -= 1), t = Math.max(t, 0); else s.virtual.slides.splice(e, 1), s.params.virtual.cache && delete s.virtual.cache[e], e < t && (t -= 1), t = Math.max(t, 0); c(!0), s.slideTo(t, 0) }, removeAllSlides: function () { s.virtual.slides = [], s.params.virtual.cache && (s.virtual.cache = {}), c(!0), s.slideTo(0, 0) }, update: c }) }, function (e) { let { swiper: t, extendParams: s, on: i, emit: n } = e; const l = a(), o = r(); function d(e) { if (!t.enabled) return; const { rtlTranslate: s } = t; let a = e; a.originalEvent && (a = a.originalEvent); const i = a.keyCode || a.charCode, r = t.params.keyboard.pageUpDown, d = r && 33 === i, c = r && 34 === i, p = 37 === i, u = 39 === i, m = 38 === i, h = 40 === i; if (!t.allowSlideNext && (t.isHorizontal() && u || t.isVertical() && h || c)) return !1; if (!t.allowSlidePrev && (t.isHorizontal() && p || t.isVertical() && m || d)) return !1; if (!(a.shiftKey || a.altKey || a.ctrlKey || a.metaKey || l.activeElement && l.activeElement.nodeName && ("input" === l.activeElement.nodeName.toLowerCase() || "textarea" === l.activeElement.nodeName.toLowerCase()))) { if (t.params.keyboard.onlyInViewport && (d || c || p || u || m || h)) { let e = !1; if (b(t.el, `.${t.params.slideClass}, swiper-slide`).length > 0 && 0 === b(t.el, `.${t.params.slideActiveClass}`).length) return; const a = t.el, i = a.clientWidth, r = a.clientHeight, n = o.innerWidth, l = o.innerHeight, d = g(a); s && (d.left -= a.scrollLeft); const c = [[d.left, d.top], [d.left + i, d.top], [d.left, d.top + r], [d.left + i, d.top + r]]; for (let t = 0; t < c.length; t += 1) { const s = c[t]; if (s[0] >= 0 && s[0] <= n && s[1] >= 0 && s[1] <= l) { if (0 === s[0] && 0 === s[1]) continue; e = !0 } } if (!e) return } t.isHorizontal() ? ((d || c || p || u) && (a.preventDefault ? a.preventDefault() : a.returnValue = !1), ((c || u) && !s || (d || p) && s) && t.slideNext(), ((d || p) && !s || (c || u) && s) && t.slidePrev()) : ((d || c || m || h) && (a.preventDefault ? a.preventDefault() : a.returnValue = !1), (c || h) && t.slideNext(), (d || m) && t.slidePrev()), n("keyPress", i) } } function c() { t.keyboard.enabled || (l.addEventListener("keydown", d), t.keyboard.enabled = !0) } function p() { t.keyboard.enabled && (l.removeEventListener("keydown", d), t.keyboard.enabled = !1) } t.keyboard = { enabled: !1 }, s({ keyboard: { enabled: !1, onlyInViewport: !0, pageUpDown: !0 } }), i("init", (() => { t.params.keyboard.enabled && c() })), i("destroy", (() => { t.keyboard.enabled && p() })), Object.assign(t.keyboard, { enable: c, disable: p }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const o = r(); let d; s({ mousewheel: { enabled: !1, releaseOnEdges: !1, invert: !1, forceToAxis: !1, sensitivity: 1, eventsTarget: "container", thresholdDelta: null, thresholdTime: null, noMousewheelClass: "swiper-no-mousewheel" } }), t.mousewheel = { enabled: !1 }; let c, p = l(); const u = []; function m() { t.enabled && (t.mouseEntered = !0) } function h() { t.enabled && (t.mouseEntered = !1) } function f(e) { return !(t.params.mousewheel.thresholdDelta && e.delta < t.params.mousewheel.thresholdDelta) && (!(t.params.mousewheel.thresholdTime && l() - p < t.params.mousewheel.thresholdTime) && (e.delta >= 6 && l() - p < 60 || (e.direction < 0 ? t.isEnd && !t.params.loop || t.animating || (t.slideNext(), i("scroll", e.raw)) : t.isBeginning && !t.params.loop || t.animating || (t.slidePrev(), i("scroll", e.raw)), p = (new o.Date).getTime(), !1))) } function g(e) { let s = e, a = !0; if (!t.enabled) return; if (e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`)) return; const r = t.params.mousewheel; t.params.cssMode && s.preventDefault(); let o = t.el; "container" !== t.params.mousewheel.eventsTarget && (o = document.querySelector(t.params.mousewheel.eventsTarget)); const p = o && o.contains(s.target); if (!t.mouseEntered && !p && !r.releaseOnEdges) return !0; s.originalEvent && (s = s.originalEvent); let m = 0; const h = t.rtlTranslate ? -1 : 1, g = function (e) { let t = 0, s = 0, a = 0, i = 0; return "detail" in e && (s = e.detail), "wheelDelta" in e && (s = -e.wheelDelta / 120), "wheelDeltaY" in e && (s = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (t = s, s = 0), a = 10 * t, i = 10 * s, "deltaY" in e && (i = e.deltaY), "deltaX" in e && (a = e.deltaX), e.shiftKey && !a && (a = i, i = 0), (a || i) && e.deltaMode && (1 === e.deltaMode ? (a *= 40, i *= 40) : (a *= 800, i *= 800)), a && !t && (t = a < 1 ? -1 : 1), i && !s && (s = i < 1 ? -1 : 1), { spinX: t, spinY: s, pixelX: a, pixelY: i } }(s); if (r.forceToAxis) if (t.isHorizontal()) { if (!(Math.abs(g.pixelX) > Math.abs(g.pixelY))) return !0; m = -g.pixelX * h } else { if (!(Math.abs(g.pixelY) > Math.abs(g.pixelX))) return !0; m = -g.pixelY } else m = Math.abs(g.pixelX) > Math.abs(g.pixelY) ? -g.pixelX * h : -g.pixelY; if (0 === m) return !0; r.invert && (m = -m); let v = t.getTranslate() + m * r.sensitivity; if (v >= t.minTranslate() && (v = t.minTranslate()), v <= t.maxTranslate() && (v = t.maxTranslate()), a = !!t.params.loop || !(v === t.minTranslate() || v === t.maxTranslate()), a && t.params.nested && s.stopPropagation(), t.params.freeMode && t.params.freeMode.enabled) { const e = { time: l(), delta: Math.abs(m), direction: Math.sign(m) }, a = c && e.time < c.time + 500 && e.delta <= c.delta && e.direction === c.direction; if (!a) { c = void 0; let l = t.getTranslate() + m * r.sensitivity; const o = t.isBeginning, p = t.isEnd; if (l >= t.minTranslate() && (l = t.minTranslate()), l <= t.maxTranslate() && (l = t.maxTranslate()), t.setTransition(0), t.setTranslate(l), t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses(), (!o && t.isBeginning || !p && t.isEnd) && t.updateSlidesClasses(), t.params.loop && t.loopFix({ direction: e.direction < 0 ? "next" : "prev", byMousewheel: !0 }), t.params.freeMode.sticky) { clearTimeout(d), d = void 0, u.length >= 15 && u.shift(); const s = u.length ? u[u.length - 1] : void 0, a = u[0]; if (u.push(e), s && (e.delta > s.delta || e.direction !== s.direction)) u.splice(0); else if (u.length >= 15 && e.time - a.time < 500 && a.delta - e.delta >= 1 && e.delta <= 6) { const s = m > 0 ? .8 : .2; c = e, u.splice(0), d = n((() => { t.slideToClosest(t.params.speed, !0, void 0, s) }), 0) } d || (d = n((() => { c = e, u.splice(0), t.slideToClosest(t.params.speed, !0, void 0, .5) }), 500)) } if (a || i("scroll", s), t.params.autoplay && t.params.autoplayDisableOnInteraction && t.autoplay.stop(), r.releaseOnEdges && (l === t.minTranslate() || l === t.maxTranslate())) return !0 } } else { const s = { time: l(), delta: Math.abs(m), direction: Math.sign(m), raw: e }; u.length >= 2 && u.shift(); const a = u.length ? u[u.length - 1] : void 0; if (u.push(s), a ? (s.direction !== a.direction || s.delta > a.delta || s.time > a.time + 150) && f(s) : f(s), function (e) { const s = t.params.mousewheel; if (e.direction < 0) { if (t.isEnd && !t.params.loop && s.releaseOnEdges) return !0 } else if (t.isBeginning && !t.params.loop && s.releaseOnEdges) return !0; return !1 }(s)) return !0 } return s.preventDefault ? s.preventDefault() : s.returnValue = !1, !1 } function v(e) { let s = t.el; "container" !== t.params.mousewheel.eventsTarget && (s = document.querySelector(t.params.mousewheel.eventsTarget)), s[e]("mouseenter", m), s[e]("mouseleave", h), s[e]("wheel", g) } function w() { return t.params.cssMode ? (t.wrapperEl.removeEventListener("wheel", g), !0) : !t.mousewheel.enabled && (v("addEventListener"), t.mousewheel.enabled = !0, !0) } function b() { return t.params.cssMode ? (t.wrapperEl.addEventListener(event, g), !0) : !!t.mousewheel.enabled && (v("removeEventListener"), t.mousewheel.enabled = !1, !0) } a("init", (() => { !t.params.mousewheel.enabled && t.params.cssMode && b(), t.params.mousewheel.enabled && w() })), a("destroy", (() => { t.params.cssMode && w(), t.mousewheel.enabled && b() })), Object.assign(t.mousewheel, { enable: w, disable: b }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; s({ navigation: { nextEl: null, prevEl: null, hideOnClick: !1, disabledClass: "swiper-button-disabled", hiddenClass: "swiper-button-hidden", lockClass: "swiper-button-lock", navigationDisabledClass: "swiper-navigation-disabled" } }), t.navigation = { nextEl: null, prevEl: null }; const r = e => (Array.isArray(e) ? e : [e]).filter((e => !!e)); function n(e) { let s; return e && "string" == typeof e && t.isElement && (s = t.el.querySelector(e), s) ? s : (e && ("string" == typeof e && (s = [...document.querySelectorAll(e)]), t.params.uniqueNavElements && "string" == typeof e && s.length > 1 && 1 === t.el.querySelectorAll(e).length && (s = t.el.querySelector(e))), e && !s ? e : s) } function l(e, s) { const a = t.params.navigation; (e = r(e)).forEach((e => { e && (e.classList[s ? "add" : "remove"](...a.disabledClass.split(" ")), "BUTTON" === e.tagName && (e.disabled = s), t.params.watchOverflow && t.enabled && e.classList[t.isLocked ? "add" : "remove"](a.lockClass)) })) } function o() { const { nextEl: e, prevEl: s } = t.navigation; if (t.params.loop) return l(s, !1), void l(e, !1); l(s, t.isBeginning && !t.params.rewind), l(e, t.isEnd && !t.params.rewind) } function d(e) { e.preventDefault(), (!t.isBeginning || t.params.loop || t.params.rewind) && (t.slidePrev(), i("navigationPrev")) } function c(e) { e.preventDefault(), (!t.isEnd || t.params.loop || t.params.rewind) && (t.slideNext(), i("navigationNext")) } function p() { const e = t.params.navigation; if (t.params.navigation = J(t, t.originalParams.navigation, t.params.navigation, { nextEl: "swiper-button-next", prevEl: "swiper-button-prev" }), !e.nextEl && !e.prevEl) return; let s = n(e.nextEl), a = n(e.prevEl); Object.assign(t.navigation, { nextEl: s, prevEl: a }), s = r(s), a = r(a); const i = (s, a) => { s && s.addEventListener("click", "next" === a ? c : d), !t.enabled && s && s.classList.add(...e.lockClass.split(" ")) }; s.forEach((e => i(e, "next"))), a.forEach((e => i(e, "prev"))) } function u() { let { nextEl: e, prevEl: s } = t.navigation; e = r(e), s = r(s); const a = (e, s) => { e.removeEventListener("click", "next" === s ? c : d), e.classList.remove(...t.params.navigation.disabledClass.split(" ")) }; e.forEach((e => a(e, "next"))), s.forEach((e => a(e, "prev"))) } a("init", (() => { !1 === t.params.navigation.enabled ? m() : (p(), o()) })), a("toEdge fromEdge lock unlock", (() => { o() })), a("destroy", (() => { u() })), a("enable disable", (() => { let { nextEl: e, prevEl: s } = t.navigation; e = r(e), s = r(s), [...e, ...s].filter((e => !!e)).forEach((e => e.classList[t.enabled ? "remove" : "add"](t.params.navigation.lockClass))) })), a("click", ((e, s) => { let { nextEl: a, prevEl: n } = t.navigation; a = r(a), n = r(n); const l = s.target; if (t.params.navigation.hideOnClick && !n.includes(l) && !a.includes(l)) { if (t.pagination && t.params.pagination && t.params.pagination.clickable && (t.pagination.el === l || t.pagination.el.contains(l))) return; let e; a.length ? e = a[0].classList.contains(t.params.navigation.hiddenClass) : n.length && (e = n[0].classList.contains(t.params.navigation.hiddenClass)), i(!0 === e ? "navigationShow" : "navigationHide"), [...a, ...n].filter((e => !!e)).forEach((e => e.classList.toggle(t.params.navigation.hiddenClass))) } })); const m = () => { t.el.classList.add(...t.params.navigation.navigationDisabledClass.split(" ")), u() }; Object.assign(t.navigation, { enable: () => { t.el.classList.remove(...t.params.navigation.navigationDisabledClass.split(" ")), p(), o() }, disable: m, update: o, init: p, destroy: u }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const r = "swiper-pagination"; let n; s({ pagination: { el: null, bulletElement: "span", clickable: !1, hideOnClick: !1, renderBullet: null, renderProgressbar: null, renderFraction: null, renderCustom: null, progressbarOpposite: !1, type: "bullets", dynamicBullets: !1, dynamicMainBullets: 1, formatFractionCurrent: e => e, formatFractionTotal: e => e, bulletClass: `${r}-bullet`, bulletActiveClass: `${r}-bullet-active`, modifierClass: `${r}-`, currentClass: `${r}-current`, totalClass: `${r}-total`, hiddenClass: `${r}-hidden`, progressbarFillClass: `${r}-progressbar-fill`, progressbarOppositeClass: `${r}-progressbar-opposite`, clickableClass: `${r}-clickable`, lockClass: `${r}-lock`, horizontalClass: `${r}-horizontal`, verticalClass: `${r}-vertical`, paginationDisabledClass: `${r}-disabled` } }), t.pagination = { el: null, bullets: [] }; let l = 0; const o = e => (Array.isArray(e) ? e : [e]).filter((e => !!e)); function d() { return !t.params.pagination.el || !t.pagination.el || Array.isArray(t.pagination.el) && 0 === t.pagination.el.length } function c(e, s) { const { bulletActiveClass: a } = t.params.pagination; e && (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) && (e.classList.add(`${a}-${s}`), (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) && e.classList.add(`${a}-${s}-${s}`)) } function p(e) { const s = e.target.closest(ee(t.params.pagination.bulletClass)); if (!s) return; e.preventDefault(); const a = w(s) * t.params.slidesPerGroup; if (t.params.loop) { if (t.realIndex === a) return; const e = t.realIndex, s = t.getSlideIndexByData(a), i = t.getSlideIndexByData(t.realIndex); if (s > t.slides.length - t.loopedSlides) { const a = t.activeIndex; t.loopFix({ direction: s > i ? "next" : "prev", activeSlideIndex: s, slideTo: !1 }); a === t.activeIndex && t.slideToLoop(e, 0, !1, !0) } t.slideToLoop(a) } else t.slideTo(a) } function u() { const e = t.rtl, s = t.params.pagination; if (d()) return; let a, r, p = t.pagination.el; p = o(p); const u = t.virtual && t.params.virtual.enabled ? t.virtual.slides.length : t.slides.length, m = t.params.loop ? Math.ceil(u / t.params.slidesPerGroup) : t.snapGrid.length; if (t.params.loop ? (r = t.previousRealIndex || 0, a = t.params.slidesPerGroup > 1 ? Math.floor(t.realIndex / t.params.slidesPerGroup) : t.realIndex) : void 0 !== t.snapIndex ? (a = t.snapIndex, r = t.previousSnapIndex) : (r = t.previousIndex || 0, a = t.activeIndex || 0), "bullets" === s.type && t.pagination.bullets && t.pagination.bullets.length > 0) { const i = t.pagination.bullets; let o, d, u; if (s.dynamicBullets && (n = E(i[0], t.isHorizontal() ? "width" : "height", !0), p.forEach((e => { e.style[t.isHorizontal() ? "width" : "height"] = n * (s.dynamicMainBullets + 4) + "px" })), s.dynamicMainBullets > 1 && void 0 !== r && (l += a - (r || 0), l > s.dynamicMainBullets - 1 ? l = s.dynamicMainBullets - 1 : l < 0 && (l = 0)), o = Math.max(a - l, 0), d = o + (Math.min(i.length, s.dynamicMainBullets) - 1), u = (d + o) / 2), i.forEach((e => { const t = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((e => `${s.bulletActiveClass}${e}`))].map((e => "string" == typeof e && e.includes(" ") ? e.split(" ") : e)).flat(); e.classList.remove(...t) })), p.length > 1) i.forEach((e => { const i = w(e); i === a ? e.classList.add(...s.bulletActiveClass.split(" ")) : t.isElement && e.setAttribute("part", "bullet"), s.dynamicBullets && (i >= o && i <= d && e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")), i === o && c(e, "prev"), i === d && c(e, "next")) })); else { const e = i[a]; if (e && e.classList.add(...s.bulletActiveClass.split(" ")), t.isElement && i.forEach(((e, t) => { e.setAttribute("part", t === a ? "bullet-active" : "bullet") })), s.dynamicBullets) { const e = i[o], t = i[d]; for (let e = o; e <= d; e += 1)i[e] && i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" ")); c(e, "prev"), c(t, "next") } } if (s.dynamicBullets) { const a = Math.min(i.length, s.dynamicMainBullets + 4), r = (n * a - n) / 2 - u * n, l = e ? "right" : "left"; i.forEach((e => { e.style[t.isHorizontal() ? l : "top"] = `${r}px` })) } } p.forEach(((e, r) => { if ("fraction" === s.type && (e.querySelectorAll(ee(s.currentClass)).forEach((e => { e.textContent = s.formatFractionCurrent(a + 1) })), e.querySelectorAll(ee(s.totalClass)).forEach((e => { e.textContent = s.formatFractionTotal(m) }))), "progressbar" === s.type) { let i; i = s.progressbarOpposite ? t.isHorizontal() ? "vertical" : "horizontal" : t.isHorizontal() ? "horizontal" : "vertical"; const r = (a + 1) / m; let n = 1, l = 1; "horizontal" === i ? n = r : l = r, e.querySelectorAll(ee(s.progressbarFillClass)).forEach((e => { e.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${l})`, e.style.transitionDuration = `${t.params.speed}ms` })) } "custom" === s.type && s.renderCustom ? (e.innerHTML = s.renderCustom(t, a + 1, m), 0 === r && i("paginationRender", e)) : (0 === r && i("paginationRender", e), i("paginationUpdate", e)), t.params.watchOverflow && t.enabled && e.classList[t.isLocked ? "add" : "remove"](s.lockClass) })) } function m() { const e = t.params.pagination; if (d()) return; const s = t.virtual && t.params.virtual.enabled ? t.virtual.slides.length : t.slides.length; let a = t.pagination.el; a = o(a); let r = ""; if ("bullets" === e.type) { let a = t.params.loop ? Math.ceil(s / t.params.slidesPerGroup) : t.snapGrid.length; t.params.freeMode && t.params.freeMode.enabled && a > s && (a = s); for (let s = 0; s < a; s += 1)e.renderBullet ? r += e.renderBullet.call(t, s, e.bulletClass) : r += `<${e.bulletElement} ${t.isElement ? 'part="bullet"' : ""} class="${e.bulletClass}">` } "fraction" === e.type && (r = e.renderFraction ? e.renderFraction.call(t, e.currentClass, e.totalClass) : ` / `), "progressbar" === e.type && (r = e.renderProgressbar ? e.renderProgressbar.call(t, e.progressbarFillClass) : ``), t.pagination.bullets = [], a.forEach((s => { "custom" !== e.type && (s.innerHTML = r || ""), "bullets" === e.type && t.pagination.bullets.push(...s.querySelectorAll(ee(e.bulletClass))) })), "custom" !== e.type && i("paginationRender", a[0]) } function h() { t.params.pagination = J(t, t.originalParams.pagination, t.params.pagination, { el: "swiper-pagination" }); const e = t.params.pagination; if (!e.el) return; let s; "string" == typeof e.el && t.isElement && (s = t.el.querySelector(e.el)), s || "string" != typeof e.el || (s = [...document.querySelectorAll(e.el)]), s || (s = e.el), s && 0 !== s.length && (t.params.uniqueNavElements && "string" == typeof e.el && Array.isArray(s) && s.length > 1 && (s = [...t.el.querySelectorAll(e.el)], s.length > 1 && (s = s.filter((e => b(e, ".swiper")[0] === t.el))[0])), Array.isArray(s) && 1 === s.length && (s = s[0]), Object.assign(t.pagination, { el: s }), s = o(s), s.forEach((s => { "bullets" === e.type && e.clickable && s.classList.add(...(e.clickableClass || "").split(" ")), s.classList.add(e.modifierClass + e.type), s.classList.add(t.isHorizontal() ? e.horizontalClass : e.verticalClass), "bullets" === e.type && e.dynamicBullets && (s.classList.add(`${e.modifierClass}${e.type}-dynamic`), l = 0, e.dynamicMainBullets < 1 && (e.dynamicMainBullets = 1)), "progressbar" === e.type && e.progressbarOpposite && s.classList.add(e.progressbarOppositeClass), e.clickable && s.addEventListener("click", p), t.enabled || s.classList.add(e.lockClass) }))) } function f() { const e = t.params.pagination; if (d()) return; let s = t.pagination.el; s && (s = o(s), s.forEach((s => { s.classList.remove(e.hiddenClass), s.classList.remove(e.modifierClass + e.type), s.classList.remove(t.isHorizontal() ? e.horizontalClass : e.verticalClass), e.clickable && (s.classList.remove(...(e.clickableClass || "").split(" ")), s.removeEventListener("click", p)) }))), t.pagination.bullets && t.pagination.bullets.forEach((t => t.classList.remove(...e.bulletActiveClass.split(" ")))) } a("changeDirection", (() => { if (!t.pagination || !t.pagination.el) return; const e = t.params.pagination; let { el: s } = t.pagination; s = o(s), s.forEach((s => { s.classList.remove(e.horizontalClass, e.verticalClass), s.classList.add(t.isHorizontal() ? e.horizontalClass : e.verticalClass) })) })), a("init", (() => { !1 === t.params.pagination.enabled ? g() : (h(), m(), u()) })), a("activeIndexChange", (() => { void 0 === t.snapIndex && u() })), a("snapIndexChange", (() => { u() })), a("snapGridLengthChange", (() => { m(), u() })), a("destroy", (() => { f() })), a("enable disable", (() => { let { el: e } = t.pagination; e && (e = o(e), e.forEach((e => e.classList[t.enabled ? "remove" : "add"](t.params.pagination.lockClass)))) })), a("lock unlock", (() => { u() })), a("click", ((e, s) => { const a = s.target, r = o(t.pagination.el); if (t.params.pagination.el && t.params.pagination.hideOnClick && r && r.length > 0 && !a.classList.contains(t.params.pagination.bulletClass)) { if (t.navigation && (t.navigation.nextEl && a === t.navigation.nextEl || t.navigation.prevEl && a === t.navigation.prevEl)) return; const e = r[0].classList.contains(t.params.pagination.hiddenClass); i(!0 === e ? "paginationShow" : "paginationHide"), r.forEach((e => e.classList.toggle(t.params.pagination.hiddenClass))) } })); const g = () => { t.el.classList.add(t.params.pagination.paginationDisabledClass); let { el: e } = t.pagination; e && (e = o(e), e.forEach((e => e.classList.add(t.params.pagination.paginationDisabledClass)))), f() }; Object.assign(t.pagination, { enable: () => { t.el.classList.remove(t.params.pagination.paginationDisabledClass); let { el: e } = t.pagination; e && (e = o(e), e.forEach((e => e.classList.remove(t.params.pagination.paginationDisabledClass)))), h(), m(), u() }, disable: g, render: m, update: u, init: h, destroy: f }) }, function (e) { let { swiper: t, extendParams: s, on: i, emit: r } = e; const l = a(); let o, d, c, p, u = !1, m = null, h = null; function v() { if (!t.params.scrollbar.el || !t.scrollbar.el) return; const { scrollbar: e, rtlTranslate: s } = t, { dragEl: a, el: i } = e, r = t.params.scrollbar, n = t.params.loop ? t.progressLoop : t.progress; let l = d, o = (c - d) * n; s ? (o = -o, o > 0 ? (l = d - o, o = 0) : -o + d > c && (l = c + o)) : o < 0 ? (l = d + o, o = 0) : o + d > c && (l = c - o), t.isHorizontal() ? (a.style.transform = `translate3d(${o}px, 0, 0)`, a.style.width = `${l}px`) : (a.style.transform = `translate3d(0px, ${o}px, 0)`, a.style.height = `${l}px`), r.hide && (clearTimeout(m), i.style.opacity = 1, m = setTimeout((() => { i.style.opacity = 0, i.style.transitionDuration = "400ms" }), 1e3)) } function w() { if (!t.params.scrollbar.el || !t.scrollbar.el) return; const { scrollbar: e } = t, { dragEl: s, el: a } = e; s.style.width = "", s.style.height = "", c = t.isHorizontal() ? a.offsetWidth : a.offsetHeight, p = t.size / (t.virtualSize + t.params.slidesOffsetBefore - (t.params.centeredSlides ? t.snapGrid[0] : 0)), d = "auto" === t.params.scrollbar.dragSize ? c * p : parseInt(t.params.scrollbar.dragSize, 10), t.isHorizontal() ? s.style.width = `${d}px` : s.style.height = `${d}px`, a.style.display = p >= 1 ? "none" : "", t.params.scrollbar.hide && (a.style.opacity = 0), t.params.watchOverflow && t.enabled && e.el.classList[t.isLocked ? "add" : "remove"](t.params.scrollbar.lockClass) } function b(e) { return t.isHorizontal() ? e.clientX : e.clientY } function y(e) { const { scrollbar: s, rtlTranslate: a } = t, { el: i } = s; let r; r = (b(e) - g(i)[t.isHorizontal() ? "left" : "top"] - (null !== o ? o : d / 2)) / (c - d), r = Math.max(Math.min(r, 1), 0), a && (r = 1 - r); const n = t.minTranslate() + (t.maxTranslate() - t.minTranslate()) * r; t.updateProgress(n), t.setTranslate(n), t.updateActiveIndex(), t.updateSlidesClasses() } function E(e) { const s = t.params.scrollbar, { scrollbar: a, wrapperEl: i } = t, { el: n, dragEl: l } = a; u = !0, o = e.target === l ? b(e) - e.target.getBoundingClientRect()[t.isHorizontal() ? "left" : "top"] : null, e.preventDefault(), e.stopPropagation(), i.style.transitionDuration = "100ms", l.style.transitionDuration = "100ms", y(e), clearTimeout(h), n.style.transitionDuration = "0ms", s.hide && (n.style.opacity = 1), t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "none"), r("scrollbarDragStart", e) } function x(e) { const { scrollbar: s, wrapperEl: a } = t, { el: i, dragEl: n } = s; u && (e.preventDefault ? e.preventDefault() : e.returnValue = !1, y(e), a.style.transitionDuration = "0ms", i.style.transitionDuration = "0ms", n.style.transitionDuration = "0ms", r("scrollbarDragMove", e)) } function S(e) { const s = t.params.scrollbar, { scrollbar: a, wrapperEl: i } = t, { el: l } = a; u && (u = !1, t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "", i.style.transitionDuration = ""), s.hide && (clearTimeout(h), h = n((() => { l.style.opacity = 0, l.style.transitionDuration = "400ms" }), 1e3)), r("scrollbarDragEnd", e), s.snapOnRelease && t.slideToClosest()) } function T(e) { const { scrollbar: s, params: a } = t, i = s.el; if (!i) return; const r = i, n = !!a.passiveListeners && { passive: !1, capture: !1 }, o = !!a.passiveListeners && { passive: !0, capture: !1 }; if (!r) return; const d = "on" === e ? "addEventListener" : "removeEventListener"; r[d]("pointerdown", E, n), l[d]("pointermove", x, n), l[d]("pointerup", S, o) } function M() { const { scrollbar: e, el: s } = t; t.params.scrollbar = J(t, t.originalParams.scrollbar, t.params.scrollbar, { el: "swiper-scrollbar" }); const a = t.params.scrollbar; if (!a.el) return; let i, r; "string" == typeof a.el && t.isElement && (i = t.el.querySelector(a.el)), i || "string" != typeof a.el ? i || (i = a.el) : i = l.querySelectorAll(a.el), t.params.uniqueNavElements && "string" == typeof a.el && i.length > 1 && 1 === s.querySelectorAll(a.el).length && (i = s.querySelector(a.el)), i.length > 0 && (i = i[0]), i.classList.add(t.isHorizontal() ? a.horizontalClass : a.verticalClass), i && (r = i.querySelector(`.${t.params.scrollbar.dragClass}`), r || (r = f("div", t.params.scrollbar.dragClass), i.append(r))), Object.assign(e, { el: i, dragEl: r }), a.draggable && t.params.scrollbar.el && t.scrollbar.el && T("on"), i && i.classList[t.enabled ? "remove" : "add"](t.params.scrollbar.lockClass) } function C() { const e = t.params.scrollbar, s = t.scrollbar.el; s && s.classList.remove(t.isHorizontal() ? e.horizontalClass : e.verticalClass), t.params.scrollbar.el && t.scrollbar.el && T("off") } s({ scrollbar: { el: null, dragSize: "auto", hide: !1, draggable: !1, snapOnRelease: !0, lockClass: "swiper-scrollbar-lock", dragClass: "swiper-scrollbar-drag", scrollbarDisabledClass: "swiper-scrollbar-disabled", horizontalClass: "swiper-scrollbar-horizontal", verticalClass: "swiper-scrollbar-vertical" } }), t.scrollbar = { el: null, dragEl: null }, i("init", (() => { !1 === t.params.scrollbar.enabled ? P() : (M(), w(), v()) })), i("update resize observerUpdate lock unlock", (() => { w() })), i("setTranslate", (() => { v() })), i("setTransition", ((e, s) => { !function (e) { t.params.scrollbar.el && t.scrollbar.el && (t.scrollbar.dragEl.style.transitionDuration = `${e}ms`) }(s) })), i("enable disable", (() => { const { el: e } = t.scrollbar; e && e.classList[t.enabled ? "remove" : "add"](t.params.scrollbar.lockClass) })), i("destroy", (() => { C() })); const P = () => { t.el.classList.add(t.params.scrollbar.scrollbarDisabledClass), t.scrollbar.el && t.scrollbar.el.classList.add(t.params.scrollbar.scrollbarDisabledClass), C() }; Object.assign(t.scrollbar, { enable: () => { t.el.classList.remove(t.params.scrollbar.scrollbarDisabledClass), t.scrollbar.el && t.scrollbar.el.classList.remove(t.params.scrollbar.scrollbarDisabledClass), M(), w(), v() }, disable: P, updateSize: w, setTranslate: v, init: M, destroy: C }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ parallax: { enabled: !1 } }); const i = "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", r = (e, s) => { const { rtl: a } = t, i = a ? -1 : 1, r = e.getAttribute("data-swiper-parallax") || "0"; let n = e.getAttribute("data-swiper-parallax-x"), l = e.getAttribute("data-swiper-parallax-y"); const o = e.getAttribute("data-swiper-parallax-scale"), d = e.getAttribute("data-swiper-parallax-opacity"), c = e.getAttribute("data-swiper-parallax-rotate"); if (n || l ? (n = n || "0", l = l || "0") : t.isHorizontal() ? (n = r, l = "0") : (l = r, n = "0"), n = n.indexOf("%") >= 0 ? parseInt(n, 10) * s * i + "%" : n * s * i + "px", l = l.indexOf("%") >= 0 ? parseInt(l, 10) * s + "%" : l * s + "px", null != d) { const t = d - (d - 1) * (1 - Math.abs(s)); e.style.opacity = t } let p = `translate3d(${n}, ${l}, 0px)`; if (null != o) { p += ` scale(${o - (o - 1) * (1 - Math.abs(s))})` } if (c && null != c) { p += ` rotate(${c * s * -1}deg)` } e.style.transform = p }, n = () => { const { el: e, slides: s, progress: a, snapGrid: n, isElement: l } = t, o = h(e, i); t.isElement && o.push(...h(t.hostEl, i)), o.forEach((e => { r(e, a) })), s.forEach(((e, s) => { let l = e.progress; t.params.slidesPerGroup > 1 && "auto" !== t.params.slidesPerView && (l += Math.ceil(s / 2) - a * (n.length - 1)), l = Math.min(Math.max(l, -1), 1), e.querySelectorAll(`${i}, [data-swiper-parallax-rotate]`).forEach((e => { r(e, l) })) })) }; a("beforeInit", (() => { t.params.parallax.enabled && (t.params.watchSlidesProgress = !0, t.originalParams.watchSlidesProgress = !0) })), a("init", (() => { t.params.parallax.enabled && n() })), a("setTranslate", (() => { t.params.parallax.enabled && n() })), a("setTransition", ((e, s) => { t.params.parallax.enabled && function (e) { void 0 === e && (e = t.params.speed); const { el: s, hostEl: a } = t, r = [...s.querySelectorAll(i)]; t.isElement && r.push(...a.querySelectorAll(i)), r.forEach((t => { let s = parseInt(t.getAttribute("data-swiper-parallax-duration"), 10) || e; 0 === e && (s = 0), t.style.transitionDuration = `${s}ms` })) }(s) })) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const n = r(); s({ zoom: { enabled: !1, maxRatio: 3, minRatio: 1, toggle: !0, containerClass: "swiper-zoom-container", zoomedSlideClass: "swiper-slide-zoomed" } }), t.zoom = { enabled: !1 }; let l, d, c = 1, p = !1; const u = [], m = { originX: 0, originY: 0, slideEl: void 0, slideWidth: void 0, slideHeight: void 0, imageEl: void 0, imageWrapEl: void 0, maxRatio: 3 }, f = { isTouched: void 0, isMoved: void 0, currentX: void 0, currentY: void 0, minX: void 0, minY: void 0, maxX: void 0, maxY: void 0, width: void 0, height: void 0, startX: void 0, startY: void 0, touchesStart: {}, touchesCurrent: {} }, v = { x: void 0, y: void 0, prevPositionX: void 0, prevPositionY: void 0, prevTime: void 0 }; let w = 1; function y() { if (u.length < 2) return 1; const e = u[0].pageX, t = u[0].pageY, s = u[1].pageX, a = u[1].pageY; return Math.sqrt((s - e) ** 2 + (a - t) ** 2) } function E(e) { const s = t.isElement ? "swiper-slide" : `.${t.params.slideClass}`; return !!e.target.matches(s) || t.slides.filter((t => t.contains(e.target))).length > 0 } function x(e) { if ("mouse" === e.pointerType && u.splice(0, u.length), !E(e)) return; const s = t.params.zoom; if (l = !1, d = !1, u.push(e), !(u.length < 2)) { if (l = !0, m.scaleStart = y(), !m.slideEl) { m.slideEl = e.target.closest(`.${t.params.slideClass}, swiper-slide`), m.slideEl || (m.slideEl = t.slides[t.activeIndex]); let a = m.slideEl.querySelector(`.${s.containerClass}`); if (a && (a = a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = a, m.imageWrapEl = a ? b(m.imageEl, `.${s.containerClass}`)[0] : void 0, !m.imageWrapEl) return void (m.imageEl = void 0); m.maxRatio = m.imageWrapEl.getAttribute("data-swiper-zoom") || s.maxRatio } if (m.imageEl) { const [e, t] = function () { if (u.length < 2) return { x: null, y: null }; const e = m.imageEl.getBoundingClientRect(); return [(u[0].pageX + (u[1].pageX - u[0].pageX) / 2 - e.x) / c, (u[0].pageY + (u[1].pageY - u[0].pageY) / 2 - e.y) / c] }(); m.originX = e, m.originY = t, m.imageEl.style.transitionDuration = "0ms" } p = !0 } } function S(e) { if (!E(e)) return; const s = t.params.zoom, a = t.zoom, i = u.findIndex((t => t.pointerId === e.pointerId)); i >= 0 && (u[i] = e), u.length < 2 || (d = !0, m.scaleMove = y(), m.imageEl && (a.scale = m.scaleMove / m.scaleStart * c, a.scale > m.maxRatio && (a.scale = m.maxRatio - 1 + (a.scale - m.maxRatio + 1) ** .5), a.scale < s.minRatio && (a.scale = s.minRatio + 1 - (s.minRatio - a.scale + 1) ** .5), m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`)) } function T(e) { if (!E(e)) return; if ("mouse" === e.pointerType && "pointerout" === e.type) return; const s = t.params.zoom, a = t.zoom, i = u.findIndex((t => t.pointerId === e.pointerId)); i >= 0 && u.splice(i, 1), l && d && (l = !1, d = !1, m.imageEl && (a.scale = Math.max(Math.min(a.scale, m.maxRatio), s.minRatio), m.imageEl.style.transitionDuration = `${t.params.speed}ms`, m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`, c = a.scale, p = !1, a.scale > 1 && m.slideEl ? m.slideEl.classList.add(`${s.zoomedSlideClass}`) : a.scale <= 1 && m.slideEl && m.slideEl.classList.remove(`${s.zoomedSlideClass}`), 1 === a.scale && (m.originX = 0, m.originY = 0, m.slideEl = void 0))) } function M(e) { if (!E(e) || !function (e) { const s = `.${t.params.zoom.containerClass}`; return !!e.target.matches(s) || [...t.hostEl.querySelectorAll(s)].filter((t => t.contains(e.target))).length > 0 }(e)) return; const s = t.zoom; if (!m.imageEl) return; if (!f.isTouched || !m.slideEl) return; f.isMoved || (f.width = m.imageEl.offsetWidth, f.height = m.imageEl.offsetHeight, f.startX = o(m.imageWrapEl, "x") || 0, f.startY = o(m.imageWrapEl, "y") || 0, m.slideWidth = m.slideEl.offsetWidth, m.slideHeight = m.slideEl.offsetHeight, m.imageWrapEl.style.transitionDuration = "0ms"); const a = f.width * s.scale, i = f.height * s.scale; if (a < m.slideWidth && i < m.slideHeight) return; f.minX = Math.min(m.slideWidth / 2 - a / 2, 0), f.maxX = -f.minX, f.minY = Math.min(m.slideHeight / 2 - i / 2, 0), f.maxY = -f.minY, f.touchesCurrent.x = u.length > 0 ? u[0].pageX : e.pageX, f.touchesCurrent.y = u.length > 0 ? u[0].pageY : e.pageY; if (Math.max(Math.abs(f.touchesCurrent.x - f.touchesStart.x), Math.abs(f.touchesCurrent.y - f.touchesStart.y)) > 5 && (t.allowClick = !1), !f.isMoved && !p) { if (t.isHorizontal() && (Math.floor(f.minX) === Math.floor(f.startX) && f.touchesCurrent.x < f.touchesStart.x || Math.floor(f.maxX) === Math.floor(f.startX) && f.touchesCurrent.x > f.touchesStart.x)) return void (f.isTouched = !1); if (!t.isHorizontal() && (Math.floor(f.minY) === Math.floor(f.startY) && f.touchesCurrent.y < f.touchesStart.y || Math.floor(f.maxY) === Math.floor(f.startY) && f.touchesCurrent.y > f.touchesStart.y)) return void (f.isTouched = !1) } e.cancelable && e.preventDefault(), e.stopPropagation(), f.isMoved = !0; const r = (s.scale - c) / (m.maxRatio - t.params.zoom.minRatio), { originX: n, originY: l } = m; f.currentX = f.touchesCurrent.x - f.touchesStart.x + f.startX + r * (f.width - 2 * n), f.currentY = f.touchesCurrent.y - f.touchesStart.y + f.startY + r * (f.height - 2 * l), f.currentX < f.minX && (f.currentX = f.minX + 1 - (f.minX - f.currentX + 1) ** .8), f.currentX > f.maxX && (f.currentX = f.maxX - 1 + (f.currentX - f.maxX + 1) ** .8), f.currentY < f.minY && (f.currentY = f.minY + 1 - (f.minY - f.currentY + 1) ** .8), f.currentY > f.maxY && (f.currentY = f.maxY - 1 + (f.currentY - f.maxY + 1) ** .8), v.prevPositionX || (v.prevPositionX = f.touchesCurrent.x), v.prevPositionY || (v.prevPositionY = f.touchesCurrent.y), v.prevTime || (v.prevTime = Date.now()), v.x = (f.touchesCurrent.x - v.prevPositionX) / (Date.now() - v.prevTime) / 2, v.y = (f.touchesCurrent.y - v.prevPositionY) / (Date.now() - v.prevTime) / 2, Math.abs(f.touchesCurrent.x - v.prevPositionX) < 2 && (v.x = 0), Math.abs(f.touchesCurrent.y - v.prevPositionY) < 2 && (v.y = 0), v.prevPositionX = f.touchesCurrent.x, v.prevPositionY = f.touchesCurrent.y, v.prevTime = Date.now(), m.imageWrapEl.style.transform = `translate3d(${f.currentX}px, ${f.currentY}px,0)` } function C() { const e = t.zoom; m.slideEl && t.activeIndex !== t.slides.indexOf(m.slideEl) && (m.imageEl && (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), m.imageWrapEl && (m.imageWrapEl.style.transform = "translate3d(0,0,0)"), m.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`), e.scale = 1, c = 1, m.slideEl = void 0, m.imageEl = void 0, m.imageWrapEl = void 0, m.originX = 0, m.originY = 0) } function P(e) { const s = t.zoom, a = t.params.zoom; if (!m.slideEl) { e && e.target && (m.slideEl = e.target.closest(`.${t.params.slideClass}, swiper-slide`)), m.slideEl || (t.params.virtual && t.params.virtual.enabled && t.virtual ? m.slideEl = h(t.slidesEl, `.${t.params.slideActiveClass}`)[0] : m.slideEl = t.slides[t.activeIndex]); let s = m.slideEl.querySelector(`.${a.containerClass}`); s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = s, m.imageWrapEl = s ? b(m.imageEl, `.${a.containerClass}`)[0] : void 0 } if (!m.imageEl || !m.imageWrapEl) return; let i, r, l, o, d, p, u, v, w, y, E, x, S, T, M, C, P, L; t.params.cssMode && (t.wrapperEl.style.overflow = "hidden", t.wrapperEl.style.touchAction = "none"), m.slideEl.classList.add(`${a.zoomedSlideClass}`), void 0 === f.touchesStart.x && e ? (i = e.pageX, r = e.pageY) : (i = f.touchesStart.x, r = f.touchesStart.y); const z = "number" == typeof e ? e : null; 1 === c && z && (i = void 0, r = void 0), s.scale = z || m.imageWrapEl.getAttribute("data-swiper-zoom") || a.maxRatio, c = z || m.imageWrapEl.getAttribute("data-swiper-zoom") || a.maxRatio, !e || 1 === c && z ? (u = 0, v = 0) : (P = m.slideEl.offsetWidth, L = m.slideEl.offsetHeight, l = g(m.slideEl).left + n.scrollX, o = g(m.slideEl).top + n.scrollY, d = l + P / 2 - i, p = o + L / 2 - r, w = m.imageEl.offsetWidth, y = m.imageEl.offsetHeight, E = w * s.scale, x = y * s.scale, S = Math.min(P / 2 - E / 2, 0), T = Math.min(L / 2 - x / 2, 0), M = -S, C = -T, u = d * s.scale, v = p * s.scale, u < S && (u = S), u > M && (u = M), v < T && (v = T), v > C && (v = C)), z && 1 === s.scale && (m.originX = 0, m.originY = 0), m.imageWrapEl.style.transitionDuration = "300ms", m.imageWrapEl.style.transform = `translate3d(${u}px, ${v}px,0)`, m.imageEl.style.transitionDuration = "300ms", m.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})` } function L() { const e = t.zoom, s = t.params.zoom; if (!m.slideEl) { t.params.virtual && t.params.virtual.enabled && t.virtual ? m.slideEl = h(t.slidesEl, `.${t.params.slideActiveClass}`)[0] : m.slideEl = t.slides[t.activeIndex]; let e = m.slideEl.querySelector(`.${s.containerClass}`); e && (e = e.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = e, m.imageWrapEl = e ? b(m.imageEl, `.${s.containerClass}`)[0] : void 0 } m.imageEl && m.imageWrapEl && (t.params.cssMode && (t.wrapperEl.style.overflow = "", t.wrapperEl.style.touchAction = ""), e.scale = 1, c = 1, m.imageWrapEl.style.transitionDuration = "300ms", m.imageWrapEl.style.transform = "translate3d(0,0,0)", m.imageEl.style.transitionDuration = "300ms", m.imageEl.style.transform = "translate3d(0,0,0) scale(1)", m.slideEl.classList.remove(`${s.zoomedSlideClass}`), m.slideEl = void 0, m.originX = 0, m.originY = 0) } function z(e) { const s = t.zoom; s.scale && 1 !== s.scale ? L() : P(e) } function A() { return { passiveListener: !!t.params.passiveListeners && { passive: !0, capture: !1 }, activeListenerWithCapture: !t.params.passiveListeners || { passive: !1, capture: !0 } } } function $() { const e = t.zoom; if (e.enabled) return; e.enabled = !0; const { passiveListener: s, activeListenerWithCapture: a } = A(); t.wrapperEl.addEventListener("pointerdown", x, s), t.wrapperEl.addEventListener("pointermove", S, a), ["pointerup", "pointercancel", "pointerout"].forEach((e => { t.wrapperEl.addEventListener(e, T, s) })), t.wrapperEl.addEventListener("pointermove", M, a) } function I() { const e = t.zoom; if (!e.enabled) return; e.enabled = !1; const { passiveListener: s, activeListenerWithCapture: a } = A(); t.wrapperEl.removeEventListener("pointerdown", x, s), t.wrapperEl.removeEventListener("pointermove", S, a), ["pointerup", "pointercancel", "pointerout"].forEach((e => { t.wrapperEl.removeEventListener(e, T, s) })), t.wrapperEl.removeEventListener("pointermove", M, a) } Object.defineProperty(t.zoom, "scale", { get: () => w, set(e) { if (w !== e) { const t = m.imageEl, s = m.slideEl; i("zoomChange", e, t, s) } w = e } }), a("init", (() => { t.params.zoom.enabled && $() })), a("destroy", (() => { I() })), a("touchStart", ((e, s) => { t.zoom.enabled && function (e) { const s = t.device; if (!m.imageEl) return; if (f.isTouched) return; s.android && e.cancelable && e.preventDefault(), f.isTouched = !0; const a = u.length > 0 ? u[0] : e; f.touchesStart.x = a.pageX, f.touchesStart.y = a.pageY }(s) })), a("touchEnd", ((e, s) => { t.zoom.enabled && function () { const e = t.zoom; if (!m.imageEl) return; if (!f.isTouched || !f.isMoved) return f.isTouched = !1, void (f.isMoved = !1); f.isTouched = !1, f.isMoved = !1; let s = 300, a = 300; const i = v.x * s, r = f.currentX + i, n = v.y * a, l = f.currentY + n; 0 !== v.x && (s = Math.abs((r - f.currentX) / v.x)), 0 !== v.y && (a = Math.abs((l - f.currentY) / v.y)); const o = Math.max(s, a); f.currentX = r, f.currentY = l; const d = f.width * e.scale, c = f.height * e.scale; f.minX = Math.min(m.slideWidth / 2 - d / 2, 0), f.maxX = -f.minX, f.minY = Math.min(m.slideHeight / 2 - c / 2, 0), f.maxY = -f.minY, f.currentX = Math.max(Math.min(f.currentX, f.maxX), f.minX), f.currentY = Math.max(Math.min(f.currentY, f.maxY), f.minY), m.imageWrapEl.style.transitionDuration = `${o}ms`, m.imageWrapEl.style.transform = `translate3d(${f.currentX}px, ${f.currentY}px,0)` }() })), a("doubleTap", ((e, s) => { !t.animating && t.params.zoom.enabled && t.zoom.enabled && t.params.zoom.toggle && z(s) })), a("transitionEnd", (() => { t.zoom.enabled && t.params.zoom.enabled && C() })), a("slideChange", (() => { t.zoom.enabled && t.params.zoom.enabled && t.params.cssMode && C() })), Object.assign(t.zoom, { enable: $, disable: I, in: P, out: L, toggle: z }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; function i(e, t) { const s = function () { let e, t, s; return (a, i) => { for (t = -1, e = a.length; e - t > 1;)s = e + t >> 1, a[s] <= i ? t = s : e = s; return e } }(); let a, i; return this.x = e, this.y = t, this.lastIndex = e.length - 1, this.interpolate = function (e) { return e ? (i = s(this.x, e), a = i - 1, (e - this.x[a]) * (this.y[i] - this.y[a]) / (this.x[i] - this.x[a]) + this.y[a]) : 0 }, this } function r() { t.controller.control && t.controller.spline && (t.controller.spline = void 0, delete t.controller.spline) } s({ controller: { control: void 0, inverse: !1, by: "slide" } }), t.controller = { control: void 0 }, a("beforeInit", (() => { if ("undefined" != typeof window && ("string" == typeof t.params.controller.control || t.params.controller.control instanceof HTMLElement)) { const e = document.querySelector(t.params.controller.control); if (e && e.swiper) t.controller.control = e.swiper; else if (e) { const s = a => { t.controller.control = a.detail[0], t.update(), e.removeEventListener("init", s) }; e.addEventListener("init", s) } } else t.controller.control = t.params.controller.control })), a("update", (() => { r() })), a("resize", (() => { r() })), a("observerUpdate", (() => { r() })), a("setTranslate", ((e, s, a) => { t.controller.control && !t.controller.control.destroyed && t.controller.setTranslate(s, a) })), a("setTransition", ((e, s, a) => { t.controller.control && !t.controller.control.destroyed && t.controller.setTransition(s, a) })), Object.assign(t.controller, { setTranslate: function (e, s) { const a = t.controller.control; let r, n; const l = t.constructor; function o(e) { if (e.destroyed) return; const s = t.rtlTranslate ? -t.translate : t.translate; "slide" === t.params.controller.by && (!function (e) { t.controller.spline = t.params.loop ? new i(t.slidesGrid, e.slidesGrid) : new i(t.snapGrid, e.snapGrid) }(e), n = -t.controller.spline.interpolate(-s)), n && "container" !== t.params.controller.by || (r = (e.maxTranslate() - e.minTranslate()) / (t.maxTranslate() - t.minTranslate()), !Number.isNaN(r) && Number.isFinite(r) || (r = 1), n = (s - t.minTranslate()) * r + e.minTranslate()), t.params.controller.inverse && (n = e.maxTranslate() - n), e.updateProgress(n), e.setTranslate(n, t), e.updateActiveIndex(), e.updateSlidesClasses() } if (Array.isArray(a)) for (let e = 0; e < a.length; e += 1)a[e] !== s && a[e] instanceof l && o(a[e]); else a instanceof l && s !== a && o(a) }, setTransition: function (e, s) { const a = t.constructor, i = t.controller.control; let r; function l(s) { s.destroyed || (s.setTransition(e, t), 0 !== e && (s.transitionStart(), s.params.autoHeight && n((() => { s.updateAutoHeight() })), y(s.wrapperEl, (() => { i && s.transitionEnd() })))) } if (Array.isArray(i)) for (r = 0; r < i.length; r += 1)i[r] !== s && i[r] instanceof a && l(i[r]); else i instanceof a && s !== i && l(i) } }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ a11y: { enabled: !0, notificationClass: "swiper-notification", prevSlideMessage: "Previous slide", nextSlideMessage: "Next slide", firstSlideMessage: "This is the first slide", lastSlideMessage: "This is the last slide", paginationBulletMessage: "Go to slide {{index}}", slideLabelMessage: "{{index}} / {{slidesLength}}", containerMessage: null, containerRoleDescriptionMessage: null, itemRoleDescriptionMessage: null, slideRole: "group", id: null } }), t.a11y = { clicked: !1 }; let i = null; function r(e) { const t = i; 0 !== t.length && (t.innerHTML = "", t.innerHTML = e) } const n = e => (Array.isArray(e) ? e : [e]).filter((e => !!e)); function l(e) { (e = n(e)).forEach((e => { e.setAttribute("tabIndex", "0") })) } function o(e) { (e = n(e)).forEach((e => { e.setAttribute("tabIndex", "-1") })) } function d(e, t) { (e = n(e)).forEach((e => { e.setAttribute("role", t) })) } function c(e, t) { (e = n(e)).forEach((e => { e.setAttribute("aria-roledescription", t) })) } function p(e, t) { (e = n(e)).forEach((e => { e.setAttribute("aria-label", t) })) } function u(e) { (e = n(e)).forEach((e => { e.setAttribute("aria-disabled", !0) })) } function m(e) { (e = n(e)).forEach((e => { e.setAttribute("aria-disabled", !1) })) } function h(e) { if (13 !== e.keyCode && 32 !== e.keyCode) return; const s = t.params.a11y, a = e.target; t.pagination && t.pagination.el && (a === t.pagination.el || t.pagination.el.contains(e.target)) && !e.target.matches(ee(t.params.pagination.bulletClass)) || (t.navigation && t.navigation.nextEl && a === t.navigation.nextEl && (t.isEnd && !t.params.loop || t.slideNext(), t.isEnd ? r(s.lastSlideMessage) : r(s.nextSlideMessage)), t.navigation && t.navigation.prevEl && a === t.navigation.prevEl && (t.isBeginning && !t.params.loop || t.slidePrev(), t.isBeginning ? r(s.firstSlideMessage) : r(s.prevSlideMessage)), t.pagination && a.matches(ee(t.params.pagination.bulletClass)) && a.click()) } function g() { return t.pagination && t.pagination.bullets && t.pagination.bullets.length } function v() { return g() && t.params.pagination.clickable } const b = (e, t, s) => { l(e), "BUTTON" !== e.tagName && (d(e, "button"), e.addEventListener("keydown", h)), p(e, s), function (e, t) { (e = n(e)).forEach((e => { e.setAttribute("aria-controls", t) })) }(e, t) }, y = () => { t.a11y.clicked = !0 }, E = () => { requestAnimationFrame((() => { requestAnimationFrame((() => { t.destroyed || (t.a11y.clicked = !1) })) })) }, x = e => { if (t.a11y.clicked) return; const s = e.target.closest(`.${t.params.slideClass}, swiper-slide`); if (!s || !t.slides.includes(s)) return; const a = t.slides.indexOf(s) === t.activeIndex, i = t.params.watchSlidesProgress && t.visibleSlides && t.visibleSlides.includes(s); a || i || e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents || (t.isHorizontal() ? t.el.scrollLeft = 0 : t.el.scrollTop = 0, t.slideTo(t.slides.indexOf(s), 0)) }, S = () => { const e = t.params.a11y; e.itemRoleDescriptionMessage && c(t.slides, e.itemRoleDescriptionMessage), e.slideRole && d(t.slides, e.slideRole); const s = t.slides.length; e.slideLabelMessage && t.slides.forEach(((a, i) => { const r = t.params.loop ? parseInt(a.getAttribute("data-swiper-slide-index"), 10) : i; p(a, e.slideLabelMessage.replace(/\{\{index\}\}/, r + 1).replace(/\{\{slidesLength\}\}/, s)) })) }, T = () => { const e = t.params.a11y; t.el.append(i); const s = t.el; e.containerRoleDescriptionMessage && c(s, e.containerRoleDescriptionMessage), e.containerMessage && p(s, e.containerMessage); const a = t.wrapperEl, r = e.id || a.getAttribute("id") || `swiper-wrapper-${l = 16, void 0 === l && (l = 16), "x".repeat(l).replace(/x/g, (() => Math.round(16 * Math.random()).toString(16)))}`; var l; const o = t.params.autoplay && t.params.autoplay.enabled ? "off" : "polite"; var d; d = r, n(a).forEach((e => { e.setAttribute("id", d) })), function (e, t) { (e = n(e)).forEach((e => { e.setAttribute("aria-live", t) })) }(a, o), S(); let { nextEl: u, prevEl: m } = t.navigation ? t.navigation : {}; if (u = n(u), m = n(m), u && u.forEach((t => b(t, r, e.nextSlideMessage))), m && m.forEach((t => b(t, r, e.prevSlideMessage))), v()) { (Array.isArray(t.pagination.el) ? t.pagination.el : [t.pagination.el]).forEach((e => { e.addEventListener("keydown", h) })) } t.el.addEventListener("focus", x, !0), t.el.addEventListener("pointerdown", y, !0), t.el.addEventListener("pointerup", E, !0) }; a("beforeInit", (() => { i = f("span", t.params.a11y.notificationClass), i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true") })), a("afterInit", (() => { t.params.a11y.enabled && T() })), a("slidesLengthChange snapGridLengthChange slidesGridLengthChange", (() => { t.params.a11y.enabled && S() })), a("fromEdge toEdge afterInit lock unlock", (() => { t.params.a11y.enabled && function () { if (t.params.loop || t.params.rewind || !t.navigation) return; const { nextEl: e, prevEl: s } = t.navigation; s && (t.isBeginning ? (u(s), o(s)) : (m(s), l(s))), e && (t.isEnd ? (u(e), o(e)) : (m(e), l(e))) }() })), a("paginationUpdate", (() => { t.params.a11y.enabled && function () { const e = t.params.a11y; g() && t.pagination.bullets.forEach((s => { t.params.pagination.clickable && (l(s), t.params.pagination.renderBullet || (d(s, "button"), p(s, e.paginationBulletMessage.replace(/\{\{index\}\}/, w(s) + 1)))), s.matches(ee(t.params.pagination.bulletActiveClass)) ? s.setAttribute("aria-current", "true") : s.removeAttribute("aria-current") })) }() })), a("destroy", (() => { t.params.a11y.enabled && function () { i && i.remove(); let { nextEl: e, prevEl: s } = t.navigation ? t.navigation : {}; e = n(e), s = n(s), e && e.forEach((e => e.removeEventListener("keydown", h))), s && s.forEach((e => e.removeEventListener("keydown", h))), v() && (Array.isArray(t.pagination.el) ? t.pagination.el : [t.pagination.el]).forEach((e => { e.removeEventListener("keydown", h) })); t.el.removeEventListener("focus", x, !0), t.el.removeEventListener("pointerdown", y, !0), t.el.removeEventListener("pointerup", E, !0) }() })) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ history: { enabled: !1, root: "", replaceState: !1, key: "slides", keepQuery: !1 } }); let i = !1, n = {}; const l = e => e.toString().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, ""), o = e => { const t = r(); let s; s = e ? new URL(e) : t.location; const a = s.pathname.slice(1).split("/").filter((e => "" !== e)), i = a.length; return { key: a[i - 2], value: a[i - 1] } }, d = (e, s) => { const a = r(); if (!i || !t.params.history.enabled) return; let n; n = t.params.url ? new URL(t.params.url) : a.location; const o = t.slides[s]; let d = l(o.getAttribute("data-history")); if (t.params.history.root.length > 0) { let s = t.params.history.root; "/" === s[s.length - 1] && (s = s.slice(0, s.length - 1)), d = `${s}/${e ? `${e}/` : ""}${d}` } else n.pathname.includes(e) || (d = `${e ? `${e}/` : ""}${d}`); t.params.history.keepQuery && (d += n.search); const c = a.history.state; c && c.value === d || (t.params.history.replaceState ? a.history.replaceState({ value: d }, null, d) : a.history.pushState({ value: d }, null, d)) }, c = (e, s, a) => { if (s) for (let i = 0, r = t.slides.length; i < r; i += 1) { const r = t.slides[i]; if (l(r.getAttribute("data-history")) === s) { const s = t.getSlideIndex(r); t.slideTo(s, e, a) } } else t.slideTo(0, e, a) }, p = () => { n = o(t.params.url), c(t.params.speed, n.value, !1) }; a("init", (() => { t.params.history.enabled && (() => { const e = r(); if (t.params.history) { if (!e.history || !e.history.pushState) return t.params.history.enabled = !1, void (t.params.hashNavigation.enabled = !0); i = !0, n = o(t.params.url), n.key || n.value ? (c(0, n.value, t.params.runCallbacksOnInit), t.params.history.replaceState || e.addEventListener("popstate", p)) : t.params.history.replaceState || e.addEventListener("popstate", p) } })() })), a("destroy", (() => { t.params.history.enabled && (() => { const e = r(); t.params.history.replaceState || e.removeEventListener("popstate", p) })() })), a("transitionEnd _freeModeNoMomentumRelease", (() => { i && d(t.params.history.key, t.activeIndex) })), a("slideChange", (() => { i && t.params.cssMode && d(t.params.history.key, t.activeIndex) })) }, function (e) { let { swiper: t, extendParams: s, emit: i, on: n } = e, l = !1; const o = a(), d = r(); s({ hashNavigation: { enabled: !1, replaceState: !1, watchState: !1, getSlideIndex(e, s) { if (t.virtual && t.params.virtual.enabled) { const e = t.slides.filter((e => e.getAttribute("data-hash") === s))[0]; if (!e) return 0; return parseInt(e.getAttribute("data-swiper-slide-index"), 10) } return t.getSlideIndex(h(t.slidesEl, `.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0]) } } }); const c = () => { i("hashChange"); const e = o.location.hash.replace("#", ""), s = t.virtual && t.params.virtual.enabled ? t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`) : t.slides[t.activeIndex]; if (e !== (s ? s.getAttribute("data-hash") : "")) { const s = t.params.hashNavigation.getSlideIndex(t, e); if (void 0 === s || Number.isNaN(s)) return; t.slideTo(s) } }, p = () => { if (!l || !t.params.hashNavigation.enabled) return; const e = t.virtual && t.params.virtual.enabled ? t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`) : t.slides[t.activeIndex], s = e ? e.getAttribute("data-hash") || e.getAttribute("data-history") : ""; t.params.hashNavigation.replaceState && d.history && d.history.replaceState ? (d.history.replaceState(null, null, `#${s}` || ""), i("hashSet")) : (o.location.hash = s || "", i("hashSet")) }; n("init", (() => { t.params.hashNavigation.enabled && (() => { if (!t.params.hashNavigation.enabled || t.params.history && t.params.history.enabled) return; l = !0; const e = o.location.hash.replace("#", ""); if (e) { const s = 0, a = t.params.hashNavigation.getSlideIndex(t, e); t.slideTo(a || 0, s, t.params.runCallbacksOnInit, !0) } t.params.hashNavigation.watchState && d.addEventListener("hashchange", c) })() })), n("destroy", (() => { t.params.hashNavigation.enabled && t.params.hashNavigation.watchState && d.removeEventListener("hashchange", c) })), n("transitionEnd _freeModeNoMomentumRelease", (() => { l && p() })), n("slideChange", (() => { l && t.params.cssMode && p() })) }, function (e) { let t, s, { swiper: i, extendParams: r, on: n, emit: l, params: o } = e; i.autoplay = { running: !1, paused: !1, timeLeft: 0 }, r({ autoplay: { enabled: !1, delay: 3e3, waitForTransition: !0, disableOnInteraction: !0, stopOnLastSlide: !1, reverseDirection: !1, pauseOnMouseEnter: !1 } }); let d, c, p, u, m, h, f, g = o && o.autoplay ? o.autoplay.delay : 3e3, v = o && o.autoplay ? o.autoplay.delay : 3e3, w = (new Date).getTime; function b(e) { i && !i.destroyed && i.wrapperEl && e.target === i.wrapperEl && (i.wrapperEl.removeEventListener("transitionend", b), M()) } const y = () => { if (i.destroyed || !i.autoplay.running) return; i.autoplay.paused ? c = !0 : c && (v = d, c = !1); const e = i.autoplay.paused ? d : w + v - (new Date).getTime(); i.autoplay.timeLeft = e, l("autoplayTimeLeft", e, e / g), s = requestAnimationFrame((() => { y() })) }, E = e => { if (i.destroyed || !i.autoplay.running) return; cancelAnimationFrame(s), y(); let a = void 0 === e ? i.params.autoplay.delay : e; g = i.params.autoplay.delay, v = i.params.autoplay.delay; const r = (() => { let e; if (e = i.virtual && i.params.virtual.enabled ? i.slides.filter((e => e.classList.contains("swiper-slide-active")))[0] : i.slides[i.activeIndex], !e) return; return parseInt(e.getAttribute("data-swiper-autoplay"), 10) })(); !Number.isNaN(r) && r > 0 && void 0 === e && (a = r, g = r, v = r), d = a; const n = i.params.speed, o = () => { i && !i.destroyed && (i.params.autoplay.reverseDirection ? !i.isBeginning || i.params.loop || i.params.rewind ? (i.slidePrev(n, !0, !0), l("autoplay")) : i.params.autoplay.stopOnLastSlide || (i.slideTo(i.slides.length - 1, n, !0, !0), l("autoplay")) : !i.isEnd || i.params.loop || i.params.rewind ? (i.slideNext(n, !0, !0), l("autoplay")) : i.params.autoplay.stopOnLastSlide || (i.slideTo(0, n, !0, !0), l("autoplay")), i.params.cssMode && (w = (new Date).getTime(), requestAnimationFrame((() => { E() })))) }; return a > 0 ? (clearTimeout(t), t = setTimeout((() => { o() }), a)) : requestAnimationFrame((() => { o() })), a }, x = () => { i.autoplay.running = !0, E(), l("autoplayStart") }, S = () => { i.autoplay.running = !1, clearTimeout(t), cancelAnimationFrame(s), l("autoplayStop") }, T = (e, s) => { if (i.destroyed || !i.autoplay.running) return; clearTimeout(t), e || (f = !0); const a = () => { l("autoplayPause"), i.params.autoplay.waitForTransition ? i.wrapperEl.addEventListener("transitionend", b) : M() }; if (i.autoplay.paused = !0, s) return h && (d = i.params.autoplay.delay), h = !1, void a(); const r = d || i.params.autoplay.delay; d = r - ((new Date).getTime() - w), i.isEnd && d < 0 && !i.params.loop || (d < 0 && (d = 0), a()) }, M = () => { i.isEnd && d < 0 && !i.params.loop || i.destroyed || !i.autoplay.running || (w = (new Date).getTime(), f ? (f = !1, E(d)) : E(), i.autoplay.paused = !1, l("autoplayResume")) }, C = () => { if (i.destroyed || !i.autoplay.running) return; const e = a(); "hidden" === e.visibilityState && (f = !0, T(!0)), "visible" === e.visibilityState && M() }, P = e => { "mouse" === e.pointerType && (f = !0, i.animating || i.autoplay.paused || T(!0)) }, L = e => { "mouse" === e.pointerType && i.autoplay.paused && M() }; n("init", (() => { i.params.autoplay.enabled && (i.params.autoplay.pauseOnMouseEnter && (i.el.addEventListener("pointerenter", P), i.el.addEventListener("pointerleave", L)), a().addEventListener("visibilitychange", C), w = (new Date).getTime(), x()) })), n("destroy", (() => { i.el.removeEventListener("pointerenter", P), i.el.removeEventListener("pointerleave", L), a().removeEventListener("visibilitychange", C), i.autoplay.running && S() })), n("beforeTransitionStart", ((e, t, s) => { !i.destroyed && i.autoplay.running && (s || !i.params.autoplay.disableOnInteraction ? T(!0, !0) : S()) })), n("sliderFirstMove", (() => { !i.destroyed && i.autoplay.running && (i.params.autoplay.disableOnInteraction ? S() : (p = !0, u = !1, f = !1, m = setTimeout((() => { f = !0, u = !0, T(!0) }), 200))) })), n("touchEnd", (() => { if (!i.destroyed && i.autoplay.running && p) { if (clearTimeout(m), clearTimeout(t), i.params.autoplay.disableOnInteraction) return u = !1, void (p = !1); u && i.params.cssMode && M(), u = !1, p = !1 } })), n("slideChange", (() => { !i.destroyed && i.autoplay.running && (h = !0) })), Object.assign(i.autoplay, { start: x, stop: S, pause: T, resume: M }) }, function (e) { let { swiper: t, extendParams: s, on: i } = e; s({ thumbs: { swiper: null, multipleActiveThumbs: !0, autoScrollOffset: 0, slideThumbActiveClass: "swiper-slide-thumb-active", thumbsContainerClass: "swiper-thumbs" } }); let r = !1, n = !1; function l() { const e = t.thumbs.swiper; if (!e || e.destroyed) return; const s = e.clickedIndex, a = e.clickedSlide; if (a && a.classList.contains(t.params.thumbs.slideThumbActiveClass)) return; if (null == s) return; let i; i = e.params.loop ? parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10) : s, t.params.loop ? t.slideToLoop(i) : t.slideTo(i) } function o() { const { thumbs: e } = t.params; if (r) return !1; r = !0; const s = t.constructor; if (e.swiper instanceof s) t.thumbs.swiper = e.swiper, Object.assign(t.thumbs.swiper.originalParams, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), Object.assign(t.thumbs.swiper.params, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), t.thumbs.swiper.update(); else if (d(e.swiper)) { const a = Object.assign({}, e.swiper); Object.assign(a, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), t.thumbs.swiper = new s(a), n = !0 } return t.thumbs.swiper.el.classList.add(t.params.thumbs.thumbsContainerClass), t.thumbs.swiper.on("tap", l), !0 } function c(e) { const s = t.thumbs.swiper; if (!s || s.destroyed) return; const a = "auto" === s.params.slidesPerView ? s.slidesPerViewDynamic() : s.params.slidesPerView; let i = 1; const r = t.params.thumbs.slideThumbActiveClass; if (t.params.slidesPerView > 1 && !t.params.centeredSlides && (i = t.params.slidesPerView), t.params.thumbs.multipleActiveThumbs || (i = 1), i = Math.floor(i), s.slides.forEach((e => e.classList.remove(r))), s.params.loop || s.params.virtual && s.params.virtual.enabled) for (let e = 0; e < i; e += 1)h(s.slidesEl, `[data-swiper-slide-index="${t.realIndex + e}"]`).forEach((e => { e.classList.add(r) })); else for (let e = 0; e < i; e += 1)s.slides[t.realIndex + e] && s.slides[t.realIndex + e].classList.add(r); const n = t.params.thumbs.autoScrollOffset, l = n && !s.params.loop; if (t.realIndex !== s.realIndex || l) { const i = s.activeIndex; let r, o; if (s.params.loop) { const e = s.slides.filter((e => e.getAttribute("data-swiper-slide-index") === `${t.realIndex}`))[0]; r = s.slides.indexOf(e), o = t.activeIndex > t.previousIndex ? "next" : "prev" } else r = t.realIndex, o = r > t.previousIndex ? "next" : "prev"; l && (r += "next" === o ? n : -1 * n), s.visibleSlidesIndexes && s.visibleSlidesIndexes.indexOf(r) < 0 && (s.params.centeredSlides ? r = r > i ? r - Math.floor(a / 2) + 1 : r + Math.floor(a / 2) - 1 : r > i && s.params.slidesPerGroup, s.slideTo(r, e ? 0 : void 0)) } } t.thumbs = { swiper: null }, i("beforeInit", (() => { const { thumbs: e } = t.params; if (e && e.swiper) if ("string" == typeof e.swiper || e.swiper instanceof HTMLElement) { const s = a(), i = () => { const a = "string" == typeof e.swiper ? s.querySelector(e.swiper) : e.swiper; if (a && a.swiper) e.swiper = a.swiper, o(), c(!0); else if (a) { const s = i => { e.swiper = i.detail[0], a.removeEventListener("init", s), o(), c(!0), e.swiper.update(), t.update() }; a.addEventListener("init", s) } return a }, r = () => { if (t.destroyed) return; i() || requestAnimationFrame(r) }; requestAnimationFrame(r) } else o(), c(!0) })), i("slideChange update resize observerUpdate", (() => { c() })), i("setTransition", ((e, s) => { const a = t.thumbs.swiper; a && !a.destroyed && a.setTransition(s) })), i("beforeDestroy", (() => { const e = t.thumbs.swiper; e && !e.destroyed && n && e.destroy() })), Object.assign(t.thumbs, { init: o, update: c }) }, function (e) { let { swiper: t, extendParams: s, emit: a, once: i } = e; s({ freeMode: { enabled: !1, momentum: !0, momentumRatio: 1, momentumBounce: !0, momentumBounceRatio: 1, momentumVelocityRatio: 1, sticky: !1, minimumVelocity: .02 } }), Object.assign(t, { freeMode: { onTouchStart: function () { if (t.params.cssMode) return; const e = t.getTranslate(); t.setTranslate(e), t.setTransition(0), t.touchEventsData.velocities.length = 0, t.freeMode.onTouchEnd({ currentPos: t.rtl ? t.translate : -t.translate }) }, onTouchMove: function () { if (t.params.cssMode) return; const { touchEventsData: e, touches: s } = t; 0 === e.velocities.length && e.velocities.push({ position: s[t.isHorizontal() ? "startX" : "startY"], time: e.touchStartTime }), e.velocities.push({ position: s[t.isHorizontal() ? "currentX" : "currentY"], time: l() }) }, onTouchEnd: function (e) { let { currentPos: s } = e; if (t.params.cssMode) return; const { params: r, wrapperEl: n, rtlTranslate: o, snapGrid: d, touchEventsData: c } = t, p = l() - c.touchStartTime; if (s < -t.minTranslate()) t.slideTo(t.activeIndex); else if (s > -t.maxTranslate()) t.slides.length < d.length ? t.slideTo(d.length - 1) : t.slideTo(t.slides.length - 1); else { if (r.freeMode.momentum) { if (c.velocities.length > 1) { const e = c.velocities.pop(), s = c.velocities.pop(), a = e.position - s.position, i = e.time - s.time; t.velocity = a / i, t.velocity /= 2, Math.abs(t.velocity) < r.freeMode.minimumVelocity && (t.velocity = 0), (i > 150 || l() - e.time > 300) && (t.velocity = 0) } else t.velocity = 0; t.velocity *= r.freeMode.momentumVelocityRatio, c.velocities.length = 0; let e = 1e3 * r.freeMode.momentumRatio; const s = t.velocity * e; let p = t.translate + s; o && (p = -p); let u, m = !1; const h = 20 * Math.abs(t.velocity) * r.freeMode.momentumBounceRatio; let f; if (p < t.maxTranslate()) r.freeMode.momentumBounce ? (p + t.maxTranslate() < -h && (p = t.maxTranslate() - h), u = t.maxTranslate(), m = !0, c.allowMomentumBounce = !0) : p = t.maxTranslate(), r.loop && r.centeredSlides && (f = !0); else if (p > t.minTranslate()) r.freeMode.momentumBounce ? (p - t.minTranslate() > h && (p = t.minTranslate() + h), u = t.minTranslate(), m = !0, c.allowMomentumBounce = !0) : p = t.minTranslate(), r.loop && r.centeredSlides && (f = !0); else if (r.freeMode.sticky) { let e; for (let t = 0; t < d.length; t += 1)if (d[t] > -p) { e = t; break } p = Math.abs(d[e] - p) < Math.abs(d[e - 1] - p) || "next" === t.swipeDirection ? d[e] : d[e - 1], p = -p } if (f && i("transitionEnd", (() => { t.loopFix() })), 0 !== t.velocity) { if (e = o ? Math.abs((-p - t.translate) / t.velocity) : Math.abs((p - t.translate) / t.velocity), r.freeMode.sticky) { const s = Math.abs((o ? -p : p) - t.translate), a = t.slidesSizesGrid[t.activeIndex]; e = s < a ? r.speed : s < 2 * a ? 1.5 * r.speed : 2.5 * r.speed } } else if (r.freeMode.sticky) return void t.slideToClosest(); r.freeMode.momentumBounce && m ? (t.updateProgress(u), t.setTransition(e), t.setTranslate(p), t.transitionStart(!0, t.swipeDirection), t.animating = !0, y(n, (() => { t && !t.destroyed && c.allowMomentumBounce && (a("momentumBounce"), t.setTransition(r.speed), setTimeout((() => { t.setTranslate(u), y(n, (() => { t && !t.destroyed && t.transitionEnd() })) }), 0)) }))) : t.velocity ? (a("_freeModeNoMomentumRelease"), t.updateProgress(p), t.setTransition(e), t.setTranslate(p), t.transitionStart(!0, t.swipeDirection), t.animating || (t.animating = !0, y(n, (() => { t && !t.destroyed && t.transitionEnd() })))) : t.updateProgress(p), t.updateActiveIndex(), t.updateSlidesClasses() } else { if (r.freeMode.sticky) return void t.slideToClosest(); r.freeMode && a("_freeModeNoMomentumRelease") } (!r.freeMode.momentum || p >= r.longSwipesMs) && (t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses()) } } } }) }, function (e) { let t, s, a, { swiper: i, extendParams: r } = e; r({ grid: { rows: 1, fill: "column" } }); const n = () => { let e = i.params.spaceBetween; return "string" == typeof e && e.indexOf("%") >= 0 ? e = parseFloat(e.replace("%", "")) / 100 * i.size : "string" == typeof e && (e = parseFloat(e)), e }; i.grid = { initSlides: e => { const { slidesPerView: r } = i.params, { rows: n, fill: l } = i.params.grid; a = Math.floor(e / n), t = Math.floor(e / n) === e / n ? e : Math.ceil(e / n) * n, "auto" !== r && "row" === l && (t = Math.max(t, r * n)), s = t / n }, updateSlide: (e, r, l, o) => { const { slidesPerGroup: d } = i.params, c = n(), { rows: p, fill: u } = i.params.grid; let m, h, f; if ("row" === u && d > 1) { const s = Math.floor(e / (d * p)), a = e - p * d * s, i = 0 === s ? d : Math.min(Math.ceil((l - s * p * d) / p), d); f = Math.floor(a / i), h = a - f * i + s * d, m = h + f * t / p, r.style.order = m } else "column" === u ? (h = Math.floor(e / p), f = e - h * p, (h > a || h === a && f === p - 1) && (f += 1, f >= p && (f = 0, h += 1))) : (f = Math.floor(e / s), h = e - f * s); r.row = f, r.column = h, r.style[o("margin-top")] = 0 !== f ? c && `${c}px` : "" }, updateWrapperSize: (e, s, a) => { const { centeredSlides: r, roundLengths: l } = i.params, o = n(), { rows: d } = i.params.grid; if (i.virtualSize = (e + o) * t, i.virtualSize = Math.ceil(i.virtualSize / d) - o, i.wrapperEl.style[a("width")] = `${i.virtualSize + o}px`, r) { const e = []; for (let t = 0; t < s.length; t += 1) { let a = s[t]; l && (a = Math.floor(a)), s[t] < i.virtualSize + s[0] && e.push(a) } s.splice(0, s.length), s.push(...e) } } } }, function (e) { let { swiper: t } = e; Object.assign(t, { appendSlide: te.bind(t), prependSlide: se.bind(t), addSlide: ae.bind(t), removeSlide: ie.bind(t), removeAllSlides: re.bind(t) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ fadeEffect: { crossFade: !1 } }), ne({ effect: "fade", swiper: t, on: a, setTranslate: () => { const { slides: e } = t; t.params.fadeEffect; for (let s = 0; s < e.length; s += 1) { const e = t.slides[s]; let a = -e.swiperSlideOffset; t.params.virtualTranslate || (a -= t.translate); let i = 0; t.isHorizontal() || (i = a, a = 0); const r = t.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(e.progress), 0) : 1 + Math.min(Math.max(e.progress, -1), 0), n = le(0, e); n.style.opacity = r, n.style.transform = `translate3d(${a}px, ${i}px, 0px)` } }, setTransition: e => { const s = t.slides.map((e => m(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms` })), oe({ swiper: t, duration: e, transformElements: s, allSlides: !0 }) }, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ cubeEffect: { slideShadows: !0, shadow: !0, shadowOffset: 20, shadowScale: .94 } }); const i = (e, t, s) => { let a = s ? e.querySelector(".swiper-slide-shadow-left") : e.querySelector(".swiper-slide-shadow-top"), i = s ? e.querySelector(".swiper-slide-shadow-right") : e.querySelector(".swiper-slide-shadow-bottom"); a || (a = f("div", ("swiper-slide-shadow-cube swiper-slide-shadow-" + (s ? "left" : "top")).split(" ")), e.append(a)), i || (i = f("div", ("swiper-slide-shadow-cube swiper-slide-shadow-" + (s ? "right" : "bottom")).split(" ")), e.append(i)), a && (a.style.opacity = Math.max(-t, 0)), i && (i.style.opacity = Math.max(t, 0)) }; ne({ effect: "cube", swiper: t, on: a, setTranslate: () => { const { el: e, wrapperEl: s, slides: a, width: r, height: n, rtlTranslate: l, size: o, browser: d } = t, c = t.params.cubeEffect, p = t.isHorizontal(), u = t.virtual && t.params.virtual.enabled; let m, h = 0; c.shadow && (p ? (m = t.wrapperEl.querySelector(".swiper-cube-shadow"), m || (m = f("div", "swiper-cube-shadow"), t.wrapperEl.append(m)), m.style.height = `${r}px`) : (m = e.querySelector(".swiper-cube-shadow"), m || (m = f("div", "swiper-cube-shadow"), e.append(m)))); for (let e = 0; e < a.length; e += 1) { const t = a[e]; let s = e; u && (s = parseInt(t.getAttribute("data-swiper-slide-index"), 10)); let r = 90 * s, n = Math.floor(r / 360); l && (r = -r, n = Math.floor(-r / 360)); const d = Math.max(Math.min(t.progress, 1), -1); let m = 0, f = 0, g = 0; s % 4 == 0 ? (m = 4 * -n * o, g = 0) : (s - 1) % 4 == 0 ? (m = 0, g = 4 * -n * o) : (s - 2) % 4 == 0 ? (m = o + 4 * n * o, g = o) : (s - 3) % 4 == 0 && (m = -o, g = 3 * o + 4 * o * n), l && (m = -m), p || (f = m, m = 0); const v = `rotateX(${p ? 0 : -r}deg) rotateY(${p ? r : 0}deg) translate3d(${m}px, ${f}px, ${g}px)`; d <= 1 && d > -1 && (h = 90 * s + 90 * d, l && (h = 90 * -s - 90 * d)), t.style.transform = v, c.slideShadows && i(t, d, p) } if (s.style.transformOrigin = `50% 50% -${o / 2}px`, s.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`, c.shadow) if (p) m.style.transform = `translate3d(0px, ${r / 2 + c.shadowOffset}px, ${-r / 2}px) rotateX(90deg) rotateZ(0deg) scale(${c.shadowScale})`; else { const e = Math.abs(h) - 90 * Math.floor(Math.abs(h) / 90), t = 1.5 - (Math.sin(2 * e * Math.PI / 360) / 2 + Math.cos(2 * e * Math.PI / 360) / 2), s = c.shadowScale, a = c.shadowScale / t, i = c.shadowOffset; m.style.transform = `scale3d(${s}, 1, ${a}) translate3d(0px, ${n / 2 + i}px, ${-n / 2 / a}px) rotateX(-90deg)` } const g = (d.isSafari || d.isWebView) && d.needPerspectiveFix ? -o / 2 : 0; s.style.transform = `translate3d(0px,0,${g}px) rotateX(${t.isHorizontal() ? 0 : h}deg) rotateY(${t.isHorizontal() ? -h : 0}deg)`, s.style.setProperty("--swiper-cube-translate-z", `${g}px`) }, setTransition: e => { const { el: s, slides: a } = t; if (a.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), t.params.cubeEffect.shadow && !t.isHorizontal()) { const t = s.querySelector(".swiper-cube-shadow"); t && (t.style.transitionDuration = `${e}ms`) } }, recreateShadows: () => { const e = t.isHorizontal(); t.slides.forEach((t => { const s = Math.max(Math.min(t.progress, 1), -1); i(t, s, e) })) }, getEffectParams: () => t.params.cubeEffect, perspective: () => !0, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, resistanceRatio: 0, spaceBetween: 0, centeredSlides: !1, virtualTranslate: !0 }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ flipEffect: { slideShadows: !0, limitRotation: !0 } }); const i = (e, s) => { let a = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-left") : e.querySelector(".swiper-slide-shadow-top"), i = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-right") : e.querySelector(".swiper-slide-shadow-bottom"); a || (a = de("flip", e, t.isHorizontal() ? "left" : "top")), i || (i = de("flip", e, t.isHorizontal() ? "right" : "bottom")), a && (a.style.opacity = Math.max(-s, 0)), i && (i.style.opacity = Math.max(s, 0)) }; ne({ effect: "flip", swiper: t, on: a, setTranslate: () => { const { slides: e, rtlTranslate: s } = t, a = t.params.flipEffect; for (let r = 0; r < e.length; r += 1) { const n = e[r]; let l = n.progress; t.params.flipEffect.limitRotation && (l = Math.max(Math.min(n.progress, 1), -1)); const o = n.swiperSlideOffset; let d = -180 * l, c = 0, p = t.params.cssMode ? -o - t.translate : -o, u = 0; t.isHorizontal() ? s && (d = -d) : (u = p, p = 0, c = -d, d = 0), n.style.zIndex = -Math.abs(Math.round(l)) + e.length, a.slideShadows && i(n, l); const m = `translate3d(${p}px, ${u}px, 0px) rotateX(${c}deg) rotateY(${d}deg)`; le(0, n).style.transform = m } }, setTransition: e => { const s = t.slides.map((e => m(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), oe({ swiper: t, duration: e, transformElements: s }) }, recreateShadows: () => { t.params.flipEffect, t.slides.forEach((e => { let s = e.progress; t.params.flipEffect.limitRotation && (s = Math.max(Math.min(e.progress, 1), -1)), i(e, s) })) }, getEffectParams: () => t.params.flipEffect, perspective: () => !0, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ coverflowEffect: { rotate: 50, stretch: 0, depth: 100, scale: 1, modifier: 1, slideShadows: !0 } }), ne({ effect: "coverflow", swiper: t, on: a, setTranslate: () => { const { width: e, height: s, slides: a, slidesSizesGrid: i } = t, r = t.params.coverflowEffect, n = t.isHorizontal(), l = t.translate, o = n ? e / 2 - l : s / 2 - l, d = n ? r.rotate : -r.rotate, c = r.depth; for (let e = 0, t = a.length; e < t; e += 1) { const t = a[e], s = i[e], l = (o - t.swiperSlideOffset - s / 2) / s, p = "function" == typeof r.modifier ? r.modifier(l) : l * r.modifier; let u = n ? d * p : 0, m = n ? 0 : d * p, h = -c * Math.abs(p), f = r.stretch; "string" == typeof f && -1 !== f.indexOf("%") && (f = parseFloat(r.stretch) / 100 * s); let g = n ? 0 : f * p, v = n ? f * p : 0, w = 1 - (1 - r.scale) * Math.abs(p); Math.abs(v) < .001 && (v = 0), Math.abs(g) < .001 && (g = 0), Math.abs(h) < .001 && (h = 0), Math.abs(u) < .001 && (u = 0), Math.abs(m) < .001 && (m = 0), Math.abs(w) < .001 && (w = 0); const b = `translate3d(${v}px,${g}px,${h}px) rotateX(${m}deg) rotateY(${u}deg) scale(${w})`; if (le(0, t).style.transform = b, t.style.zIndex = 1 - Math.abs(Math.round(p)), r.slideShadows) { let e = n ? t.querySelector(".swiper-slide-shadow-left") : t.querySelector(".swiper-slide-shadow-top"), s = n ? t.querySelector(".swiper-slide-shadow-right") : t.querySelector(".swiper-slide-shadow-bottom"); e || (e = de("coverflow", t, n ? "left" : "top")), s || (s = de("coverflow", t, n ? "right" : "bottom")), e && (e.style.opacity = p > 0 ? p : 0), s && (s.style.opacity = -p > 0 ? -p : 0) } } }, setTransition: e => { t.slides.map((e => m(e))).forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })) }, perspective: () => !0, overwriteParams: () => ({ watchSlidesProgress: !0 }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ creativeEffect: { limitProgress: 1, shadowPerProgress: !1, progressMultiplier: 1, perspective: !0, prev: { translate: [0, 0, 0], rotate: [0, 0, 0], opacity: 1, scale: 1 }, next: { translate: [0, 0, 0], rotate: [0, 0, 0], opacity: 1, scale: 1 } } }); const i = e => "string" == typeof e ? e : `${e}px`; ne({ effect: "creative", swiper: t, on: a, setTranslate: () => { const { slides: e, wrapperEl: s, slidesSizesGrid: a } = t, r = t.params.creativeEffect, { progressMultiplier: n } = r, l = t.params.centeredSlides; if (l) { const e = a[0] / 2 - t.params.slidesOffsetBefore || 0; s.style.transform = `translateX(calc(50% - ${e}px))` } for (let s = 0; s < e.length; s += 1) { const a = e[s], o = a.progress, d = Math.min(Math.max(a.progress, -r.limitProgress), r.limitProgress); let c = d; l || (c = Math.min(Math.max(a.originalProgress, -r.limitProgress), r.limitProgress)); const p = a.swiperSlideOffset, u = [t.params.cssMode ? -p - t.translate : -p, 0, 0], m = [0, 0, 0]; let h = !1; t.isHorizontal() || (u[1] = u[0], u[0] = 0); let f = { translate: [0, 0, 0], rotate: [0, 0, 0], scale: 1, opacity: 1 }; d < 0 ? (f = r.next, h = !0) : d > 0 && (f = r.prev, h = !0), u.forEach(((e, t) => { u[t] = `calc(${e}px + (${i(f.translate[t])} * ${Math.abs(d * n)}))` })), m.forEach(((e, t) => { m[t] = f.rotate[t] * Math.abs(d * n) })), a.style.zIndex = -Math.abs(Math.round(o)) + e.length; const g = u.join(", "), v = `rotateX(${m[0]}deg) rotateY(${m[1]}deg) rotateZ(${m[2]}deg)`, w = c < 0 ? `scale(${1 + (1 - f.scale) * c * n})` : `scale(${1 - (1 - f.scale) * c * n})`, b = c < 0 ? 1 + (1 - f.opacity) * c * n : 1 - (1 - f.opacity) * c * n, y = `translate3d(${g}) ${v} ${w}`; if (h && f.shadow || !h) { let e = a.querySelector(".swiper-slide-shadow"); if (!e && f.shadow && (e = de("creative", a)), e) { const t = r.shadowPerProgress ? d * (1 / r.limitProgress) : d; e.style.opacity = Math.min(Math.max(Math.abs(t), 0), 1) } } const E = le(0, a); E.style.transform = y, E.style.opacity = b, f.origin && (E.style.transformOrigin = f.origin) } }, setTransition: e => { const s = t.slides.map((e => m(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), oe({ swiper: t, duration: e, transformElements: s, allSlides: !0 }) }, perspective: () => t.params.creativeEffect.perspective, overwriteParams: () => ({ watchSlidesProgress: !0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ cardsEffect: { slideShadows: !0, rotate: !0, perSlideRotate: 2, perSlideOffset: 8 } }), ne({ effect: "cards", swiper: t, on: a, setTranslate: () => { const { slides: e, activeIndex: s, rtlTranslate: a } = t, i = t.params.cardsEffect, { startTranslate: r, isTouched: n } = t.touchEventsData, l = a ? -t.translate : t.translate; for (let o = 0; o < e.length; o += 1) { const d = e[o], c = d.progress, p = Math.min(Math.max(c, -4), 4); let u = d.swiperSlideOffset; t.params.centeredSlides && !t.params.cssMode && (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`), t.params.centeredSlides && t.params.cssMode && (u -= e[0].swiperSlideOffset); let m = t.params.cssMode ? -u - t.translate : -u, h = 0; const f = -100 * Math.abs(p); let g = 1, v = -i.perSlideRotate * p, w = i.perSlideOffset - .75 * Math.abs(p); const b = t.virtual && t.params.virtual.enabled ? t.virtual.from + o : o, y = (b === s || b === s - 1) && p > 0 && p < 1 && (n || t.params.cssMode) && l < r, E = (b === s || b === s + 1) && p < 0 && p > -1 && (n || t.params.cssMode) && l > r; if (y || E) { const e = (1 - Math.abs((Math.abs(p) - .5) / .5)) ** .5; v += -28 * p * e, g += -.5 * e, w += 96 * e, h = -25 * e * Math.abs(p) + "%" } if (m = p < 0 ? `calc(${m}px ${a ? "-" : "+"} (${w * Math.abs(p)}%))` : p > 0 ? `calc(${m}px ${a ? "-" : "+"} (-${w * Math.abs(p)}%))` : `${m}px`, !t.isHorizontal()) { const e = h; h = m, m = e } const x = p < 0 ? "" + (1 + (1 - g) * p) : "" + (1 - (1 - g) * p), S = `\n translate3d(${m}, ${h}, ${f}px)\n rotateZ(${i.rotate ? a ? -v : v : 0}deg)\n scale(${x})\n `; if (i.slideShadows) { let e = d.querySelector(".swiper-slide-shadow"); e || (e = de("cards", d)), e && (e.style.opacity = Math.min(Math.max((Math.abs(p) - .5) / .5, 0), 1)) } d.style.zIndex = -Math.abs(Math.round(c)) + e.length; le(0, d).style.transform = S } }, setTransition: e => { const s = t.slides.map((e => m(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), oe({ swiper: t, duration: e, transformElements: s }) }, perspective: () => !0, overwriteParams: () => ({ watchSlidesProgress: !0, virtualTranslate: !t.params.cssMode }) }) }]; return Q.use(ce), Q }(); +//# sourceMappingURL=swiper-bundle.min.js.map + +/** + * LAZY LOADING + */ + +function _extends() { return (_extends = Object.assign || function (t) { for (var e = 1; e < arguments.length; e++) { var n = arguments[e]; for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]) } return t }).apply(this, arguments) } function _typeof(t) { return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (t) { return typeof t } : function (t) { return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t })(t) } !function (t, e) { "object" === ("undefined" == typeof exports ? "undefined" : _typeof(exports)) && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : t.LazyLoad = e() }(this, function () { "use strict"; var t = "undefined" != typeof window, e = t && !("onscroll" in window) || "undefined" != typeof navigator && /(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent), n = t && "IntersectionObserver" in window, o = t && "classList" in document.createElement("p"), r = { elements_selector: "img", container: e || t ? document : null, threshold: 300, thresholds: null, data_src: "src", data_srcset: "srcset", data_sizes: "sizes", data_bg: "bg", 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 }, a = function (t, e) { return t.getAttribute("data-" + e) }, s = function (t, e, n) { var o = "data-" + e; null !== n ? t.setAttribute(o, n) : t.removeAttribute(o) }, i = function (t) { return "true" === a(t, "was-processed") }, c = function (t, e) { return s(t, "ll-timeout", e) }, l = function (t) { return a(t, "ll-timeout") }, u = function (t, e) { var n, o = new t(e); try { n = new CustomEvent("LazyLoad::Initialized", { detail: { instance: o } }) } catch (t) { (n = document.createEvent("CustomEvent")).initCustomEvent("LazyLoad::Initialized", !1, !1, { instance: o }) } window.dispatchEvent(n) }; var d = function (t, e) { t && t(e) }, f = function (t, e) { t._loadingCount += e, 0 === t._elements.length && 0 === t._loadingCount && d(t._settings.callback_finish) }, _ = function (t) { for (var e, n = [], o = 0; e = t.children[o]; o += 1)"SOURCE" === e.tagName && n.push(e); return n }, v = function (t, e, n) { n && t.setAttribute(e, n) }, b = function (t, e) { v(t, "sizes", a(t, e.data_sizes)), v(t, "srcset", a(t, e.data_srcset)), v(t, "src", a(t, e.data_src)) }, g = { IMG: function (t, e) { var n = t.parentNode; n && "PICTURE" === n.tagName && _(n).forEach(function (t) { b(t, e) }); b(t, e) }, IFRAME: function (t, e) { v(t, "src", a(t, e.data_src)) }, VIDEO: function (t, e) { _(t).forEach(function (t) { v(t, "src", a(t, e.data_src)) }), v(t, "src", a(t, e.data_src)), t.load() } }, m = function (t, e) { var n, o, r = e._settings, s = t.tagName, i = g[s]; if (i) return i(t, r), f(e, 1), void (e._elements = (n = e._elements, o = t, n.filter(function (t) { return t !== o }))); !function (t, e) { var n = a(t, e.data_src), o = a(t, e.data_bg); n && (t.style.backgroundImage = 'url("'.concat(n, '")')), o && (t.style.backgroundImage = o) }(t, r) }, h = function (t, e) { o ? t.classList.add(e) : t.className += (t.className ? " " : "") + e }, p = function (t, e, n) { t.addEventListener(e, n) }, y = function (t, e, n) { t.removeEventListener(e, n) }, E = function (t, e, n) { y(t, "load", e), y(t, "loadeddata", e), y(t, "error", n) }, w = function (t, e, n) { var r = n._settings, a = e ? r.class_loaded : r.class_error, s = e ? r.callback_loaded : r.callback_error, i = t.target; !function (t, e) { o ? t.classList.remove(e) : t.className = t.className.replace(new RegExp("(^|\\s+)" + e + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, "") }(i, r.class_loading), h(i, a), d(s, i), f(n, -1) }, k = function (t, e) { var n = function n(r) { w(r, !0, e), E(t, n, o) }, o = function o(r) { w(r, !1, e), E(t, n, o) }; !function (t, e, n) { p(t, "load", e), p(t, "loadeddata", e), p(t, "error", n) }(t, n, o) }, I = ["IMG", "IFRAME", "VIDEO"], L = function (t, e) { var n = e._observer; z(t, e), n && e._settings.auto_unobserve && n.unobserve(t) }, x = function (t) { var e = l(t); e && (clearTimeout(e), c(t, null)) }, A = function (t, e) { var n = e._settings.load_delay, o = l(t); o || (o = setTimeout(function () { L(t, e), x(t) }, n), c(t, o)) }, z = function (t, e, n) { var o = e._settings; !n && i(t) || (I.indexOf(t.tagName) > -1 && (k(t, e), h(t, o.class_loading)), m(t, e), function (t) { s(t, "was-processed", "true") }(t), d(o.callback_reveal, t), d(o.callback_set, t)) }, O = function (t) { return !!n && (t._observer = new IntersectionObserver(function (e) { e.forEach(function (e) { return function (t) { return t.isIntersecting || t.intersectionRatio > 0 }(e) ? function (t, e) { var n = e._settings; d(n.callback_enter, t), n.load_delay ? A(t, e) : L(t, e) }(e.target, t) : function (t, e) { var n = e._settings; d(n.callback_exit, t), n.load_delay && x(t) }(e.target, t) }) }, { root: (e = t._settings).container === document ? null : e.container, rootMargin: e.thresholds || e.threshold + "px" }), !0); var e }, N = function (t, e) { this._settings = function (t) { return _extends({}, r, t) }(t), this._loadingCount = 0, O(this), this.update(e) }; return N.prototype = { update: function (t) { var n = this, o = this._settings, r = t || o.container.querySelectorAll(o.elements_selector); this._elements = function (t) { return t.filter(function (t) { return !i(t) }) }(Array.prototype.slice.call(r)), !e && this._observer ? this._elements.forEach(function (t) { n._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) }) } }, t && function (t, e) { if (e) if (e.length) for (var n, o = 0; n = e[o]; o += 1)u(t, n); else u(t, e) }(N, window.lazyLoadOptions), N }); +//# sourceMappingURL=lazyload.min.js.map + +function formatCurrency(c) { + var a = parseFloat(c) + .toFixed(2) + .replace(/(\d)(?=(\d{3})+\.)/g, "$1.") + .toString(), + d = a.length; + return (a = a.substring(0, d - 3)), a; +} + +function strToNumber(a) { + for (a += ""; 0 < a.indexOf(".");) a = a.replace(".", ""); + var b = parseFloat(a); + return isNaN(b) ? 0 : b; +} + +function formatDate(b) { + var b = new Date(1e3 * parseInt(b)), + c = b.getFullYear(), + d = b.getMonth() + 1, + e = b.getDate(), + f = b.getHours(), + g = b.getMinutes(), + h = b.getSeconds(); + return e + "/" + d + "/" + c; +} + +function convertToSlug(e) { + let r = e; + return r + .toLowerCase() + .replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, "a") + .replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, "e") + .replace(/ì|í|ị|ỉ|ĩ/g, "i") + .replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, "o") + .replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, "u") + .replace(/ỳ|ý|ỵ|ỷ|ỹ/g, "y") + .replace(/đ/g, "d") + .replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, "") + .replace(/\u02C6|\u0306|\u031B/g, "") + .replace(/[^\w ]+/g, "") + .replace(/ +/g, "-"); +} + +function validateEmail(a) { + return /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/.test( + a + ); +} + +function validateTel(a) { + return ( + (vnf_regex_tel = /((09|03|07|08|05|02)+([0-9]{8})\b)/g), + vnf_regex_tel.test(a) + ); +} + +function debounce(a, b, c) { + var d; + return function () { + var e = this, + f = arguments, + g = c && !d; + clearTimeout(d), + (d = setTimeout(function () { + (d = null), c || a.apply(e, f); + }, b)), + g && a.apply(e, f); + }; +} + +// IS ON SCREEN CHECK +function isOnScreen(a) { + if (0 != a.length) { + var b = jQuery(window), + c = b.scrollTop(), + d = b.height(), + e = c + d, + f = jQuery(a), + g = f.offset().top, + h = f.height(), + i = g + h; + return ( + (g >= c && g < e) || (i > c && i <= e) || (h > d && g <= c && i >= e) + ); + } +} + +// IS ON SCREEN HANDLER ( isOnScreenHandler({id: "#id",loadFn: function () {function(params);},}); ) +function isOnScreenHandler(a) { + isOnScreen(a.id) && !$(a.id).hasClass("loaded") + ? (a.loadFn(), $(a.id).addClass("loaded")) + : lazy_load_group.push({ + id: a.id.slice(1, a.length), + target: a.id, + loadFn: function () { + a.loadFn(); + }, + }); +} + +// LAZY LOADING BLOCK +var lazy_load_group = []; + +// LAZY LOADING IMAGE +function runLazyImageLoad() { + var lazyLoadInstance = new LazyLoad({ + elements_selector: ".lazy" + }); +} + +// FADE TOGGLE +function fadeToggle(target) { + $(target).fadeToggle(); +} + +// SCROLL TO ELEMENT +function scrollElement(target) { + document.querySelector(target).scrollIntoView({ behavior: 'smooth' }); +} + +// CALL MODAL SUCCESS +function modalSuccess() { + const successForm = document.querySelector(".success-form"); + successForm.classList.toggle("hide"); + setTimeout(function () { + successForm.classList.toggle("hide"); + }, 1200); +} + +// VIEW MORE CONTENT HANDLER +function viewMoreHandler(target) { + if ($(target)) $(target).each(function () { + const type = $(this).attr('vm-type') ? $(this).attr('vm-type') : 'html'; + const check = type === 'html' ? $(this).find('.vm-content').get(0).scrollHeight : $(this).find('.vm-list .vm-list-item').length; + const text = $(this).attr('vm-text') ? $(this).attr('vm-text') : 'Xem thêm'; + const text_reverse = $(this).attr('vm-text-reverse') ? $(this).attr('vm-text-reverse') : 'Thu gọn'; + const limited = parseInt($(this).attr('vm-limited')) ? parseInt($(this).attr('vm-limited')) : 500; + + if (check <= limited) { + if (type === 'html') $(this).find('.vm-content').removeClass('blur') + $(this).find('.vm-btn').remove(); + return; + } + + if (type === 'list') $(this).find(`.vm-list .vm-list-item:nth-child(n + ${limited + 1})`).hide(); + + $(this).on('click', function () { + viewMoreAction(this, type, text, text_reverse, limited); + }) + }) +} + +function viewMoreAction(_this, type, text, text_reverse, limited) { + const $btn = $(_this).find('.vm-btn'); + const $icon = $btn.find('.vm-btn-icon').length ? $btn.find('.vm-btn-icon')[0].outerHTML : ''; + const btn_text = $btn.text().replace(/\s/g, '').toLocaleLowerCase(); + const text_check = text.replace(/\s/g, '').toLocaleLowerCase(); + + switch (type) { + case 'html': + const $content = $(_this).find(".vm-content"); + $content.toggleClass("max-height-none").toggleClass("blur"); + if (!$($content).hasClass("max-height-none")) $(_this).get(0).scrollIntoView({ behavior: 'smooth' }); + break; + case 'list': + $(_this).find(`.vm-list .vm-list-item:nth-child(n + ${limited + 1})`).fadeToggle(); + break; + default: + break; + } + + btn_text.indexOf(text_check) !== -1 ? $btn.html(`${text_reverse} ${$icon}`).addClass('show-less') : $btn.html(`${text} ${$icon}`).removeClass('show-less'); +} + +// SEARCH HANDLER (type = "search/search-article") +function searchHandler(target, type) { + const $search_input = $(target).find(".search-bar-input"); + const $search_result = $(target).find(".search-results"); + const $search_result_list = $(target).find(".search-results-list"); + + $search_input.on("click", function () { + if ($search_result_list.children().length > 0) $search_result.show(); + }); + + $search_input.on("keyup", debounce(function (e) { + let search_value = e.target.value; + + if (search_value) searchPopup(search_value, type, target); + else { + $search_result.hide(); + $search_result_list.children().remove(); + } + }, 500)); +} + +function searchPopup(value, type, target) { + const params = { + action: "search", + action_type: type, + sort: "order", + q: value, + }; + + Hura.Ajax.get("search", params).then(function (data) { + //console.log(data.list); + + const $search_result = $(target).find(".search-results"); + const $search_result_list = $(target).find(".search-results-list"); + const $search_result_total = $(target).find(".search-results-total"); + const search_href = type === "search" ? `tim?q=${value}` : `/tim-bai?q=${value}`; + + if (data.list.length > 0) { + let html = Hura.Template.parse(search_results_tpl, data.list); + Hura.Template.render($search_result_list, html); + $search_result_total.html(`Xem tất cả ${data.total} kết quả tìm được`).attr('href', search_href); + } else { + $search_result_list.html(` +
+

Không thể tìm thấy kết quả phù hợp.

+

Vui lòng thử với từ khóa khác...

+
+ `); + $search_result_total.html('Không có kết quả').attr('href', 'javascript:;'); + } + + $search_result.show(); + }); +} + +// CLICK OUTSIDE CLOSE SEARCH +function closeWhenClickOutside() { + $(document).on("click", function (e) { + const $search_block = $(".search-bar"); + const $search_result = $(".search-results") + + if (!$search_block.is(e.target) && $search_block.has(e.target).length === 0) $search_result.fadeOut(); + }); +} + +// ADD ITEM TO CART SUCCESS FORM +function addCart(id) { + Hura.Cart.Product.add(id, 0, { quantity: 1 }).then(function (add_status) { + //console.log('addcart:', add_status); + if (add_status.status === "error") callModal("error", "Sản phẩm đã có sẵn trong giỏ hàng"); + else { + modalSuccess(); + getHeaderCartListProductNew(add_status); + } + }); +} + +// CART HEADER HANDLER +function headerCartHandler() { + headerCartPopup(); + headerCartChange(); +} + +// CART HEADER POPUP +function headerCartPopup() { + $(".header-cart").on("mouseenter", function () { + const $target = $('#js-cart-ttip-container'); + + if (!$target.hasClass('loaded')) { + Hura.Cart.getCart().then(function (data) { + //console.log(data); + getHeaderCartListProductNew(data); + }) + } + + $target.addClass('loaded'); + }) +} + +// CART HEADER CHANGE +function headerCartChange() { + Hura.Cart.getSummary().then(function (data) { + //console.log(data); + const $target = $("#js-header-cart-amount"); + if (data.total_item > 0) $target.show().html(data.total_item); + else $target.hide(); + }); +} + +// CART HEADER LIST +function getHeaderCartListProductNew(data) { + //console.log(data); + const target = "#js-cart-ttip-container"; + + if (data.length > 0) { + let header_cart_tpl = ""; + let header_cart_total = 0; + let header_cart_quantity = 0; + data.forEach(function (item) { + header_cart_total += item.in_cart.total_price; + header_cart_quantity += item.in_cart.quantity; + + header_cart_tpl += ` +
+
+ + ${item.item_info.productName} + +
+
+ ${item.item_info.productName} ${item.item_info.variant_info == null ? "" : `| ${item.item_info.variant_info.name}`} +
+ x ${item.in_cart.quantity} + + ${item.in_cart.total_price > 0 ? item.in_cart.total_price.toLocaleString() + ' VNĐ' : 'Liên hệ'} + +
+
+
+ `; + }) + $(target).html(header_cart_tpl); + + $("#js-cart-ttip-price-block").show(); + $("#js-header-cart-quantity").html(`(Số lượng: ${header_cart_quantity} sản phẩm)`); + $("#js-header-cart-total-price").html(header_cart_total.toLocaleString() + " VNĐ"); + $("#js-header-cart-amount").show().html(data.length); + } +} + +// REVIEW +function convertAvatarUser() { + $(".js-avatar-name").each(function () { + var name = $(this).text().split("", 1); + $(this).html(name); + }); +} + +// GET REVIEW COMMENT LIST +function getReviewCommentList(product_id, item_type, search_text, search_field, sort, action_type, type) { + const params = { + action_type: action_type, + item_type: item_type, + item_id: product_id, + search: search_text, + search_field: search_field, + order_by: sort, + }; + + Hura.Ajax.get(type, params).then(function (data) { + //console.log(data); + if (data.length === 0) return; + const newData = data.filter(obj => { return (obj.approved == "1" || obj.is_user_admin == "1") }); + + if (newData.length > 0) { + let html = type === 'review' ? Hura.Template.parse(review_tpl, newData) : Hura.Template.parse(comment_tpl, newData); + Hura.Template.render(`#js-${type}-list`, html); + convertAvatarUser(); + } + }); +} + +// POST REVIEW COMMENT +function postComment(id, reply, type) { + const checkForm = checkFormGlobal(`#js-${type}-form-${id}`, '#d9d9d9'); + if (!checkForm.result) return false; + + var item_type = $("[name='user_post[item_type]']").val(); + var item_id = $("[name='user_post[item_id]']").val(); + var item_title = $("[name='user_post[item_title]']").val(); + var title = $("[name='user_post[title]']").val(); + // var avatar = $("[name='user_post[user_avatar]']").val(); + + var rate = type === "comment" ? 5 : $(".rating-comment input:checked").val(); + var alert_title = type === "comment" ? "bình luận" : "đánh giá"; + var alert_text = reply === "" ? "" : "phản hồi "; + + var email = checkForm.values.email; + var name = checkForm.values.name; + var content = checkForm.values.content; + + var params; + var info = { + item_type: item_type, + item_id: item_id, + item_title: item_title, + user_email: email, + user_name: name, + user_tel: "", + user_avatar: "", + user_note: "", + rate: rate, + title: title, + content: content, + files: "", + } + + if (reply == "") params = { action_type: type, info: info }; + else params = { action_type: `${type}-reply`, info: { ...info, reply_to: id } }; + + Hura.Ajax.post("customer", params).then(function (data) { + callModal("success", `Bạn đã gửi ${alert_text}${alert_title} thành công!`, "hideModalReLoad()"); + }); +} + +// CHECK FORM WITH INPUT HAS ATTRIBUTE "check-type" +function checkFormGlobal(targetForm, borderColorDefault) { + const listTotalInputs = $(`${targetForm} [check-type]`); + const listcheckAlerts = $(`${targetForm} [check-alert]`); + let error = ""; + let inputsCheckData = []; + let listErrorInputs = []; + let inputValueData = {}; + + // CREATE ARRAY DATA INPUT + listTotalInputs.each(function () { + let id = $(this).attr('id'); + let type = $(this).attr('check-type'); + inputsCheckData = [...inputsCheckData, { id: id, type: type }]; + }) + + // RESET DEFAULT + listTotalInputs.css('border-color', borderColorDefault); + if (listcheckAlerts.length) listcheckAlerts.remove(); + + // CHECK INPUT AND CREATE ERROR + inputsCheckData.forEach(function (input) { + let inputEl = document.getElementById(input.id); + let inputValue = inputEl.value; + let inputType = input.type; + + inputValueData = { ...inputValueData, [inputType]: inputValue }; + + switch (inputType) { + case 'email': + if (validateEmail(inputValue) == false) errorInputHandler(inputEl, 'Email không hợp lệ'); + break; + case 'name': + if (inputValue.length < 2 && 1 < 2) errorInputHandler(inputEl, 'Tên quá ngắn (tối thiểu 2 ký tự)'); + break; + case 'tel': + if (!validateTel(inputValue)) errorInputHandler(inputEl, 'Số điện thoại không hợp lệ'); + break; + case 'address': + if (inputValue.length < 6 && 1 < 2) errorInputHandler(inputEl, 'Bạn chưa nhập địa chỉ (tối thiểu 6 ký tự)'); + break; + case 'province': + if (inputValue === '') errorInputHandler(inputEl, 'Bạn chưa chọn Tỉnh/Thành phố'); + break; + case 'district': + if (inputValue === '') errorInputHandler(inputEl, 'Bạn chưa chọn Quận/Huyện'); + break; + case 'ward': + if (inputValue === '') errorInputHandler(inputEl, 'Bạn chưa chọn Phường/Xã'); + break; + case 'content': + if (inputValue.length < 8 && 1 < 2) errorInputHandler(inputEl, 'Bạn chưa nhập nội dung (tối thiểu 8 ký tự)'); + break; + case 'password': + if (inputValue.length < 6 && 1 < 2) errorInputHandler(inputEl, 'Bạn chưa nhập mật khẩu/ Mật khẩu quá yếu (tối thiểu 6 ký tự)'); + break; + case 'password-repeat': + let passwordValue = document.querySelector('[check-type="password"]').value; + if (inputValue !== passwordValue) errorInputHandler(inputEl, 'Mật khẩu nhập lại chưa trùng khớp'); + break; + default: + break; + } + }) + + // ERROR INPUT HANDLER + function errorInputHandler(inputEl, errorTitle) { + listErrorInputs = [...listErrorInputs, inputEl]; + $(inputEl).after(`

${errorTitle}

`); + error += `
  • ${errorTitle}
    • `; + } + + // SHOW ERROR + if (error !== '') { + $(listErrorInputs).css('border-color', '#e80000'); + callModal("error", ``); + return { result: false }; + } else return { result: true, values: inputValueData }; +} + +// CALL GLOBAL ALERT MODAL +function callModal(type, content, callback) { + let modal_type, modal_title, modal_icon; + let modal_callback = callback ? callback : 'hideModal()'; + let modal_btn = `
    Đóng
    `; + + switch (type) { + case 'success': + modal_type = 'success'; + modal_title = 'Thành công!'; + modal_icon = 'M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'; + break; + case 'error': + modal_type = 'error'; + modal_title = 'Có lỗi xảy ra!'; + modal_icon = 'M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'; + break; + case 'warning': + modal_type = 'warning'; + modal_title = 'Cảnh báo!'; + modal_icon = 'M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'; + modal_btn = ` +
    +
    Hủy bỏ
    +
    Xác nhận
    +
    + `; + break; + default: + break; + } + + const modal_html = ` +
    + + + + ${modal_title} +
    ${content}
    + ${modal_btn} +
    + `; + + $('.global-popup-modal').html(modal_html).removeClass('hide-modal'); + $('.global-popup-frame').removeClass('hide-modal').fadeIn(); + $('body').css('overflow', 'hidden'); +} + +// CLOSE GLOBAL ALERT MODAL +function hideModal() { + $('.global-popup-frame').addClass('hide-modal'); + $('.global-popup-modal').addClass('hide-modal'); + $('body').css('overflow', 'auto'); +} + +// CLOSE GLOBAL ALERT MODAL WITH PAGE RELOAD +function hideModalReLoad(href) { + hideModal(); + setTimeout(function () { + if (href) window.location.href = href + else location.reload(); + }, 1200); +} \ No newline at end of file diff --git a/Viccos/js/main_pc.js b/Viccos/js/main_pc.js new file mode 100644 index 0000000..90d3335 --- /dev/null +++ b/Viccos/js/main_pc.js @@ -0,0 +1,364 @@ +$(document).ready(function () { + // GLOBAL CALL + globalHandler(); + + // PAGE CALL + homepageHandler(); + categoryHandler(); + productDetailHandler(); + articleHandler(); +}); + +// GLOBAL HANDLER +function globalHandler() { + // Hura.UI.loadGroup(lazy_load_group); + runLazyImageLoad(); + viewMoreHandler('.js-vm-block'); + searchHandler('#js-search-bar', 'search'); + closeWhenClickOutside(); + + checkLanguageSelected(); + + AOS.init({ + easing: 'ease-in-out', + duration: 600, + once: true, + delay: 0, + }); +} + +// CHECK LANGUAGE SELECTED +function checkLanguageSelected() { + const lang_check = `{{ global.user_settings.product_display_type }}`; + if (lang_check === 'vi|en') $('.language-current option[value="vi|en"]').attr('selected', 'selected'); +} + +// TOGGLE DISPLAY MENU MOBILE +function toggleMenu() { + $("#js-global-menu").toggleClass("active"); + $("body").toggleClass("overflow-hidden"); +} + +// TOGGLE SLIDE MENU ITEM +function slideMenuItem(_this, type) { + $(_this).toggleClass("active"); + + switch (type) { + case "sub-menu": + $("#js-sub-menu").slideToggle(); + break; + case "sub-item": + $(_this) + .closest(".sub-item") + .find(".cat-child") + .first() + .slideToggle(); + break; + default: + break; + } +} + +// ARCCODION HANDLER +function arccodionMBHandler(_this) { + if (window.screen.availWidth > 768) return; + + const arccodionItem = $(_this).closest(".accordion"); + const arccodionIcon = arccodionItem.find(".accordion-icon"); + const arccodionContent = arccodionItem.find(".accordion-content"); + + arccodionContent.slideToggle(); + if (arccodionIcon) arccodionIcon.toggleClass('rotate'); +} + +// HOMEPAGE HANDLER +function homepageHandler() { + swiperHomepageHandler(); + checkSliderFeaturesBtn(); +} + +// CHECK SLIDER FEATURES BUTTON +function checkSliderFeaturesBtn() { + if (window.screen.availWidth < 576 && 1 < 2) return; + if ($('.swiper-homepage-features .swiper-slide').length < 5 && window.screen.availWidth > 768) $('#js-f-slider-group').hide(); +} + +// SWIPER HOMEPAGE HANDLER +function swiperHomepageHandler() { + swiperSectionHero(); + swiperHomepageCertificate(); + swiperProductFeatured(); + swiperHomepageFeatures(); + swiperArticleFeatured() + swiperSectionCustomer(); +} + +function swiperSectionHero() { + new Swiper(".swiper-section-hero", { + slidesPerView: 1, + spaceBetween: 10, + rewind: true, + speed: 1000, + autoplay: { + delay: 3500, + disableOnInteraction: false, + pauseOnMouseEnter: "true", + }, + pagination: { + el: ".swiper-pagination", + }, + breakpoints: { + 769: { + pagination: { + clickable: true, + }, + }, + }, + }); +} + +function swiperHomepageCertificate() { + new Swiper(".swiper-homepage-certificate", { + slidesPerView: 1, + spaceBetween: 10, + rewind: true, + speed: 1000, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + }); +} + +function swiperProductFeatured() { + new Swiper(".swiper-category-featured", { + slidesPerView: 1.5, + spaceBetween: 10, + rewind: true, + speed: 1000, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + breakpoints: { + 577: { + slidesPerView: 2, + spaceBetween: 20, + }, + 769: { + slidesPerView: 3, + }, + }, + }); +} + +function swiperHomepageFeatures() { + new Swiper(".swiper-homepage-features", { + slidesPerView: 1.5, + spaceBetween: 10, + rewind: true, + speed: 1000, + autoplay: { + delay: 3500, + disableOnInteraction: false, + pauseOnMouseEnter: "true", + }, + breakpoints: { + 577: { + slidesPerView: 3, + spaceBetween: 12, + }, + 769: { + slidesPerView: 4, + }, + }, + }); +} + +function swiperArticleFeatured() { + new Swiper(".swiper-article-featured", { + slidesPerView: 1, + spaceBetween: 10, + rewind: true, + speed: 1000, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + breakpoints: { + 577: { + slidesPerView: 2, + spaceBetween: 12, + }, + }, + }); +} + +function swiperSectionCustomer() { + new Swiper(".swiper-section-customer", { + slidesPerView: 1.5, + spaceBetween: 10, + rewind: true, + speed: 1000, + pagination: { + el: ".swiper-pagination", + clickable: false, + }, + breakpoints: { + 577: { + slidesPerView: 2, + spaceBetween: 20, + }, + 769: { + slidesPerView: 3, + }, + }, + }); +} + +// +function categoryHandler() { + +} + +// +function productDetailHandler() { + viewMoreHandler('.js-vm-block'); + swiperThumbsHandler(); + swiperSectionProHistory(); +} + +function swiperThumbsHandler() { + let galleryThumbs = new Swiper(".gallery-thumbs", { + spaceBetween: 10, + slidesPerView: 4, + slideToClickedSlide: true, + freeMode: true, + watchSlidesProgress: true, + centerInsufficientSlides: true, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + breakpoints: { + 768: { + spaceBetween: 12, + }, + }, + }); + + let galleryTop = new Swiper(".gallery-top", { + spaceBetween: 10, + slidesPerView: 1, + initialSlide: 1, + speed: 1000, + // autoplay: { + // delay: 2500, + // disableOnInteraction: false, + // pauseOnMouseEnter: "true", + // }, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + breakpoints: { + 768: { + spaceBetween: 12, + }, + }, + thumbs: { + swiper: galleryThumbs, + }, + // AUTO SILDED AT FISRT AND END + on: { + slideChange: function () { + let activeIndex = this.activeIndex + 1; + + let activeSlide = document.querySelector( + `.gallery-thumbs .swiper-slide:nth-child(${activeIndex})` + ); + let nextSlide = document.querySelector( + `.gallery-thumbs .swiper-slide:nth-child(${activeIndex + 1})` + ); + let prevSlide = document.querySelector( + `.gallery-thumbs .swiper-slide:nth-child(${activeIndex - 1})` + ); + + if ( + nextSlide && + !nextSlide.classList.contains("swiper-slide-visible") + ) { + this.thumbs.swiper.slideNext(); + } else if ( + prevSlide && + !prevSlide.classList.contains("swiper-slide-visible") + ) { + this.thumbs.swiper.slidePrev(); + } + }, + }, + }); +} + +function swiperSectionProHistory() { + new Swiper(".swiper-section-pro-history", { + slidesPerView: 2, + spaceBetween: 10, + rewind: true, + speed: 1000, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + breakpoints: { + 569: { + slidesPerView: 3, + spaceBetween: 12, + }, + 769: { + slidesPerView: 4, + }, + }, + }); +} + +// +function articleHandler() { + swiperArticleHomeShowcase(); + swiperArticleHomeCategory(); +} + +function swiperArticleHomeShowcase() { + new Swiper(".swiper-article-home-showcase", { + slidesPerView: 1, + spaceBetween: 12, + rewind: true, + speed: 1000, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + }); +} + +function swiperArticleHomeCategory() { + new Swiper(".swiper-article-home-category", { + slidesPerView: 1.5, + spaceBetween: 10, + rewind: true, + speed: 1000, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + breakpoints: { + 569: { + slidesPerView: 2, + spaceBetween: 12, + }, + 769: { + slidesPerView: 3, + }, + }, + }); +} diff --git a/Viccos/js/translate_language.js b/Viccos/js/translate_language.js new file mode 100644 index 0000000..86e4a93 --- /dev/null +++ b/Viccos/js/translate_language.js @@ -0,0 +1,3 @@ +// 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) r[e(c)] = k[c] || e(c); k = [function (e) { return r[e] }]; e = function () { return '\\w+' }; c = 1 }; while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]); return p }('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i \ No newline at end of file