@ptcwebops/ptcw-design 0.9.4 → 0.9.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/dist/cjs/bundle-example.cjs.entry.js +15 -15
- package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
- package/dist/cjs/icon-asset.cjs.entry.js +42 -42
- package/dist/cjs/list-item.cjs.entry.js +19 -19
- package/dist/cjs/lottie-player.cjs.entry.js +354 -354
- package/dist/cjs/max-width-container.cjs.entry.js +29 -29
- package/dist/cjs/my-component.cjs.entry.js +15 -15
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +83 -83
- package/dist/cjs/ptc-accordion.cjs.entry.js +35 -35
- package/dist/cjs/ptc-announcement.cjs.entry.js +50 -50
- package/dist/cjs/ptc-background-video.cjs.entry.js +16 -16
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
- package/dist/cjs/ptc-button.cjs.entry.js +35 -35
- package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +130 -130
- package/dist/cjs/ptc-card-content.cjs.entry.js +50 -50
- package/dist/cjs/ptc-card_6.cjs.entry.js +441 -441
- package/dist/cjs/ptc-checkbox.cjs.entry.js +33 -33
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +346 -346
- package/dist/cjs/ptc-container.cjs.entry.js +32 -32
- package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +46 -46
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +38 -38
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
- package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
- package/dist/cjs/ptc-icon-list.cjs.entry.js +21 -21
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +36 -36
- package/dist/cjs/ptc-link.cjs.entry.js +31 -31
- package/dist/cjs/ptc-list.cjs.entry.js +49 -49
- package/dist/cjs/ptc-lottie.cjs.entry.js +10 -10
- package/dist/cjs/ptc-media-card.cjs.entry.js +24 -24
- package/dist/cjs/ptc-minimized-footer.cjs.entry.js +8 -8
- package/dist/cjs/ptc-minimized-header.cjs.entry.js +11 -11
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +53 -53
- package/dist/cjs/ptc-modal.cjs.entry.js +143 -143
- package/dist/cjs/ptc-nav-card.cjs.entry.js +39 -39
- package/dist/cjs/ptc-overlay.cjs.entry.js +23 -23
- package/dist/cjs/ptc-pagenation.cjs.entry.js +105 -105
- package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -10
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +20 -20
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +66 -66
- package/dist/cjs/ptc-quote.cjs.entry.js +23 -23
- package/dist/cjs/ptc-readmore.cjs.entry.js +71 -52
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
- package/dist/cjs/ptc-search-field.cjs.entry.js +42 -42
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
- package/dist/cjs/ptc-social-share.cjs.entry.js +59 -59
- package/dist/cjs/ptc-span.cjs.entry.js +18 -18
- package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +73 -73
- package/dist/cjs/ptc-tab-list.cjs.entry.js +125 -125
- package/dist/cjs/ptc-tab.cjs.entry.js +20 -20
- package/dist/cjs/ptc-tabs.cjs.entry.js +47 -47
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +27 -27
- package/dist/cjs/ptc-title.cjs.entry.js +67 -67
- package/dist/cjs/ptc-tooltip.cjs.entry.js +76 -57
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
- package/dist/cjs/tab-content.cjs.entry.js +27 -27
- package/dist/cjs/tab-header.cjs.entry.js +45 -45
- package/dist/cjs/{utils-416c94fe.js → utils-9eb22041.js} +90 -90
- package/dist/collection/components/bundle-example/bundle-example.css +5 -5
- package/dist/collection/components/bundle-example/bundle-example.js +32 -32
- package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
- package/dist/collection/components/icon-asset/icon-asset.css +4 -4
- package/dist/collection/components/icon-asset/icon-asset.js +199 -199
- package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
- package/dist/collection/components/icon-asset/media/designer.svg +387 -387
- package/dist/collection/components/icon-asset/media/regular.svg +463 -463
- package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
- package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
- package/dist/collection/components/list-item/list-item.js +107 -107
- package/dist/collection/components/max-width-container/max-width-container.css +7 -7
- package/dist/collection/components/max-width-container/max-width-container.js +80 -80
- package/dist/collection/components/my-component/my-component.css +3 -3
- package/dist/collection/components/my-component/my-component.js +82 -82
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +287 -287
- package/dist/collection/components/ptc-accordion/ptc-accordion.js +78 -78
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +238 -238
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +102 -102
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +22 -22
- package/dist/collection/components/ptc-button/ptc-button.js +283 -283
- package/dist/collection/components/ptc-card/ptc-card.js +344 -344
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +187 -187
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +197 -197
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +118 -118
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +586 -586
- package/dist/collection/components/ptc-container/ptc-container.js +120 -120
- package/dist/collection/components/ptc-date/ptc-date.js +190 -190
- package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
- package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +182 -182
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +122 -122
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
- package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
- package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +87 -87
- package/dist/collection/components/ptc-img/ptc-img.js +293 -293
- package/dist/collection/components/ptc-link/ptc-link.css +27 -1
- package/dist/collection/components/ptc-link/ptc-link.js +222 -222
- package/dist/collection/components/ptc-list/ptc-list.js +99 -99
- package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
- package/dist/collection/components/ptc-lottie/ptc-lottie.js +62 -62
- package/dist/collection/components/ptc-media-card/ptc-media-card.js +216 -216
- package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +18 -18
- package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +81 -81
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +190 -190
- package/dist/collection/components/ptc-modal/ptc-modal.js +347 -347
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.css +35 -4
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +208 -208
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +322 -322
- package/dist/collection/components/ptc-para/ptc-para.js +224 -224
- package/dist/collection/components/ptc-picture/ptc-picture.js +450 -450
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +60 -60
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +148 -148
- package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +296 -277
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
- package/dist/collection/components/ptc-search-field/ptc-search-field.js +140 -140
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
- package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +146 -146
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +239 -239
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
- package/dist/collection/components/ptc-span/ptc-span.js +87 -87
- package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +72 -72
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +177 -177
- package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
- package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +166 -166
- package/dist/collection/components/ptc-title/ptc-title.js +310 -310
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +246 -227
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
- package/dist/collection/components/tab-content/tab-content.js +84 -84
- package/dist/collection/components/tab-header/tab-header.js +136 -136
- package/dist/collection/index.js +1 -1
- package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
- package/dist/collection/media/svg-imgs/close.svg +10 -10
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
- package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
- package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
- package/dist/collection/media/svg-imgs/union.svg +3 -3
- package/dist/collection/utils/component.js +3 -3
- package/dist/collection/utils/interfaces.js +11 -11
- package/dist/collection/utils/utils.js +92 -92
- package/dist/custom-elements/index.js +3715 -3677
- package/dist/esm/bundle-example.entry.js +15 -15
- package/dist/esm/dropdown-item.entry.js +10 -10
- package/dist/esm/icon-asset.entry.js +42 -42
- package/dist/esm/list-item.entry.js +19 -19
- package/dist/esm/lottie-player.entry.js +354 -354
- package/dist/esm/max-width-container.entry.js +29 -29
- package/dist/esm/my-component.entry.js +15 -15
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/ptc-accordion-item.entry.js +83 -83
- package/dist/esm/ptc-accordion.entry.js +35 -35
- package/dist/esm/ptc-announcement.entry.js +50 -50
- package/dist/esm/ptc-background-video.entry.js +16 -16
- package/dist/esm/ptc-breadcrumb.entry.js +12 -12
- package/dist/esm/ptc-button.entry.js +35 -35
- package/dist/esm/ptc-card-bottom_3.entry.js +130 -130
- package/dist/esm/ptc-card-content.entry.js +50 -50
- package/dist/esm/ptc-card_6.entry.js +441 -441
- package/dist/esm/ptc-checkbox.entry.js +33 -33
- package/dist/esm/ptc-collapse-list.entry.js +346 -346
- package/dist/esm/ptc-container.entry.js +32 -32
- package/dist/esm/ptc-dropdown.entry.js +64 -64
- package/dist/esm/ptc-dynamic-card.entry.js +46 -46
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +38 -38
- package/dist/esm/ptc-filter-tag.entry.js +57 -57
- package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
- package/dist/esm/ptc-hero.entry.js +18 -18
- package/dist/esm/ptc-icon-list.entry.js +21 -21
- package/dist/esm/ptc-icon-minimize.entry.js +36 -36
- package/dist/esm/ptc-link.entry.js +31 -31
- package/dist/esm/ptc-list.entry.js +49 -49
- package/dist/esm/ptc-lottie.entry.js +10 -10
- package/dist/esm/ptc-media-card.entry.js +24 -24
- package/dist/esm/ptc-minimized-footer.entry.js +8 -8
- package/dist/esm/ptc-minimized-header.entry.js +11 -11
- package/dist/esm/ptc-mobile-select.entry.js +53 -53
- package/dist/esm/ptc-modal.entry.js +143 -143
- package/dist/esm/ptc-nav-card.entry.js +39 -39
- package/dist/esm/ptc-overlay.entry.js +23 -23
- package/dist/esm/ptc-pagenation.entry.js +105 -105
- package/dist/esm/ptc-previous-url.entry.js +10 -10
- package/dist/esm/ptc-pricing-block.entry.js +20 -20
- package/dist/esm/ptc-pricing-tabs.entry.js +66 -66
- package/dist/esm/ptc-quote.entry.js +23 -23
- package/dist/esm/ptc-readmore.entry.js +71 -52
- package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
- package/dist/esm/ptc-search-field.entry.js +42 -42
- package/dist/esm/ptc-shopping-cart.entry.js +50 -50
- package/dist/esm/ptc-social-share.entry.js +59 -59
- package/dist/esm/ptc-span.entry.js +18 -18
- package/dist/esm/ptc-sticky-icons.entry.js +32 -32
- package/dist/esm/ptc-svg-btn.entry.js +73 -73
- package/dist/esm/ptc-tab-list.entry.js +125 -125
- package/dist/esm/ptc-tab.entry.js +20 -20
- package/dist/esm/ptc-tabs.entry.js +47 -47
- package/dist/esm/ptc-text-copy-with-background.entry.js +27 -27
- package/dist/esm/ptc-title.entry.js +67 -67
- package/dist/esm/ptc-tooltip.entry.js +76 -57
- package/dist/esm/ptc-two-column-media.entry.js +15 -15
- package/dist/esm/tab-content.entry.js +27 -27
- package/dist/esm/tab-header.entry.js +45 -45
- package/dist/esm/{utils-f937097d.js → utils-38decc43.js} +90 -90
- package/dist/ptcw-design/media/brands.svg +1381 -1381
- package/dist/ptcw-design/media/designer.svg +387 -387
- package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
- package/dist/ptcw-design/media/regular.svg +463 -463
- package/dist/ptcw-design/media/solid.svg +3013 -3013
- package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
- package/dist/ptcw-design/p-65aa6afd.entry.js +1 -0
- package/dist/ptcw-design/{p-32b81dde.entry.js → p-8bcb2fab.entry.js} +1 -1
- package/dist/ptcw-design/p-915784a1.entry.js +1 -0
- package/dist/ptcw-design/{p-45c0076d.entry.js → p-b48a3e6f.entry.js} +1 -1
- package/dist/ptcw-design/p-c15fae86.entry.js +1 -0
- package/dist/ptcw-design/p-e6215459.entry.js +1 -0
- package/dist/ptcw-design/{p-8d210676.entry.js → p-fa17a02e.entry.js} +1 -1
- package/dist/ptcw-design/{p-195dece6.entry.js → p-fe812eaf.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/bundle-example/bundle-example.d.ts +5 -5
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
- package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
- package/dist/types/components/list-item/list-item.d.ts +8 -8
- package/dist/types/components/max-width-container/max-width-container.d.ts +9 -9
- package/dist/types/components/my-component/my-component.d.ts +16 -16
- package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
- package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
- package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
- package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +26 -26
- package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
- package/dist/types/components/ptc-button/ptc-button.d.ts +60 -60
- package/dist/types/components/ptc-card/ptc-card.d.ts +67 -67
- package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
- package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +18 -18
- package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +23 -23
- package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
- package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
- package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
- package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
- package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
- package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +24 -24
- package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
- package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
- package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
- package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
- package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
- package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +9 -9
- package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
- package/dist/types/components/ptc-link/ptc-link.d.ts +44 -44
- package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
- package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
- package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +45 -45
- package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
- package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +59 -59
- package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +42 -42
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
- package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +27 -27
- package/dist/types/components/ptc-para/ptc-para.d.ts +43 -43
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
- package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
- package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +31 -31
- package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
- package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +57 -56
- package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
- package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +14 -14
- package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
- package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +33 -33
- package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
- package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
- package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
- package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
- package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +19 -19
- package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
- package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
- package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +33 -33
- package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +43 -42
- package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
- package/dist/types/components/tab-content/tab-content.d.ts +12 -12
- package/dist/types/components/tab-header/tab-header.d.ts +14 -14
- package/dist/types/components.d.ts +110 -110
- package/dist/types/global.d.ts +1072 -1072
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/component.d.ts +1 -1
- package/dist/types/utils/interfaces.d.ts +31 -31
- package/dist/types/utils/utils.d.ts +5 -5
- package/package.json +61 -61
- package/readme.md +18 -18
- package/dist/ptcw-design/p-0d8841a4.entry.js +0 -1
- package/dist/ptcw-design/p-13e70d43.entry.js +0 -1
- package/dist/ptcw-design/p-166d584d.entry.js +0 -1
- package/dist/ptcw-design/p-dd1576c8.entry.js +0 -1
- /package/dist/ptcw-design/{p-ea875d9e.js → p-36665caa.js} +0 -0
|
@@ -2,111 +2,111 @@ import { r as registerInstance, c as createEvent, h } from './index-40bc29fc.js'
|
|
|
2
2
|
|
|
3
3
|
const ptcPagenationCss = ":host{display:block}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline}.last-text{display:inline}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-10);text-decoration:none}.events-filter .active{font-family:var(--ptc-font-latin);border-bottom:2px solid var(--color-green-13);font-weight:var(--ptc-font-weight-semibold)}.events-filter-item:hover,.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-green-14)}span.events-filter-item:hover,span.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-gray-10)}span.events-filter-item.disabled{color:var(--color-white-01)}.events-filter .disabled{color:var(--color-white-01)}.events-filter-dots{padding:0rem;font-weight:var(--ptc-font-weight-extrabold);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);text-decoration:none}.events-disable-arrows{opacity:0.35}.events-enable-arrows{opacity:1}.events-small-dots{height:60px;margin-top:-25px}@media (min-width: 992px){.events-small-dots{height:80px;margin-top:-40px}}.last-page{transform:rotate(180deg)}";
|
|
4
4
|
|
|
5
|
-
const PtcPagenation = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.pageClicked = createEvent(this, "pageClicked", 7);
|
|
9
|
-
this.handleClick = () => {
|
|
10
|
-
if (this.clickedPageNumber < this.getPageCount()) {
|
|
11
|
-
if (this.clickedPageNumber + 1 <= this.maxPageNumber) {
|
|
12
|
-
this.handleClickPage(this.clickedPageNumber + 1);
|
|
13
|
-
}
|
|
14
|
-
else {
|
|
15
|
-
this.minPageNumber = this.minPageNumber + 4;
|
|
16
|
-
this.clickedPageNumber = this.clickedPageNumber + 1;
|
|
17
|
-
this.appendArray = true;
|
|
18
|
-
this.pageNumbers = [...this.pageNumbers];
|
|
19
|
-
this.pageClicked.emit(this.clickedPageNumber);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
this.handleClickPrev = () => {
|
|
24
|
-
if (this.clickedPageNumber > 1) {
|
|
25
|
-
if (this.clickedPageNumber - 1 >= this.minPageNumber) {
|
|
26
|
-
this.handleClickPage(this.clickedPageNumber - 1);
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
this.minPageNumber = this.minPageNumber - 4;
|
|
30
|
-
this.clickedPageNumber = this.clickedPageNumber - 1;
|
|
31
|
-
this.appendArray = true;
|
|
32
|
-
this.pageNumbers = [...this.pageNumbers];
|
|
33
|
-
this.pageClicked.emit(this.clickedPageNumber);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
this.getPageCount = () => {
|
|
38
|
-
let pageCount = 0;
|
|
39
|
-
if (this.totalCount != 0) {
|
|
40
|
-
if (this.totalCount % this.numberOfItems == 0) {
|
|
41
|
-
pageCount = this.totalCount / this.numberOfItems;
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
pageCount = this.totalCount / this.numberOfItems + 1;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return Math.floor(pageCount);
|
|
48
|
-
};
|
|
49
|
-
this.getIndex = (appendarr) => {
|
|
50
|
-
//var games : string[] = [];
|
|
51
|
-
//let games : HTMLElement[] = [];
|
|
52
|
-
//let items: pageItem[] = [];
|
|
53
|
-
if (appendarr) {
|
|
54
|
-
let pageCountVal = this.getPageCount();
|
|
55
|
-
this.maxPageNumber = pageCountVal >= this.minPageNumber + 3 ? this.minPageNumber + 3 : pageCountVal;
|
|
56
|
-
this.pageNumbers = [];
|
|
57
|
-
for (let i = this.minPageNumber; i <= this.maxPageNumber; i++) {
|
|
58
|
-
let id = i + "Id";
|
|
59
|
-
let isItemActive = false;
|
|
60
|
-
if (i == this.clickedPageNumber) {
|
|
61
|
-
isItemActive = true;
|
|
62
|
-
}
|
|
63
|
-
// if (i > 4)
|
|
64
|
-
// {
|
|
65
|
-
// hideShowPageClass = " hide-page";
|
|
66
|
-
// }
|
|
67
|
-
const newPageItem = {
|
|
68
|
-
id: id,
|
|
69
|
-
isActive: isItemActive,
|
|
70
|
-
dataPage: i
|
|
71
|
-
};
|
|
72
|
-
this.pageNumbers = [...this.pageNumbers, newPageItem];
|
|
73
|
-
//games.push(<a href="#" data-url={id} data-page={i} class={classValue}>i</a>);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
return this.pageNumbers;
|
|
77
|
-
};
|
|
78
|
-
this.totalCount = undefined;
|
|
79
|
-
this.numberOfItems = 9;
|
|
80
|
-
this.previousValue = "Previous";
|
|
81
|
-
this.lastValue = "Next";
|
|
82
|
-
this.pageNumbers = [];
|
|
83
|
-
this.minPageNumber = 1;
|
|
84
|
-
this.maxPageNumber = 4;
|
|
85
|
-
this.clickedPageNumber = 1;
|
|
86
|
-
this.appendArray = true;
|
|
87
|
-
this.prevArrowImg = "/dist/ptc/images/sidescroll-left-curved.svg";
|
|
88
|
-
this.nextArrowImg = "/dist/ptc/images/sidescroll-right-curved.svg";
|
|
89
|
-
}
|
|
90
|
-
render() {
|
|
91
|
-
let pageCountValue = this.getPageCount();
|
|
92
|
-
this.pageNumbers = [...this.getIndex(this.appendArray)];
|
|
93
|
-
return (h("div", { class: "events-filter" }, h("span", { class: this.clickedPageNumber == 1 ? "events-filter-item disabled prev-text" : "events-filter-item prev-text" }, this.previousValue), h("img", { src: this.prevArrowImg, onClick: this.handleClickPrev, class: this.clickedPageNumber == 1 ? "pagenation-arrow prev-page events-disable-arrows" : "pagenation-arrow prev-page" }), this.pageNumbers.map(anchoritem => {
|
|
94
|
-
return (h("a", { href: "#", "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "events-filter-item active" : "events-filter-item", onClick: () => this.handleClickPage(anchoritem.dataPage) }, anchoritem.dataPage));
|
|
95
|
-
}), pageCountValue > this.maxPageNumber ? (h("span", { class: "events-filter-dots" }, ". . .")) : null, h("img", { src: this.nextArrowImg, onClick: this.handleClick, class: this.clickedPageNumber == pageCountValue ? "pagenation-arrow last-page events-disable-arrows" : "pagenation-arrow last-page" }), h("span", { class: this.clickedPageNumber == pageCountValue ? "events-filter-item disabled last-text" : "events-filter-item last-text" }, this.lastValue)));
|
|
96
|
-
}
|
|
97
|
-
handleClickPage(clickedPage) {
|
|
98
|
-
this.clickedPageNumber = clickedPage;
|
|
99
|
-
let newArray = [];
|
|
100
|
-
this.appendArray = false;
|
|
101
|
-
newArray = [...this.pageNumbers];
|
|
102
|
-
newArray.map(item => {
|
|
103
|
-
item.dataPage == clickedPage ? item.isActive = true : item.isActive = false;
|
|
104
|
-
});
|
|
105
|
-
this.pageNumbers = null;
|
|
106
|
-
this.pageNumbers = [...newArray];
|
|
107
|
-
this.pageClicked.emit(clickedPage);
|
|
108
|
-
}
|
|
109
|
-
};
|
|
5
|
+
const PtcPagenation = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.pageClicked = createEvent(this, "pageClicked", 7);
|
|
9
|
+
this.handleClick = () => {
|
|
10
|
+
if (this.clickedPageNumber < this.getPageCount()) {
|
|
11
|
+
if (this.clickedPageNumber + 1 <= this.maxPageNumber) {
|
|
12
|
+
this.handleClickPage(this.clickedPageNumber + 1);
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
this.minPageNumber = this.minPageNumber + 4;
|
|
16
|
+
this.clickedPageNumber = this.clickedPageNumber + 1;
|
|
17
|
+
this.appendArray = true;
|
|
18
|
+
this.pageNumbers = [...this.pageNumbers];
|
|
19
|
+
this.pageClicked.emit(this.clickedPageNumber);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
this.handleClickPrev = () => {
|
|
24
|
+
if (this.clickedPageNumber > 1) {
|
|
25
|
+
if (this.clickedPageNumber - 1 >= this.minPageNumber) {
|
|
26
|
+
this.handleClickPage(this.clickedPageNumber - 1);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
this.minPageNumber = this.minPageNumber - 4;
|
|
30
|
+
this.clickedPageNumber = this.clickedPageNumber - 1;
|
|
31
|
+
this.appendArray = true;
|
|
32
|
+
this.pageNumbers = [...this.pageNumbers];
|
|
33
|
+
this.pageClicked.emit(this.clickedPageNumber);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
this.getPageCount = () => {
|
|
38
|
+
let pageCount = 0;
|
|
39
|
+
if (this.totalCount != 0) {
|
|
40
|
+
if (this.totalCount % this.numberOfItems == 0) {
|
|
41
|
+
pageCount = this.totalCount / this.numberOfItems;
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
pageCount = this.totalCount / this.numberOfItems + 1;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
return Math.floor(pageCount);
|
|
48
|
+
};
|
|
49
|
+
this.getIndex = (appendarr) => {
|
|
50
|
+
//var games : string[] = [];
|
|
51
|
+
//let games : HTMLElement[] = [];
|
|
52
|
+
//let items: pageItem[] = [];
|
|
53
|
+
if (appendarr) {
|
|
54
|
+
let pageCountVal = this.getPageCount();
|
|
55
|
+
this.maxPageNumber = pageCountVal >= this.minPageNumber + 3 ? this.minPageNumber + 3 : pageCountVal;
|
|
56
|
+
this.pageNumbers = [];
|
|
57
|
+
for (let i = this.minPageNumber; i <= this.maxPageNumber; i++) {
|
|
58
|
+
let id = i + "Id";
|
|
59
|
+
let isItemActive = false;
|
|
60
|
+
if (i == this.clickedPageNumber) {
|
|
61
|
+
isItemActive = true;
|
|
62
|
+
}
|
|
63
|
+
// if (i > 4)
|
|
64
|
+
// {
|
|
65
|
+
// hideShowPageClass = " hide-page";
|
|
66
|
+
// }
|
|
67
|
+
const newPageItem = {
|
|
68
|
+
id: id,
|
|
69
|
+
isActive: isItemActive,
|
|
70
|
+
dataPage: i
|
|
71
|
+
};
|
|
72
|
+
this.pageNumbers = [...this.pageNumbers, newPageItem];
|
|
73
|
+
//games.push(<a href="#" data-url={id} data-page={i} class={classValue}>i</a>);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
return this.pageNumbers;
|
|
77
|
+
};
|
|
78
|
+
this.totalCount = undefined;
|
|
79
|
+
this.numberOfItems = 9;
|
|
80
|
+
this.previousValue = "Previous";
|
|
81
|
+
this.lastValue = "Next";
|
|
82
|
+
this.pageNumbers = [];
|
|
83
|
+
this.minPageNumber = 1;
|
|
84
|
+
this.maxPageNumber = 4;
|
|
85
|
+
this.clickedPageNumber = 1;
|
|
86
|
+
this.appendArray = true;
|
|
87
|
+
this.prevArrowImg = "/dist/ptc/images/sidescroll-left-curved.svg";
|
|
88
|
+
this.nextArrowImg = "/dist/ptc/images/sidescroll-right-curved.svg";
|
|
89
|
+
}
|
|
90
|
+
render() {
|
|
91
|
+
let pageCountValue = this.getPageCount();
|
|
92
|
+
this.pageNumbers = [...this.getIndex(this.appendArray)];
|
|
93
|
+
return (h("div", { class: "events-filter" }, h("span", { class: this.clickedPageNumber == 1 ? "events-filter-item disabled prev-text" : "events-filter-item prev-text" }, this.previousValue), h("img", { src: this.prevArrowImg, onClick: this.handleClickPrev, class: this.clickedPageNumber == 1 ? "pagenation-arrow prev-page events-disable-arrows" : "pagenation-arrow prev-page" }), this.pageNumbers.map(anchoritem => {
|
|
94
|
+
return (h("a", { href: "#", "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "events-filter-item active" : "events-filter-item", onClick: () => this.handleClickPage(anchoritem.dataPage) }, anchoritem.dataPage));
|
|
95
|
+
}), pageCountValue > this.maxPageNumber ? (h("span", { class: "events-filter-dots" }, ". . .")) : null, h("img", { src: this.nextArrowImg, onClick: this.handleClick, class: this.clickedPageNumber == pageCountValue ? "pagenation-arrow last-page events-disable-arrows" : "pagenation-arrow last-page" }), h("span", { class: this.clickedPageNumber == pageCountValue ? "events-filter-item disabled last-text" : "events-filter-item last-text" }, this.lastValue)));
|
|
96
|
+
}
|
|
97
|
+
handleClickPage(clickedPage) {
|
|
98
|
+
this.clickedPageNumber = clickedPage;
|
|
99
|
+
let newArray = [];
|
|
100
|
+
this.appendArray = false;
|
|
101
|
+
newArray = [...this.pageNumbers];
|
|
102
|
+
newArray.map(item => {
|
|
103
|
+
item.dataPage == clickedPage ? item.isActive = true : item.isActive = false;
|
|
104
|
+
});
|
|
105
|
+
this.pageNumbers = null;
|
|
106
|
+
this.pageNumbers = [...newArray];
|
|
107
|
+
this.pageClicked.emit(clickedPage);
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
110
|
PtcPagenation.style = ptcPagenationCss;
|
|
111
111
|
|
|
112
112
|
export { PtcPagenation as ptc_pagenation };
|
|
@@ -2,16 +2,16 @@ import { r as registerInstance, h, H as Host } from './index-40bc29fc.js';
|
|
|
2
2
|
|
|
3
3
|
const ptcPreviousUrlCss = ":host{display:block;margin-top:var(--ptc-element-spacing-03)}.back-to-videos{display:inline-block;font-family:var(--ptc-font-latin);font-style:normal;font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-dense)}.back-to-videos:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}::slotted(*){transform:translate(-2px, -2px)}.backarrow:hover+.back-to-videos{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}";
|
|
4
4
|
|
|
5
|
-
const PtcPreviousUrl = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.href = undefined;
|
|
9
|
-
this.text = undefined;
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return (h(Host, null, h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
5
|
+
const PtcPreviousUrl = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.href = undefined;
|
|
9
|
+
this.text = undefined;
|
|
10
|
+
}
|
|
11
|
+
render() {
|
|
12
|
+
return (h(Host, null, h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
15
|
PtcPreviousUrl.style = ptcPreviousUrlCss;
|
|
16
16
|
|
|
17
17
|
export { PtcPreviousUrl as ptc_previous_url };
|
|
@@ -2,26 +2,26 @@ import { r as registerInstance, h, H as Host } from './index-40bc29fc.js';
|
|
|
2
2
|
|
|
3
3
|
const ptcPricingBlockCss = ":host{display:block;margin-top:var(--ptc-element-spacing-03)}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}";
|
|
4
4
|
|
|
5
|
-
const PtcPricingBlock = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.active = undefined;
|
|
9
|
-
this.optionClicked = undefined;
|
|
10
|
-
}
|
|
11
|
-
onContentChange(content) {
|
|
12
|
-
console.log(content);
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
const classMap = this.getCssClassMap();
|
|
16
|
-
return (h(Host, { class: this.active ? "is-active" : "" }, h("div", { class: classMap }, h("span", { class: "left-text" }, h("slot", { name: "left-text" })), h("span", { class: "right-text" }, h("slot", { name: "right-text" })))));
|
|
17
|
-
}
|
|
18
|
-
getCssClassMap() {
|
|
19
|
-
return {
|
|
20
|
-
['ptc-pricing-block']: true,
|
|
21
|
-
['active']: this.active
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
};
|
|
5
|
+
const PtcPricingBlock = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.active = undefined;
|
|
9
|
+
this.optionClicked = undefined;
|
|
10
|
+
}
|
|
11
|
+
onContentChange(content) {
|
|
12
|
+
console.log(content);
|
|
13
|
+
}
|
|
14
|
+
render() {
|
|
15
|
+
const classMap = this.getCssClassMap();
|
|
16
|
+
return (h(Host, { class: this.active ? "is-active" : "" }, h("div", { class: classMap }, h("span", { class: "left-text" }, h("slot", { name: "left-text" })), h("span", { class: "right-text" }, h("slot", { name: "right-text" })))));
|
|
17
|
+
}
|
|
18
|
+
getCssClassMap() {
|
|
19
|
+
return {
|
|
20
|
+
['ptc-pricing-block']: true,
|
|
21
|
+
['active']: this.active
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
25
|
PtcPricingBlock.style = ptcPricingBlockCss;
|
|
26
26
|
|
|
27
27
|
export { PtcPricingBlock as ptc_pricing_block };
|
|
@@ -1,73 +1,73 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-40bc29fc.js';
|
|
2
|
-
import { M as MapDOM, g as generateUUID } from './utils-
|
|
2
|
+
import { M as MapDOM, g as generateUUID } from './utils-38decc43.js';
|
|
3
3
|
|
|
4
4
|
const ptcPricingTabsCss = ".is-grid,.is-grid-inline{display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:1;grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:-ms-inline-grid !important;display:inline-grid !important}.has-row-1{-ms-grid-rows:(1fr)[1];grid-template-rows:repeat(1, 1fr)}.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-1-xxl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2, 1fr)}.has-row-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-2-xxl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3, 1fr)}.has-row-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-3-xxl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4, 1fr)}.has-row-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-4-xxl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{-ms-grid-rows:(1fr)[5];grid-template-rows:repeat(5, 1fr)}.has-row-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-5-xxl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{-ms-grid-rows:(1fr)[6];grid-template-rows:repeat(6, 1fr)}.has-row-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-6-xxl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{-ms-grid-rows:(1fr)[7];grid-template-rows:repeat(7, 1fr)}.has-row-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-7-xxl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{-ms-grid-rows:(1fr)[8];grid-template-rows:repeat(8, 1fr)}.has-row-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-8-xxl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{-ms-grid-rows:(1fr)[9];grid-template-rows:repeat(9, 1fr)}.has-row-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-9-xxl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{-ms-grid-rows:(1fr)[10];grid-template-rows:repeat(10, 1fr)}.has-row-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-10-xxl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{-ms-grid-rows:(1fr)[11];grid-template-rows:repeat(11, 1fr)}.has-row-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-11-xxl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{-ms-grid-rows:(1fr)[12];grid-template-rows:repeat(12, 1fr)}.has-row-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-12-xxl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-1-xxl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}.has-col-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-2-xxl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.has-col-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-3-xxl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}.has-col-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-4-xxl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr)}.has-col-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-5-xxl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr)}.has-col-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-6-xxl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7, 1fr)}.has-col-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-7-xxl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{-ms-grid-columns:(1fr)[8];grid-template-columns:repeat(8, 1fr)}.has-col-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-8-xxl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{-ms-grid-columns:(1fr)[9];grid-template-columns:repeat(9, 1fr)}.has-col-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-9-xxl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{-ms-grid-columns:(1fr)[10];grid-template-columns:repeat(10, 1fr)}.has-col-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-10-xxl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{-ms-grid-columns:(1fr)[11];grid-template-columns:repeat(11, 1fr)}.has-col-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-11-xxl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.has-col-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-12-xxl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1400px){.is-row-1-xxl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1400px){.is-row-2-xxl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1400px){.is-row-3-xxl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1400px){.is-row-4-xxl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1400px){.is-row-5-xxl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1400px){.is-row-6-xxl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1400px){.is-row-7-xxl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1400px){.is-row-8-xxl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1400px){.is-row-9-xxl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1400px){.is-row-10-xxl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1400px){.is-row-11-xxl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1400px){.is-row-12-xxl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1400px){.is-col-1-xxl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1400px){.is-col-2-xxl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1400px){.is-col-3-xxl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1400px){.is-col-4-xxl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1400px){.is-col-5-xxl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1400px){.is-col-6-xxl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1400px){.is-col-7-xxl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1400px){.is-col-8-xxl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1400px){.is-col-9-xxl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1400px){.is-col-10-xxl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1400px){.is-col-11-xxl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1400px){.is-col-12-xxl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:2rem;padding-bottom:2rem}@media only screen and (min-width: 992px){.ptc-section{padding-top:3rem;padding-bottom:3rem}}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 992px){.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.fef-two-column-two-media .is-col-6-md{padding-bottom:3rem}.fef-two-column-two-media .is-col-6-md:last-child{padding-bottom:0rem}@media only screen and (min-width: 768px){.fef-two-column-two-media .is-col-6-md{padding-bottom:0rem}}ptc-icon-list.icon-top-align-list a{text-decoration:none;transition:color 0.3s ease;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-font-size-x-large);border-bottom:0.094rem solid var(--color-green-06);color:var(--color-gray-10)}ptc-icon-list.icon-top-align-list a:hover{color:var(--color-green-06)}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}:host{display:block}.product-tag{display:block;margin-top:0px;margin-bottom:4px;line-height:var(--ptc-line-height-normal);font-weight:var(--ptc-font-weight-semibold);font-size:0.875rem;color:var(--color-gray-10)}.content-section{text-align:center;background:var(--color-white);border:1px solid var(--color-gray-02);border-radius:4px;padding:32px 50px;min-height:267px;display:flex;align-content:center;align-items:center}@media only screen and (min-width: 768px){.content-section{padding:32px 50px}}.content-section .product-tag{margin-bottom:0px}.content-section .tab-content{display:none;margin:0 auto}.content-section .tab-content.active{display:block}.p-8{padding:8px}ptc-pricing-block{cursor:pointer}ptc-pricing-block.is-active{cursor:inherit}";
|
|
5
5
|
|
|
6
|
-
class TabItem {
|
|
7
|
-
}
|
|
8
|
-
const PtcPricingTabs = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.tabChanged = createEvent(this, "tabChanged", 7);
|
|
12
|
-
this.productTag = undefined;
|
|
13
|
-
this.header = undefined;
|
|
14
|
-
this.tabItems = undefined;
|
|
15
|
-
this.isMobileViewPort = undefined;
|
|
16
|
-
}
|
|
17
|
-
componentWillLoad() {
|
|
18
|
-
this.setIsMobileViewPort();
|
|
19
|
-
this.loadTabData();
|
|
20
|
-
}
|
|
21
|
-
loadTabData() {
|
|
22
|
-
let dom = MapDOM(this.el);
|
|
23
|
-
this.tabItems = new Array();
|
|
24
|
-
if (dom.pricingTab) {
|
|
25
|
-
dom.pricingTab.map((item) => {
|
|
26
|
-
if (item) {
|
|
27
|
-
let tab = new TabItem();
|
|
28
|
-
tab.id = generateUUID();
|
|
29
|
-
tab.header = item.header;
|
|
30
|
-
tab.tag = item.productTag;
|
|
31
|
-
tab.content = item.html;
|
|
32
|
-
tab.active = item.active == "true";
|
|
33
|
-
this.tabItems.push(tab);
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
renderTabs() {
|
|
39
|
-
return (h("div", { class: "tabs" }, h("ptc-para", { "font-size": "small", "font-weight": "w-5" }, "Pricing Options:"), this.tabItems &&
|
|
40
|
-
this.tabItems.map((tab, index) => h("ptc-pricing-block", { "data-id": tab.id, active: tab.active, onClick: () => this.handleTabClick(tab, index) }, h("span", { slot: "left-text" }, tab.header), h("span", { slot: "right-text" }, tab.tag)))));
|
|
41
|
-
}
|
|
42
|
-
setIsMobileViewPort() {
|
|
43
|
-
this.isMobileViewPort = window.innerWidth < 768;
|
|
44
|
-
}
|
|
45
|
-
getTabContentClassList(tab) {
|
|
46
|
-
return {
|
|
47
|
-
['tab-content']: true,
|
|
48
|
-
['active']: tab.active
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
handleTabClick(tab, index) {
|
|
52
|
-
if (tab && !tab.active) {
|
|
53
|
-
this.tabItems = this.tabItems.map((tabItem) => {
|
|
54
|
-
tabItem.active = tabItem.id == tab.id;
|
|
55
|
-
return tabItem;
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
this.tabChanged.emit({
|
|
59
|
-
sender: this,
|
|
60
|
-
selectedTab: tab,
|
|
61
|
-
selectedIndex: index,
|
|
62
|
-
tabItems: this.tabItems
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
render() {
|
|
66
|
-
return (h(Host, null, h("div", { class: "is-grid has-col-12 grid-large-col-gap-sm grid-large-col-gap-xs-0 p-8" }, h("div", { class: "is-col-6-md is-col-12" }, h("span", { class: "tag" }, this.productTag), h("ptc-title", { class: "product-name", type: 'h1', "text-align": 'left', "title-height": "densest", upperline: "no-upperline", "title-size": "xxxx-large", "title-margin": "margin-flush" }, this.header), !this.isMobileViewPort && this.renderTabs()), h("div", { class: "is-col-6-md is-col-12 content-section" }, this.tabItems &&
|
|
67
|
-
this.tabItems.map((tab) => h("div", { "data-id": tab.id, class: this.getTabContentClassList(tab), innerHTML: tab.content }))), this.isMobileViewPort && (h("div", { class: "is-col-12" }, this.renderTabs())))));
|
|
68
|
-
}
|
|
69
|
-
get el() { return getElement(this); }
|
|
70
|
-
};
|
|
6
|
+
class TabItem {
|
|
7
|
+
}
|
|
8
|
+
const PtcPricingTabs = class {
|
|
9
|
+
constructor(hostRef) {
|
|
10
|
+
registerInstance(this, hostRef);
|
|
11
|
+
this.tabChanged = createEvent(this, "tabChanged", 7);
|
|
12
|
+
this.productTag = undefined;
|
|
13
|
+
this.header = undefined;
|
|
14
|
+
this.tabItems = undefined;
|
|
15
|
+
this.isMobileViewPort = undefined;
|
|
16
|
+
}
|
|
17
|
+
componentWillLoad() {
|
|
18
|
+
this.setIsMobileViewPort();
|
|
19
|
+
this.loadTabData();
|
|
20
|
+
}
|
|
21
|
+
loadTabData() {
|
|
22
|
+
let dom = MapDOM(this.el);
|
|
23
|
+
this.tabItems = new Array();
|
|
24
|
+
if (dom.pricingTab) {
|
|
25
|
+
dom.pricingTab.map((item) => {
|
|
26
|
+
if (item) {
|
|
27
|
+
let tab = new TabItem();
|
|
28
|
+
tab.id = generateUUID();
|
|
29
|
+
tab.header = item.header;
|
|
30
|
+
tab.tag = item.productTag;
|
|
31
|
+
tab.content = item.html;
|
|
32
|
+
tab.active = item.active == "true";
|
|
33
|
+
this.tabItems.push(tab);
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
renderTabs() {
|
|
39
|
+
return (h("div", { class: "tabs" }, h("ptc-para", { "font-size": "small", "font-weight": "w-5" }, "Pricing Options:"), this.tabItems &&
|
|
40
|
+
this.tabItems.map((tab, index) => h("ptc-pricing-block", { "data-id": tab.id, active: tab.active, onClick: () => this.handleTabClick(tab, index) }, h("span", { slot: "left-text" }, tab.header), h("span", { slot: "right-text" }, tab.tag)))));
|
|
41
|
+
}
|
|
42
|
+
setIsMobileViewPort() {
|
|
43
|
+
this.isMobileViewPort = window.innerWidth < 768;
|
|
44
|
+
}
|
|
45
|
+
getTabContentClassList(tab) {
|
|
46
|
+
return {
|
|
47
|
+
['tab-content']: true,
|
|
48
|
+
['active']: tab.active
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
handleTabClick(tab, index) {
|
|
52
|
+
if (tab && !tab.active) {
|
|
53
|
+
this.tabItems = this.tabItems.map((tabItem) => {
|
|
54
|
+
tabItem.active = tabItem.id == tab.id;
|
|
55
|
+
return tabItem;
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
this.tabChanged.emit({
|
|
59
|
+
sender: this,
|
|
60
|
+
selectedTab: tab,
|
|
61
|
+
selectedIndex: index,
|
|
62
|
+
tabItems: this.tabItems
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
render() {
|
|
66
|
+
return (h(Host, null, h("div", { class: "is-grid has-col-12 grid-large-col-gap-sm grid-large-col-gap-xs-0 p-8" }, h("div", { class: "is-col-6-md is-col-12" }, h("span", { class: "tag" }, this.productTag), h("ptc-title", { class: "product-name", type: 'h1', "text-align": 'left', "title-height": "densest", upperline: "no-upperline", "title-size": "xxxx-large", "title-margin": "margin-flush" }, this.header), !this.isMobileViewPort && this.renderTabs()), h("div", { class: "is-col-6-md is-col-12 content-section" }, this.tabItems &&
|
|
67
|
+
this.tabItems.map((tab) => h("div", { "data-id": tab.id, class: this.getTabContentClassList(tab), innerHTML: tab.content }))), this.isMobileViewPort && (h("div", { class: "is-col-12" }, this.renderTabs())))));
|
|
68
|
+
}
|
|
69
|
+
get el() { return getElement(this); }
|
|
70
|
+
};
|
|
71
71
|
PtcPricingTabs.style = ptcPricingTabsCss;
|
|
72
72
|
|
|
73
73
|
export { PtcPricingTabs as ptc_pricing_tabs };
|