diff --git a/pages/events/UI-UX-Design/css/styles.css b/pages/events/UI-UX-Design/css/styles.css new file mode 100644 index 0000000..3f2d1ae --- /dev/null +++ b/pages/events/UI-UX-Design/css/styles.css @@ -0,0 +1,4527 @@ +/* =================================================================== + * Luther Main Stylesheet + * Template Ver. 1.0.0 + * 02-15-2021 + * ------------------------------------------------------------------ + * + * TOC: + * + * # SETTINGS + * ## fonts + * ## colors + * ## spacing and typescale + * ## grid variables + * # NORMALIZE + * # BASE SETUP + * # GRID + * ## large screen devices + * ## medium screen devices + * ## tablet devices + * ## mobile devices + * ## small screen devices + * ## additional column stackpoints + * # UTILITY CLASSES + * # TYPOGRAPHY + * ## base type styles + * ## additional typography & helper classes + * ## lists + * ## spacing + * # PRELOADER + * # FORM + * ## style placeholder text + * ## change autocomplete styles in Chrome + * # BUTTONS + * # TABLE + * # COMPONENTS + * ## pagination + * ## alert box + * ## skillbars + * ## stats tabs + * # PROJECT-WIDE SHARED STYLES + * ## media classes + * ## theme-specific typography classes + * ## MailtoUI style overrides + * # PAGE WRAP + * ## circles + * # SITE HEADER + * ## main navigation + * ## mobile menu toggle + * # INTRO + * ## intro social + * ## intro scrolldown + * # ABOUT + * ## about info + * ## about expertise + * ## about timelines + * # WORKS + * ## works portfolio + * ## modal popup + * ## testimonials + * ## testimonial slider + * # CONTACT + * # FOOTER + * ## copyright + * ## go top + * + * ------------------------------------------------------------------ */ + +/* =================================================================== + * # SETTINGS + * + * + * ------------------------------------------------------------------- */ + +/* ------------------------------------------------------------------- + * ## fonts + * ------------------------------------------------------------------- */ +@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Serif+Text:ital@0;1&family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); + +:root { + --font-1: 'Public Sans', sans-serif; + --font-2: 'DM Serif Display', serif; + + /* monospace + */ + --font-mono: Consolas, 'Andale Mono', Courier, 'Courier New', monospace; +} + +/* ------------------------------------------------------------------- + * ## colors + * ------------------------------------------------------------------- */ +:root { + /* color-1(#eabe7c) + * color-2(#23967f) + */ + --color-1: #065cc9; + --color-2: hsla(168, 62%, 36%, 1); + + /* theme color variations + */ + --color-1-lighter: hsla(36, 72%, 90%, 1); + --color-1-light: hsla(36, 72%, 80%, 1); + --color-1-dark: hsla(36, 72%, 60%, 1); + --color-1-darker: hsla(36, 72%, 50%, 1); + --color-2-lighter: hsla(168, 62%, 56%, 1); + --color-2-light: hsla(168, 62%, 46%, 1); + --color-2-dark: hsla(168, 62%, 26%, 1); + --color-2-darker: hsla(168, 62%, 16%, 1); + + /* feedback colors + * color-error(#ffd1d2), color-success(#c8e675), + * color-info(#d7ecfb), color-notice(#fff099) + */ + --color-error: hsla(359, 100%, 91%, 1); + --color-success: hsla(76, 69%, 68%, 1); + --color-info: hsla(205, 82%, 91%, 1); + --color-notice: hsla(51, 100%, 80%, 1); + --color-error-content: hsla(359, 50%, 50%, 1); + --color-success-content: hsla(76, 29%, 28%, 1); + --color-info-content: hsla(205, 32%, 31%, 1); + --color-notice-content: hsla(51, 30%, 30%, 1); + + /* shades + * generated using + * Tint & Shade Generator + * (https://maketintsandshades.com/) + */ + --color-black: #000000; + --color-gray-19: #020202; + --color-gray-18: #040404; + --color-gray-17: #060607; + --color-gray-16: #080809; + --color-gray-15: #0a0b0b; + --color-gray-14: #0c0d0d; + --color-gray-13: #0e0f0f; + --color-gray-12: #101112; + --color-gray-11: #121314; + --color-gray-10: #141516; + --color-gray-9: #2c2c2d; + --color-gray-8: #434445; + --color-gray-7: #5b5b5c; + --color-gray-6: #727373; + --color-gray-5: #8a8a8b; + --color-gray-4: #a1a1a2; + --color-gray-3: #b9b9b9; + --color-gray-2: #d0d0d0; + --color-gray-1: #e8e8e8; + --color-white: #ffffff; + + /* text + */ + --color-text: var(--color-gray-4); + --color-text-dark: var(--color-white); + --color-text-light: var(--color-gray-7); + --color-placeholder: var(--color-gray-7); + + /* buttons + */ + --color-btn: var(--color-gray-9); + --color-btn-text: var(--color-1); + --color-btn-hover: var(--color-white); + --color-btn-hover-text: var(--color-black); + --color-btn-primary: var(--color-1-dark); + --color-btn-primary-text: var(--color-black); + --color-btn-primary-hover: var(--color-1-darker); + --color-btn-primary-hover-text: var(--color-black); + --color-btn-stroke: var(--color-white); + --color-btn-stroke-text: var(--color-white); + --color-btn-stroke-hover: var(--color-white); + --color-btn-stroke-hover-text: var(--color-black); + + /* preloader + */ + --color-preloader-bg: var(--color-gray-10); + --color-loader: white; + --color-loader-light: rgba(255, 255, 255, 0.1); + + /* others + */ + --color-body: var(--color-gray-10); + --color-border: rgba(255, 255, 255, 0.05); + --border-radius: 3px; +} + +/* ------------------------------------------------------------------- + * ## spacing and typescale + * ------------------------------------------------------------------- */ +:root { + /* spacing + * base font size: 19px + * vertical space unit : 32px + */ + --base-size: 62.5%; + --multiplier: 1; + --base-font-size: calc(1.9rem * var(--multiplier)); + --space: calc(3.2rem * var(--multiplier)); + + /* vertical spacing + */ + --vspace-0_125: calc(0.125 * var(--space)); + --vspace-0_25: calc(0.25 * var(--space)); + --vspace-0_375: calc(0.375 * var(--space)); + --vspace-0_5: calc(0.5 * var(--space)); + --vspace-0_625: calc(0.625 * var(--space)); + --vspace-0_75: calc(0.75 * var(--space)); + --vspace-0_875: calc(0.875 * var(--space)); + --vspace-1: calc(var(--space)); + --vspace-1_25: calc(1.25 * var(--space)); + --vspace-1_5: calc(1.5 * var(--space)); + --vspace-1_75: calc(1.75 * var(--space)); + --vspace-2: calc(2 * var(--space)); + --vspace-2_5: calc(2.5 * var(--space)); + --vspace-3: calc(3 * var(--space)); + --vspace-3_5: calc(3.5 * var(--space)); + --vspace-4: calc(4 * var(--space)); + --vspace-4_5: calc(4.5 * var(--space)); + --vspace-5: calc(5 * var(--space)); + + /* type scale + * ratio 1:2 | base: 19px + * ------------------------------------------------------- + * + * --text-display-3 = (81.70px) + * --text-display-2 = (68.08px) + * --text-display-1 = (56.73px) + * --text-xxxl = (47.28px) + * --text-xxl = (39.40px) + * --text-xl = (32.83px) + * --text-lg = (27.36px) + * --text-md = (22.80px) + * --text-size = (19.00px) BASE + * --text-sm = (15.83px) + * --text-xs = (13.19px) + * + * --------------------------------------------------------- + */ + --text-scale-ratio: 1.2; + --text-size: var(--base-font-size); + --text-xs: calc((var(--text-size) / var(--text-scale-ratio)) / var(--text-scale-ratio)); + --text-sm: calc(var(--text-xs) * var(--text-scale-ratio)); + --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio)); + --text-lg: calc(var(--text-md) * var(--text-scale-ratio)); + --text-xl: calc(var(--text-lg) * var(--text-scale-ratio)); + --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio)); + --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio)); + --text-display-1: calc(var(--text-xxxl) * var(--text-scale-ratio)); + --text-display-2: calc(var(--text-display-1) * var(--text-scale-ratio)); + --text-display-3: calc(var(--text-display-2) * var(--text-scale-ratio)); + + /* default button height + */ + --vspace-btn: var(--vspace-2); +} + +/* on mobile devices below 600px, change the value of '--multiplier' + * to adjust the values of base font size and vertical space unit. + */ +@media screen and (max-width: 600px) { + :root { + --multiplier: 0.875; + } +} + +/* ------------------------------------------------------------------- + * ## grid variables + * ------------------------------------------------------------------- */ +:root { + /* widths for rows and containers + */ + --width-full: 100%; + --width-max: 1200px; + --width-wide: 1400px; + --width-wider: 1600px; + --width-widest: 1800px; + --width-narrow: 1000px; + --width-narrower: 800px; + --width-grid-max: var(--width-max); + + /* gutter + */ + --gutter: 2rem; +} + +/* on medium screen devices + */ +@media screen and (max-width: 1200px) { + :root { + --gutter: 1.6rem; + } +} + +/* on mobile devices + */ +@media screen and (max-width: 600px) { + :root { + --gutter: 1rem; + } +} + +/* ==================================================================== + * # NORMALIZE + * + * + * -------------------------------------------------------------------- + * normalize.css v8.0.1 | MIT License | + * github.com/necolas/normalize.css + * -------------------------------------------------------------------- */ + +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +main { + display: block; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +img { + border-style: none; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring, +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type='checkbox'], +[type='radio'] { + box-sizing: border-box; + padding: 0; +} + +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; +} + +[type='search'] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +/* =================================================================== + * # BASE SETUP + * + * + * ------------------------------------------------------------------- */ + +html { + font-size: var(--base-size); + box-sizing: border-box; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +html, +body { + height: 100%; +} + +body { + background-color: var(--color-body); + -webkit-overflow-scrolling: touch; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +p { + font-size: inherit; + text-rendering: optimizeLegibility; +} + +a { + text-decoration: none; +} + +svg, +img, +video { + max-width: 100%; + height: auto; +} + +pre { + overflow: auto; +} + +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; +} + +input[type='email'], +input[type='number'], +input[type='search'], +input[type='text'], +input[type='tel'], +input[type='url'], +input[type='password'], +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +/* =================================================================== + * # GRID v4.0.0 + * + * + * ----------------------------------------------------------------- + * - Grid breakpoints are based on MAXIMUM WIDTH media queries, + * meaning they apply to that one breakpoint and ALL THOSE BELOW IT. + * - Grid columns without a specified width will automatically layout + * as equal width columns. + * + * - BLOCK GRID columns(columns inside BLOCK GRID containers) are + * equally-sized columns define at parent/row level. + * A BLOCK GRID container's class attribute value begins with "block-". + * + * ------------------------------------------------------------------- */ + +/* row + */ +.row { + width: 92%; + max-width: var(--width-grid-max); + margin: 0 auto; + display: flex; + flex-flow: row wrap; +} + +.row .row { + width: auto; + max-width: none; + margin-left: calc(var(--gutter) * -1); + margin-right: calc(var(--gutter) * -1); +} + +/* column + */ +.column { + display: block; + flex: 1 1 0%; + padding: 0 var(--gutter); +} + +.collapse > .column, +.column.collapse { + padding: 0; +} + +/* row utility classes + */ +.row.row-wrap { + flex-wrap: wrap; +} + +.row.row-nowrap { + flex-wrap: nowrap; +} + +.row.row-y-top { + align-items: flex-start; +} + +.row.row-y-bottom { + align-items: flex-end; +} + +.row.row-y-center { + align-items: center; +} + +.row.row-stretch { + align-items: stretch; +} + +.row.row-baseline { + align-items: baseline; +} + +.row.row-x-left { + justify-content: flex-start; +} + +.row.row-x-right { + justify-content: flex-end; +} + +.row.row-x-center { + justify-content: center; +} + +/* -------------------------------------------------------------------- + * ## large screen devices + * -------------------------------------------------------------------- */ +.lg-1 { + flex: none; + width: 8.33333%; +} + +.lg-2 { + flex: none; + width: 16.66667%; +} + +.lg-3 { + flex: none; + width: 25%; +} + +.lg-4 { + flex: none; + width: 33.33333%; +} + +.lg-5 { + flex: none; + width: 41.66667%; +} + +.lg-6 { + flex: none; + width: 50%; +} + +.lg-7 { + flex: none; + width: 58.33333%; +} + +.lg-8 { + flex: none; + width: 66.66667%; +} + +.lg-9 { + flex: none; + width: 75%; +} + +.lg-10 { + flex: none; + width: 83.33333%; +} + +.lg-11 { + flex: none; + width: 91.66667%; +} + +.lg-12 { + flex: none; + width: 100%; +} + +.block-lg-one-eight > .column { + flex: none; + width: 12.5%; +} + +.block-lg-one-sixth > .column { + flex: none; + width: 16.66667%; +} + +.block-lg-one-fifth > .column { + flex: none; + width: 20%; +} + +.block-lg-one-fourth > .column { + flex: none; + width: 25%; +} + +.block-lg-one-third > .column { + flex: none; + width: 33.33333%; +} + +.block-lg-one-half > .column { + flex: none; + width: 50%; +} + +.block-lg-whole > .column { + flex: none; + width: 100%; +} + +/* -------------------------------------------------------------------- + * ## medium screen devices + * -------------------------------------------------------------------- */ +@media screen and (max-width: 1200px) { + .md-1 { + flex: none; + width: 8.33333%; + } + + .md-2 { + flex: none; + width: 16.66667%; + } + + .md-3 { + flex: none; + width: 25%; + } + + .md-4 { + flex: none; + width: 33.33333%; + } + + .md-5 { + flex: none; + width: 41.66667%; + } + + .md-6 { + flex: none; + width: 50%; + } + + .md-7 { + flex: none; + width: 58.33333%; + } + + .md-8 { + flex: none; + width: 66.66667%; + } + + .md-9 { + flex: none; + width: 75%; + } + + .md-10 { + flex: none; + width: 83.33333%; + } + + .md-11 { + flex: none; + width: 91.66667%; + } + + .md-12 { + flex: none; + width: 100%; + } + + .block-md-one-eight > .column { + flex: none; + width: 12.5%; + } + + .block-md-one-sixth > .column { + flex: none; + width: 16.66667%; + } + + .block-md-one-fifth > .column { + flex: none; + width: 20%; + } + + .block-md-one-fourth > .column { + flex: none; + width: 25%; + } + + .block-md-one-third > .column { + flex: none; + width: 33.33333%; + } + + .block-md-one-half > .column { + flex: none; + width: 50%; + } + + .block-md-whole > .column { + flex: none; + width: 100%; + } + + .hide-on-md { + display: none; + } +} + +/* -------------------------------------------------------------------- + * ## tablet devices + * -------------------------------------------------------------------- */ +@media screen and (max-width: 800px) { + .tab-1 { + flex: none; + width: 8.33333%; + } + + .tab-2 { + flex: none; + width: 16.66667%; + } + + .tab-3 { + flex: none; + width: 25%; + } + + .tab-4 { + flex: none; + width: 33.33333%; + } + + .tab-5 { + flex: none; + width: 41.66667%; + } + + .tab-6 { + flex: none; + width: 50%; + } + + .tab-7 { + flex: none; + width: 58.33333%; + } + + .tab-8 { + flex: none; + width: 66.66667%; + } + + .tab-9 { + flex: none; + width: 75%; + } + + .tab-10 { + flex: none; + width: 83.33333%; + } + + .tab-11 { + flex: none; + width: 91.66667%; + } + + .tab-12 { + flex: none; + width: 100%; + } + + .block-tab-one-eight > .column { + flex: none; + width: 12.5%; + } + + .block-tab-one-sixth > .column { + flex: none; + width: 16.66667%; + } + + .block-tab-one-fifth > .column { + flex: none; + width: 20%; + } + + .block-tab-one-fourth > .column { + flex: none; + width: 25%; + } + + .block-tab-one-third > .column { + flex: none; + width: 33.33333%; + } + + .block-tab-one-half > .column { + flex: none; + width: 50%; + } + + .block-tab-whole > .column { + flex: none; + width: 100%; + } + + .hide-on-tab { + display: none; + } +} + +/* -------------------------------------------------------------------- + * ## mobile devices + * -------------------------------------------------------------------- */ +@media screen and (max-width: 600px) { + .row { + width: 100%; + padding-left: 6vw; + padding-right: 6vw; + } + + .row .row { + padding-left: 0; + padding-right: 0; + } + + .mob-1 { + flex: none; + width: 8.33333%; + } + + .mob-2 { + flex: none; + width: 16.66667%; + } + + .mob-3 { + flex: none; + width: 25%; + } + + .mob-4 { + flex: none; + width: 33.33333%; + } + + .mob-5 { + flex: none; + width: 41.66667%; + } + + .mob-6 { + flex: none; + width: 50%; + } + + .mob-7 { + flex: none; + width: 58.33333%; + } + + .mob-8 { + flex: none; + width: 66.66667%; + } + + .mob-9 { + flex: none; + width: 75%; + } + + .mob-10 { + flex: none; + width: 83.33333%; + } + + .mob-11 { + flex: none; + width: 91.66667%; + } + + .mob-12 { + flex: none; + width: 100%; + } + + .block-mob-one-eight > .column { + flex: none; + width: 12.5%; + } + + .block-mob-one-sixth > .column { + flex: none; + width: 16.66667%; + } + + .block-mob-one-fifth > .column { + flex: none; + width: 20%; + } + + .block-mob-one-fourth > .column { + flex: none; + width: 25%; + } + + .block-mob-one-third > .column { + flex: none; + width: 33.33333%; + } + + .block-mob-one-half > .column { + flex: none; + width: 50%; + } + + .block-mob-whole > .column { + flex: none; + width: 100%; + } + + .hide-on-mob { + display: none; + } +} + +/* -------------------------------------------------------------------- + * ## small screen devices + * --------------------------------------------------------------------*/ + +/* stack columns on small screen devices + */ +@media screen and (max-width: 400px) { + .row .row { + margin-left: 0; + margin-right: 0; + } + + .block-stack > .column, + .column { + flex: none; + width: 100%; + margin-left: 0; + margin-right: 0; + padding: 0; + } + + .hide-on-sm { + display: none; + } +} + +/* -------------------------------------------------------------------- + * ## additional column stackpoints + * -------------------------------------------------------------------- */ +@media screen and (max-width: 1000px) { + .stack-on-1000, + .block-stack-on-1000 > .column { + flex: none; + width: 100%; + margin-left: 0; + margin-right: 0; + } +} + +@media screen and (max-width: 700px) { + .stack-on-700, + .block-stack-on-700 > .column { + flex: none; + width: 100%; + margin-left: 0; + margin-right: 0; + } +} + +@media screen and (max-width: 550px) { + .stack-on-550, + .block-stack-on-550 > .column { + flex: none; + width: 100%; + margin-left: 0; + margin-right: 0; + } +} + +/* =================================================================== + * # UTILITY CLASSES + * + * + * ------------------------------------------------------------------- */ + +/* flex item alignment classes + */ +.u-flexitem-center { + margin: auto; + align-self: center; +} + +.u-flexitem-left { + margin-right: auto; + align-self: center; +} + +.u-flexitem-right { + margin-left: auto; + align-self: center; +} + +.u-flexitem-x-center { + margin-right: auto; + margin-left: auto; +} + +.u-flexitem-x-left { + margin-right: auto; +} + +.u-flexitem-x-right { + margin-left: auto; +} + +.u-flexitem-y-center { + align-self: center; +} + +.u-flexitem-y-top { + align-self: flex-start; +} + +.u-flexitem-y-bottom { + align-self: flex-end; +} + +/* misc helper classes + */ +.u-clearfix:after { + content: ''; + display: table; + clear: both; +} + +.u-hidden { + display: none; +} + +.u-invisible { + visibility: hidden; +} + +.u-antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.u-overflow-hidden { + overflow: hidden; +} + +.u-remove-top { + margin-top: 0; +} + +.u-remove-bottom { + margin-bottom: 0; +} + +.u-add-half-bottom { + margin-bottom: var(--vspace-0_5); +} + +.u-add-bottom { + margin-bottom: var(--vspace-1); +} + +.u-no-border { + border: none; +} + +.u-fullwidth { + width: 100%; +} + +.u-pull-left { + float: left; +} + +.u-pull-right { + float: right; +} + +/* =================================================================== + * # TYPOGRAPHY + * + * + * ------------------------------------------------------------------- + * type scale - ratio 1:2 | base: 19px + * ------------------------------------------------------------------- + * + * --text-display-3 = (81.70px) + * --text-display-2 = (68.08px) + * --text-display-1 = (56.73px) + * --text-xxxl = (47.28px) + * --text-xxl = (39.40px) + * --text-xl = (32.83px) + * --text-lg = (27.36px) + * --text-md = (22.80px) + * --text-size = (19.00px) BASE + * --text-sm = (15.83px) + * --text-xs = (13.19px) + * + * -------------------------------------------------------------------- */ + +/* -------------------------------------------------------------------- + * ## base type styles + * -------------------------------------------------------------------- */ +body { + font-family: var(--font-1); + font-size: var(--base-font-size); + font-weight: 300; + line-height: var(--vspace-1); + color: var(--color-text); +} + +/* links + */ +a { + color: var(--color-1); + transition: all 0.3s ease-in-out; +} + +a:focus, +a:hover, +a:active { + color: var(--color-2); +} + +a:hover, +a:active { + outline: 0; +} + +/* headings + */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: var(--font-2); + font-weight: 400; + color: var(--color-text-dark); + font-variant-ligatures: common-ligatures; + text-rendering: optimizeLegibility; +} + +h1, +.h1 { + margin-top: var(--vspace-2_5); + margin-bottom: var(--vspace-0_75); +} + +h2, +.h2, +h3, +.h3, +h4, +.h4 { + margin-top: var(--vspace-2); + margin-bottom: var(--vspace-0_5); +} + +h5, +.h5, +h6, +.h6 { + margin-top: var(--vspace-1_5); + margin-bottom: var(--vspace-0_5); +} + +h1, +.h1 { + font-size: var(--text-display-1); + line-height: var(--vspace-2); + letter-spacing: -0.01em; +} + +@media screen and (max-width: 500px) { + h1, + .h1 { + font-size: var(--text-xxxl); + line-height: calc(1.625 * var(--space)); + } +} +h2, +.h2 { + font-size: var(--text-xxl); + line-height: var(--vspace-1_5); +} + +h3, +.h3 { + font-size: var(--text-xl); + line-height: var(--vspace-1_25); +} + +h4, +.h4 { + font-size: var(--text-lg); + line-height: var(--vspace-1); +} + +h5, +.h5 { + font-size: var(--text-md); + line-height: var(--vspace-0_875); +} + +h6, +.h6 { + font-family: var(--font-1); + font-weight: 600; + font-size: var(--text-sm); + line-height: var(--vspace-0_75); + text-transform: uppercase; + letter-spacing: 0.2rem; +} + +/* emphasis, italic, + * strong, bold and small text + */ +em, +i, +strong, +b { + font-size: inherit; + line-height: inherit; +} + +em, +i { + font-style: italic; +} + +strong, +b { + font-weight: 600; +} + +small { + font-size: 75%; + font-weight: 400; + line-height: var(--vspace-0_5); +} + +/* blockquotes + */ +blockquote { + margin: 0 0 var(--vspace-1) 0; + padding: var(--vspace-1) var(--vspace-1_5); + border-left: 2px solid var(--color-text-light); + position: relative; +} + +@media screen and (max-width: 400px) { + blockquote { + padding: var(--vspace-0_75) var(--vspace-0_75); + } +} + +blockquote p { + font-family: var(--font-1); + font-weight: 400; + font-size: var(--text-lg); + font-style: normal; + line-height: var(--vspace-1_25); + color: var(--color-text-dark); + padding: 0; +} + +blockquote cite { + display: block; + font-family: var(--font-1); + font-weight: 400; + font-size: var(--text-sm); + line-height: var(--vspace-0_75); + font-style: normal; +} + +blockquote cite:before { + content: '\2014 \0020'; +} + +blockquote cite, +blockquote cite a, +blockquote cite a:visited { + color: var(--color-text-light); + border: none; +} + +/* figures + */ +figure img, +p img { + margin: 0; + vertical-align: bottom; +} + +figure { + display: block; + margin-left: 0; + margin-right: 0; +} + +figure img + figcaption { + margin-top: var(--vspace-1); +} + +figcaption { + font-style: italic; + font-size: var(--text-sm); + text-align: center; + margin-bottom: 0; +} + +/* preformatted, code + */ +var, +kbd, +samp, +code, +pre { + font-family: var(--font-mono); +} + +pre { + padding: var(--vspace-0_75) var(--vspace-1) var(--vspace-1); + background: var(--color-gray-9); + overflow-x: auto; +} + +code { + font-size: var(--text-sm); + line-height: 1.6rem; + margin: 0 0.2rem; + padding: calc(((var(--vspace-1) - 1.6rem) / 2) - 0.1rem) calc(0.8rem - 0.1rem); + white-space: nowrap; + background: var(--color-gray-9); + border: 1px solid var(--color-gray-8); + color: var(--color-text-dark); + border-radius: 3px; +} + +pre > code { + display: block; + white-space: pre; + line-height: var(--vspace-1); + padding: 0; + margin: 0; + border: none; +} + +/* deleted text, abbreviation, + * & mark text + */ +del { + text-decoration: line-through; +} + +abbr { + font-family: var(--font-1); + font-weight: 600; + font-variant: small-caps; + text-transform: lowercase; + letter-spacing: 0.1em; +} + +abbr[title], +dfn[title] { + border-bottom: 1px dotted; + cursor: help; + text-decoration: none; +} + +mark { + background: var(--color-white); + color: var(--color-black); +} + +/* horizontal rule + */ +hr { + border: solid var(--color-border); + border-width: 0.1rem 0 0; + clear: both; + margin: var(--vspace-2) 0 calc(var(--vspace-2) - 1px); + height: 0; +} + +hr.fancy { + border: none; + margin: var(--vspace-2) 0; + height: var(--vspace-1); + text-align: center; +} + +hr.fancy::before { + content: '*****'; + letter-spacing: 0.3em; +} + +/* -------------------------------------------------------------------- + * ## additional typography & helper classes + * -------------------------------------------------------------------- */ +.lead, +.attention-getter { + font-family: var(--font-1); + font-weight: 300; + font-size: var(--text-md); + line-height: var(--vspace-1_25); + color: var(--color-text-dark); +} + +.pull-quote { + position: relative; + padding: 0; + margin-top: 0; + text-align: center; +} + +.pull-quote blockquote { + border: none; + margin: 0 auto; + max-width: 62rem; + padding-top: var(--vspace-2_5); + position: relative; +} + +.pull-quote blockquote p { + font-weight: 400; + color: var(--color-text-dark); +} + +.pull-quote blockquote:before { + content: ''; + display: block; + height: var(--vspace-1); + width: var(--vspace-1); + background-repeat: no-repeat; + background: center center; + background-size: contain; + background-image: url(../images/icons/icon-quote.svg); + transform: translate(-50%, 0, 0); + position: absolute; + top: var(--vspace-1); + left: 50%; +} + +.drop-cap:first-letter { + float: left; + font-family: var(--font-1); + font-weight: 600; + font-size: calc(3 * var(--space)); + line-height: 1; + padding: 0 0.125em 0 0; + text-transform: uppercase; + background: transparent; + color: var(--color-text-dark); +} + +.text-center { + text-align: center; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +/* -------------------------------------------------------------------- + * ## lists + * -------------------------------------------------------------------- */ +ol { + list-style: decimal; +} + +ul { + list-style: disc; +} + +li { + display: list-item; +} + +ol, +ul { + margin-left: 1.6rem; +} + +ul li { + padding-left: 0.4rem; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin: 1.6rem 0 1.6rem 1.6rem; +} + +ul.disc li { + display: list-item; + list-style: none; + padding: 0 0 0 0.8rem; + position: relative; +} + +ul.disc li::before { + content: ''; + display: inline-block; + width: 8px; + height: 8px; + border-radius: 50%; + background: var(--color-1); + position: absolute; + left: -0.9em; + top: 11px; + vertical-align: middle; +} + +dt { + margin: 0; + color: var(--color-1); +} + +dd { + margin: 0 0 0 2rem; +} + +/* definition list line style + */ +.lining dt, +.lining dd { + display: inline; + margin: 0; +} + +.lining dt + dt:before, +.lining dd + dt:before { + content: '\A'; + white-space: pre; +} + +.lining dd + dd:before { + content: ', '; +} + +.lining dd + dd:before { + content: ', '; +} + +.lining dd:before { + content: ': '; + margin-left: -0.2em; +} + +/* definition list dictionary style + */ +.dictionary-style dt { + display: inline; + counter-reset: definitions; +} + +.dictionary-style dt + dt:before { + content: ', '; + margin-left: -0.2em; +} + +.dictionary-style dd { + display: block; + counter-increment: definitions; +} + +.dictionary-style dd:before { + content: counter(definitions, decimal) '. '; +} + +/* -------------------------------------------------------------------- + * ## spacing + * -------------------------------------------------------------------- */ +fieldset, +button, +.btn { + margin-bottom: var(--vspace-0_5); +} + +input, +textarea, +select, +pre, +blockquote, +figure, +figcaption, +table, +p, +ul, +ol, +dl, +form, +img, +.video-container, +.ss-custom-select { + margin-bottom: var(--vspace-1); +} + +/* =================================================================== + * # PRELOADER + * + * + * ------------------------------------------------------------------- + * - markup: + * + *
+ *
+ *
+ * + * ------------------------------------------------------------------- */ + +#preloader { + position: fixed; + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + background: var(--color-body); + z-index: 500; + height: 100vh; + width: 100%; + opacity: 1; +} + +.no-js #preloader { + display: none; +} + +#loader { + width: var(--vspace-2); + height: var(--vspace-2); + padding: 0; + background-color: white; + border-radius: 100%; + -webkit-animation: sk-scaleout 1s infinite ease-in-out; + animation: sk-scaleout 1s infinite ease-in-out; +} + +@-webkit-keyframes sk-scaleout { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 0; + } +} + +@keyframes sk-scaleout { + 0% { + transform: scale(0); + } + + 100% { + transform: scale(1); + opacity: 0; + } +} + +/* =================================================================== + * # FORM + * + * + * ------------------------------------------------------------------- */ + +fieldset { + border: none; +} + +input[type='email'], +input[type='number'], +input[type='search'], +input[type='text'], +input[type='tel'], +input[type='url'], +input[type='password'], +textarea, +select { + --input-height: var(--vspace-2); + --input-line-height: var(--vspace-1); + --input-vpadding: calc((var(--input-height) - var(--input-line-height)) / 2); + display: block; + height: var(--input-height); + padding: var(--input-vpadding) 0 calc(var(--input-vpadding) - 1px); + border: 0; + outline: 0; + color: var(--color-text-light); + font-family: var(--font-1); + font-size: calc(var(--text-size) * 0.7778); + line-height: var(--input-line-height); + max-width: 100%; + background: transparent; + border-bottom: 1px solid var(--color-border); + transition: all 0.3s ease-in-out; +} + +.ss-custom-select { + position: relative; + padding: 0; +} + +.ss-custom-select select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + text-indent: 0.01px; + text-overflow: ''; + margin: 0; + vertical-align: middle; + line-height: var(--vspace-1); +} + +.ss-custom-select select option { + padding-left: 2rem; + padding-right: 2rem; + background-color: var(--color-body); +} + +.ss-custom-select select::-ms-expand { + display: none; +} + +.ss-custom-select::after { + border-bottom: 1px solid white; + border-right: 1px solid white; + content: ''; + display: block; + height: 8px; + width: 8px; + margin-top: -7px; + pointer-events: none; + position: absolute; + right: 2.4rem; + top: 50%; + transition: all 0.15s ease-in-out; + transform-origin: 66% 66%; + transform: rotate(45deg); +} + +textarea { + min-height: calc(8 * var(--space)); +} + +input[type='email']:focus, +input[type='number']:focus, +input[type='search']:focus, +input[type='text']:focus, +input[type='tel']:focus, +input[type='url']:focus, +input[type='password']:focus, +textarea:focus, +select:focus { + color: var(--color-text); + border-bottom: 1px solid var(--color-1); +} + +label, +legend { + font-family: var(--font-1); + font-weight: 600; + font-size: var(--text-sm); + line-height: var(--vspace-0_5); + margin-bottom: var(--vspace-0_5); + color: var(--color-text-dark); + display: block; +} + +input[type='checkbox'], +input[type='radio'] { + display: inline; +} + +label > .label-text { + display: inline-block; + margin-left: 1rem; + font-family: var(--font-1); + line-height: inherit; +} + +label > input[type='checkbox'], +label > input[type='radio'] { + margin: 0; + position: relative; + top: 2px; +} + +/* ------------------------------------------------------------------- + * ## style placeholder text + * ------------------------------------------------------------------- */ +::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: var(--color-placeholder); +} + +:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: var(--color-placeholder); + opacity: 1; +} + +::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: var(--color-placeholder); + opacity: 1; +} + +:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: var(--color-placeholder); +} + +::-ms-input-placeholder { + /* Microsoft Edge */ + color: var(--color-placeholder); +} + +::placeholder { + /* Most modern browsers support this now. */ + color: var(--color-placeholder); +} + +/* ------------------------------------------------------------------- + * ## change autocomplete styles in Chrome + * ------------------------------------------------------------------- */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +textarea:-webkit-autofill, +textarea:-webkit-autofill:hover, +textarea:-webkit-autofill:focus, +select:-webkit-autofill, +select:-webkit-autofill:hover, +select:-webkit-autofill:focus { + -webkit-text-fill-color: var(--color-1); + transition: background-color 5000s ease-in-out 0s; +} + +/* =================================================================== + * # BUTTONS + * + * + * ------------------------------------------------------------------- */ + +.btn, +button, +input[type='submit'], +input[type='reset'], +input[type='button'] { + --btn-height: var(--vspace-btn); + display: inline-block; + font-family: var(--font-1); + font-weight: 600; + font-size: var(--text-xs); + text-transform: uppercase; + letter-spacing: 0.35em; + height: var(--btn-height); + line-height: calc(var(--btn-height) - 2px); + padding: 0 3.6rem; + margin: 0 0.4rem var(--vspace-0_5) 0; + color: var(--color-btn-text); + text-decoration: none; + text-align: center; + white-space: nowrap; + cursor: pointer; + transition: all 0.3s; + background-color: var(--color-btn); + border: 1px solid var(--color-btn); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.btn:focus, +button:focus, +input[type='submit']:focus, +input[type='reset']:focus, +input[type='button']:focus, +.btn:hover, +button:hover, +input[type='submit']:hover, +input[type='reset']:hover, +input[type='button']:hover { + background-color: var(--color-btn-hover); + border-color: var(--color-btn-hover); + color: var(--color-btn-hover-text); + outline: 0; +} + +/* button primary + */ +.btn.btn--primary, +button.btn--primary, +input[type='submit'].btn--primary, +input[type='reset'].btn--primary, +input[type='button'].btn--primary { + background: var(--color-btn-primary); + border-color: var(--color-btn-primary); + color: var(--color-btn-primary-text); +} + +.btn.btn--primary:focus, +button.btn--primary:focus, +input[type='submit'].btn--primary:focus, +input[type='reset'].btn--primary:focus, +input[type='button'].btn--primary:focus, +.btn.btn--primary:hover, +button.btn--primary:hover, +input[type='submit'].btn--primary:hover, +input[type='reset'].btn--primary:hover, +input[type='button'].btn--primary:hover { + background: var(--color-btn-primary-hover); + border-color: var(--color-btn-primary-hover); + color: var(--color-btn-primary-hover-text); +} + +/* button modifiers + */ +.btn.u-fullwidth, +button.u-fullwidth { + width: 100%; + margin-right: 0; +} + +.btn--small, +button.btn--small { + --btn-height: calc(var(--vspace-btn) - 1.6rem); +} + +.btn--medium, +button.btn--medium { + --btn-height: calc(var(--vspace-btn) + 0.8rem); +} + +.btn--large, +button.btn--large { + --btn-height: calc(var(--vspace-btn) + 1.6rem); +} + +.btn--stroke, +button.btn--stroke { + background: transparent !important; + border: 1px solid var(--color-btn-stroke); + color: var(--color-btn-stroke-text); +} + +.btn--stroke:focus, +button.btn--stroke:focus, +.btn--stroke:hover, +button.btn--stroke:hover { + background: var(--color-btn-stroke-hover) !important; + border: 1px solid var(--color-btn-stroke-hover); + color: var(--color-btn-stroke-hover-text); +} + +.btn--pill, +button.btn--pill { + padding-left: 3.2rem !important; + padding-right: 3.2rem !important; + border-radius: 1000px !important; +} + +/* =================================================================== + * # TABLE + * + * + * ------------------------------------------------------------------- */ + +table { + border-width: 0; + width: 100%; + max-width: 100%; + font-family: var(--font-1); + border-collapse: collapse; +} + +th, +td { + padding: var(--vspace-0_5) 3.2rem calc(var(--vspace-0_5) - 1px); + text-align: left; + border-bottom: 1px solid var(--color-border); +} + +th { + padding: var(--vspace-0_5) 3.2rem; + color: var(--color-text-dark); + font-family: var(--font-1); + font-weight: 600; +} + +th:first-child, +td:first-child { + padding-left: 0; +} + +th:last-child, +td:last-child { + padding-right: 0; +} + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +/* =================================================================== + * # COMPONENTS + * + * + * ------------------------------------------------------------------- */ + +/* ------------------------------------------------------------------- + * ## pagination + * ------------------------------------------------------------------- */ +.pgn { + --pgn-num-height: calc(var(--vspace-1) + 0.4rem); + margin: var(--vspace-1) auto; + text-align: center; +} + +.pgn ul { + display: inline-flex; + flex-flow: row wrap; + justify-content: center; + list-style: none; + margin-left: 0; + position: relative; + padding: 0 6rem; +} + +.pgn ul li { + margin: 0; + padding: 0; +} + +.pgn__num { + font-family: var(--font-1); + font-weight: 600; + font-size: var(--text-size); + line-height: var(--vspace-1); + display: block; + padding: 0.2rem 1.2rem; + height: var(--pgn-num-height); + margin: 0.2rem 0.2rem; + color: var(--color-text-dark); + border-radius: 4px; + transition: all, 0.3s, ease-in-out; +} + +.pgn__num:focus, +.pgn__num:hover { + background: var(--color-gray-9); + color: var(--color-white); +} + +.pgn .current, +.pgn .current:focus, +.pgn .current:hover { + background-color: var(--color-gray-9); + color: var(--color-white); +} + +.pgn .inactive, +.pgn .inactive:focus, +.pgn .inactive:hover { + opacity: 0.4; + cursor: default; +} + +.pgn__prev, +.pgn__next { + display: inline-flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + height: var(--pgn-num-height); + width: 4.8rem; + line-height: var(--vspace-1); + border-radius: 4px; + padding: 0; + margin: 0; + opacity: 1; + font: 0/0 a; + text-shadow: none; + color: transparent; + transition: all, 0.3s, ease-in-out; + position: absolute; + top: 50%; + transform: translate(0, -50%); +} + +.pgn__prev:focus, +.pgn__prev:hover, +.pgn__next:focus, +.pgn__next:hover { + background-color: var(--color-gray-9); +} + +.pgn__prev svg, +.pgn__next svg { + height: 2.4rem; + width: 2.4rem; + transition: all, 0.3s, ease-in-out; +} + +.pgn__prev svg path, +.pgn__next svg path { + fill: var(--color-text-dark); +} + +.pgn__prev:focus svg path, +.pgn__prev:hover svg path, +.pgn__next:focus svg path, +.pgn__next:hover svg path { + fill: white; +} + +.pgn__prev { + left: 0; +} + +.pgn__next { + right: 0; +} + +.pgn__prev.inactive, +.pgn__next.inactive { + opacity: 0.4; + cursor: default; +} + +.pgn__prev.inactive:focus, +.pgn__prev.inactive:hover, +.pgn__next.inactive:focus, +.pgn__next.inactive:hover { + background-color: transparent; +} + +/* ------------------------------------------------------------------- + * responsive: + * pagination + * ------------------------------------------------------------------- */ +@media screen and (max-width: 600px) { + .pgn ul { + padding: 0 5.2rem; + } +} + +/* ------------------------------------------------------------------- + * ## alert box + * ------------------------------------------------------------------- */ +.alert-box { + padding: var(--vspace-0_75) 4rem var(--vspace-0_75) 3.2rem; + margin-bottom: var(--vspace-1); + border-radius: var(--border-radius); + font-family: var(--font-1); + font-weight: 500; + font-size: var(--text-sm); + line-height: var(--vspace-0_75); + opacity: 1; + visibility: visible; + position: relative; +} + +.alert-box__close { + position: absolute; + display: block; + right: 1.6rem; + top: 1.6rem; + cursor: pointer; + width: 12px; + height: 12px; +} + +.alert-box__close::before, +.alert-box__close::after { + content: ''; + display: inline-block; + width: 1px; + height: 12px; + position: absolute; + top: 0; + left: 5px; +} + +.alert-box__close::before { + transform: rotate(45deg); +} + +.alert-box__close::after { + transform: rotate(-45deg); +} + +.alert-box--error { + background-color: var(--color-error); + color: var(--color-error-content); +} + +.alert-box--error .alert-box__close::before, +.alert-box--error .alert-box__close::after { + background-color: var(--color-error-content); +} + +.alert-box--success { + background-color: var(--color-success); + color: var(--color-success-content); +} + +.alert-box--success .alert-box__close::before, +.alert-box--success .alert-box__close::after { + background-color: var(--color-success-content); +} + +.alert-box--info { + background-color: var(--color-info); + color: var(--color-info-content); +} + +.alert-box--info .alert-box__close::before, +.alert-box--info .alert-box__close::after { + background-color: var(--color-info-content); +} + +.alert-box--notice { + background-color: var(--color-notice); + color: var(--color-notice-content); +} + +.alert-box--notice .alert-box__close::before, +.alert-box--notice .alert-box__close::after { + background-color: var(--color-notice-content); +} + +.alert-box.hideit { + opacity: 0; + visibility: hidden; + transition: all 0.5s; +} + +/* ------------------------------------------------------------------- + * ## skillbars + * ------------------------------------------------------------------- */ +.skill-bars { + list-style: none; + margin: var(--vspace-2) 0 var(--vspace-1); +} + +.skill-bars li { + height: 0.4rem; + background: var(--color-gray-9); + width: 100%; + margin-bottom: calc(var(--vspace-2) - 0.4rem); + padding: 0; + position: relative; +} + +.skill-bars li strong { + position: absolute; + left: 0; + top: calc((var(--vspace-1) * 1.25) * -1); + font-family: var(--font-1); + font-weight: 600; + color: var(--color-text-dark); + text-transform: uppercase; + letter-spacing: 0.2em; + font-size: var(--text-xs); + line-height: var(--vspace-0_75); +} + +.skill-bars li .progress { + background: var(--color-1); + position: relative; + height: 100%; +} + +.skill-bars li .progress span { + display: block; + font-family: var(--font-1); + color: white; + font-size: 1rem; + line-height: 1; + background: var(--color-black); + padding: var(--vspace-0_25); + border-radius: 4px; + position: absolute; + right: 0; + top: calc((var(--vspace-1) + 0.8rem) * -1); +} + +.skill-bars li .progress span::after { + position: absolute; + left: 50%; + bottom: -10px; + margin-left: -5px; + width: 0; + height: 0; + border: 5px solid transparent; + border-top-color: var(--color-black, var(--color-black)); + content: ''; +} + +.skill-bars li .percent5 { + width: 5%; +} + +.skill-bars li .percent10 { + width: 10%; +} + +.skill-bars li .percent15 { + width: 15%; +} + +.skill-bars li .percent20 { + width: 20%; +} + +.skill-bars li .percent25 { + width: 25%; +} + +.skill-bars li .percent30 { + width: 30%; +} + +.skill-bars li .percent35 { + width: 35%; +} + +.skill-bars li .percent40 { + width: 40%; +} + +.skill-bars li .percent45 { + width: 45%; +} + +.skill-bars li .percent50 { + width: 50%; +} + +.skill-bars li .percent55 { + width: 55%; +} + +.skill-bars li .percent60 { + width: 60%; +} + +.skill-bars li .percent65 { + width: 65%; +} + +.skill-bars li .percent70 { + width: 70%; +} + +.skill-bars li .percent75 { + width: 75%; +} + +.skill-bars li .percent80 { + width: 80%; +} + +.skill-bars li .percent85 { + width: 85%; +} + +.skill-bars li .percent90 { + width: 90%; +} + +.skill-bars li .percent95 { + width: 95%; +} + +.skill-bars li .percent100 { + width: 100%; +} + +/* -------------------------------------------------------------------- + * ## stats tabs + * -------------------------------------------------------------------- */ +.stats-tabs { + padding: 0; + margin: var(--vspace-1) 0; +} + +.stats-tabs li { + display: inline-block; + margin: 0 1.6rem var(--vspace-0_5) 0; + padding: 0 1.5rem 0 0; + border-right: 1px solid var(--color-border); +} + +.stats-tabs li:last-child { + margin: 0; + padding: 0; + border: none; +} + +.stats-tabs li a { + display: block; + font-family: var(--font-1); + font-size: var(--text-lg); + font-weight: 600; + line-height: var(--vspace-1_5); + border: none; + color: var(--color-text-dark); +} + +.stats-tabs li a:hover { + color: var(--color-1); +} + +.stats-tabs li a em { + display: block; + margin: 0; + font-family: var(--font-1); + font-size: var(--text-sm); + line-height: var(--vspace-0_5); + font-weight: 400; + font-style: normal; + color: var(--color-text-light); +} + +/* =================================================================== + * # PROJECT-WIDE SHARED STYLES + * + * + * ------------------------------------------------------------------- */ + +.wide { + max-width: var(--width-wide); +} + +.wider { + max-width: var(--width-wider); +} + +.narrow { + max-width: var(--width-narrow); +} + +[data-animate-el] { + opacity: 0; +} + +/* ------------------------------------------------------------------- + * ## media classes + * ------------------------------------------------------------------- */ + +/* floated image + */ + +img.u-pull-right { + margin: var(--vspace-0_5) 0 var(--vspace-0_5) var(--vspace-0_875); +} + +img.u-pull-left { + margin: var(--vspace-0_5) var(--vspace-0_875) var(--vspace-0_5) 0; +} + +/* responsive video container + */ +.video-container { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; +} + +.video-container iframe, +.video-container object, +.video-container embed, +.video-container video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* ------------------------------------------------------------------- + * ## theme-specific typography classes + * ------------------------------------------------------------------- */ +.text-pretitle { + font-family: var(--font-1); + font-size: var(--text-sm); + font-weight: 400; + color: var(--color-white); + text-transform: uppercase; + letter-spacing: 0.3em; + margin-top: 0; + margin-left: 0.2rem; + margin-bottom: var(--vspace-0_5); + position: relative; +} + +.text-pretitle.with-line { + color: var(--color-1); + padding-left: 6rem; + transform: translateX(-6rem); +} + +.text-pretitle.with-line::before { + content: ''; + display: block; + height: 1px; + width: 4rem; + background-color: rgba(255, 255, 255, 0.5); + position: absolute; + top: 50%; + left: 0; +} + +.text-huge-title { + --text-huge: 10.8rem; + font-size: var(--text-huge); + line-height: 1.074; + margin-top: 0; +} + +/* ------------------------------------------------------------------- + * ## MailtoUI style overrides + * ------------------------------------------------------------------- */ +.mailtoui-modal { + --mailtoui-modal-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.08), + 0 4px 4px rgba(0, 0, 0, 0.08), 0 8px 8px rgba(0, 0, 0, 0.08); + --mailtoui-modal-head-bgcolor: var(--color-gray-18); + --mailtoui-modal-head-title-color: white; + --mailtoui-modal-body-bgcolor: var(--color-gray-11); + --mailtoui-button-bgcolor: rgba(255, 255, 255, 0.04); + --mailtoui-button-text-color: white; + --mailtoui-button-bgcolor-hover: var(--color-1-dark); + --mailtoui-button-text-color-hover: black; + --mailtoui-button-text-size: 16px; + --mailtoui-email-address-bgcolor: var(--color-gray-13); + --mailtoui-email-address-text-color: var(--text-color); + --border-radius: 0; + font-family: var(--font-1); + background-color: var(--color-body); + color: white; +} + +.mailtoui-modal-content { + background-color: var(--mailtoui-modal-body-bgcolor); + border-radius: var(--border-radius); + box-shadow: var(--mailtoui-modal-box-shadow); +} + +.mailtoui-modal-content button { + font-weight: 400; + font-size: 16px; + margin: 0; + padding: 0; +} + +.mailtoui-modal-head { + background-color: var(--mailtoui-modal-head-bgcolor); +} + +.mailtoui-modal-title { + font-family: var(--font-1); + font-weight: 400; + font-size: 16px; + color: var(--mailtoui-modal-head-title-color); +} + +.mailtoui-modal-close { + font: 0/0 a; + text-shadow: none; + color: transparent; + font-size: 32px; + font-weight: 300; + color: rgba(255, 255, 255, 0.5); +} + +.mailtoui-modal-close:hover, +.mailtoui-modal-close:focus { + color: white; + font-weight: 300; +} + +.mailtoui-modal-body { + background-color: var(--mailtoui-modal-body-bgcolor); +} + +.mailtoui-button-text { + font-size: var(--mailtoui-button-text-size); + text-transform: none; + letter-spacing: 0; +} + +.mailtoui-button:focus .mailtoui-button-content { + background-color: var(--mailtoui-button-bgcolor-hover); + color: var(--mailtoui-button-text-color-hover); +} + +.mailtoui-button-content, +.mailtoui-button-copy { + background-color: var(--mailtoui-button-bgcolor); + color: var(--mailtoui-button-text-color); + border-radius: var(--border-radius); + box-shadow: none; +} + +.mailtoui-button-content:hover, +.mailtoui-button-content:focus, +.mailtoui-button-copy:hover, +.mailtoui-button-copy:focus { + background-color: var(--mailtoui-button-bgcolor-hover); + color: var(--mailtoui-button-text-color-hover); +} + +.mailtoui-copy { + border-radius: var(--border-radius); + box-shadow: none; +} + +.mailtoui-button-icon-copy { + line-height: var(--vspace-1); +} + +.mailtoui-button-copy-clicked, +.mailtoui-button-copy-clicked:hover, +.mailtoui-button-copy-clicked:focus { + background-color: #1f9d55; + color: white; +} + +.mailtoui-email-address { + background-color: var(--mailtoui-email-address-bgcolor); + color: var(--mailtoui-email-address-text-color); + font-size: 16px; + line-height: 1; + border-radius: var(--border-radius); +} + +.mailtoui-brand a { + color: rgba(255, 255, 255, 0.12); +} + +.mailtoui-brand a:focus, +.mailtoui-brand a:hover { + font-weight: 300; + color: white; +} + +/* ------------------------------------------------------------------- + * responsive: + * project-wide shared styles + * ------------------------------------------------------------------- */ +@media screen and (max-width: 800px) { + .text-pretitle.with-line { + padding-left: 3rem; + transform: translateX(-3rem); + transform: none; + } + + .text-pretitle.with-line::before { + width: 2rem; + } +} + +/* =================================================================== + * # PAGE WRAP + * + * + * ------------------------------------------------------------------- */ + +.s-pagewrap { + --circle-width: 70vw; + --header-height: 6.4rem; + display: flex; + flex-direction: column; + min-height: 100%; + overflow: hidden; + position: relative; +} + +/* -------------------------------------------------------------------- + * ## circles + * -------------------------------------------------------------------- */ +.s-pagewrap .circles, +.s-pagewrap .circles span { + position: absolute; +} + +.s-pagewrap .circles { + width: var(--circle-width); + height: var(--circle-width); + top: calc(100vh - var(--circle-width)); + left: calc(100% - 33vw); +} + +.s-pagewrap .circles span { + display: block; + border: 1px solid var(--color-1); + border-radius: 50%; + opacity: 0.1; + transform: translate(-50%, -50%); + left: 50%; + top: 50%; +} + +.s-pagewrap .circles span:nth-child(1) { + height: 100%; + width: 100%; +} + +.s-pagewrap .circles span:nth-child(2) { + height: 80%; + width: 80%; +} + +.s-pagewrap .circles span:nth-child(3) { + height: 60%; + width: 60%; +} + +.s-pagewrap .circles span:nth-child(4) { + height: 40%; + width: 40%; +} + +.s-pagewrap .circles span:nth-child(5) { + height: 20%; + width: 20%; +} + +.ss-preload .s-pagewrap { + visibility: hidden; +} + +/* ------------------------------------------------------------------- + * responsive: + * page-wrap + * ------------------------------------------------------------------- */ +@media screen and (max-width: 800px) { + .s-pagewrap .circles { + top: calc(var(--header-height) + 5vh); + } +} + +/* =================================================================== + * # SITE HEADER + * + * + * ------------------------------------------------------------------- */ + +.s-header { + --box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 2px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.06), + 0 8px 8px rgba(0, 0, 0, 0.06); + z-index: 100; + width: 100%; + position: fixed; + top: 0; + left: 0; +} + +.header-mobile { + z-index: 101; + display: none; + height: var(--header-height); + background-color: var(--color-body); + box-shadow: var(--box-shadow); + border-bottom: 1px solid var(--color-border); +} + +/* -------------------------------------------------------------------- + * ## main navigation + * -------------------------------------------------------------------- */ +.mobile-home-link a, +.main-nav a { + display: block; + font-size: 10px; + font-weight: 400; + line-height: var(--header-height); + text-transform: uppercase; + letter-spacing: 0.35em; + color: white; + transition-property: color, background-color; +} + +.mobile-home-link a:focus, +.mobile-home-link a:hover, +.main-nav a:focus, +.main-nav a:hover { + color: var(--color-1); +} + +.mobile-home-link { + display: inline-block; + position: relative; +} + +.mobile-home-link a { + padding: 0 0.4rem; + margin-left: 2.4rem; +} + +.main-nav { + padding: 0; +} + +.main-nav a { + padding: 0 2rem 0 2.4rem; +} + +.main-nav .current a { + background-color: var(--color-gray-9); +} + +.main-nav ul { + list-style: none; + display: flex; + flex-flow: row nowrap; + margin: 0; + padding: 0; + background-color: var(--color-body); + border-width: 1px; + border-color: var(--color-border); + border-style: none solid solid solid; +} + +.main-nav li { + flex: 1 1 0%; + padding-left: 0; + border-right: 1px solid var(--color-border); +} + +.main-nav li:last-child { + border-right: none; +} + +/* -------------------------------------------------------------------- + * ## mobile menu toggle + * -------------------------------------------------------------------- */ +.mobile-menu-toggle { + display: block; + width: var(--header-height); + height: var(--header-height); + position: absolute; + top: 0; + right: 0.8rem; +} + +.mobile-menu-toggle span { + display: block; + background-color: white; + width: 24px; + height: 1px; + margin-top: -1px; + font: 0/0 a; + text-shadow: none; + color: transparent; + position: absolute; + right: 20px; + top: 50%; + bottom: auto; + left: auto; + transition: background-color 0.2s ease-in-out; +} + +.mobile-menu-toggle span::before, +.mobile-menu-toggle span::after { + content: ''; + width: 100%; + height: 100%; + background-color: inherit; + transition-duration: 0.2s, 0.2s; + transition-delay: 0.2s, 0s; + position: absolute; + left: 0; +} + +.mobile-menu-toggle span::before { + top: -8px; + transition-property: top, transform; +} + +.mobile-menu-toggle span::after { + bottom: -8px; + transition-property: bottom, transform; +} + +/* is clicked + */ +.mobile-menu-toggle.is-clicked span { + background-color: rgba(255, 255, 255, 0); +} + +.mobile-menu-toggle.is-clicked span::before, +.mobile-menu-toggle.is-clicked span::after { + background-color: white; + transition-delay: 0s, 0.2s; +} + +.mobile-menu-toggle.is-clicked span::before { + top: 0; + transform: rotate(45deg); +} + +.mobile-menu-toggle.is-clicked span::after { + bottom: 0; + transform: rotate(-45deg); +} + +/* ------------------------------------------------------------------- + * responsive: + * site-header + * ------------------------------------------------------------------- */ +@media screen and (max-width: 1000px) { + .main-nav-wrap { + width: 100%; + } +} + +@media screen and (max-width: 800px) { + .s-header { + height: var(--header-height); + } + + .header-mobile { + display: block; + } + + .main-nav-wrap { + transform: scaleY(0); + transform-origin: center top; + background-color: var(--color-body); + border-bottom: 1px solid var(--color-border); + box-shadow: var(--box-shadow); + } + + .main-nav { + padding: var(--vspace-1) 0 var(--vspace-1_5); + transform: translateY(-2rem); + opacity: 0; + visibility: hidden; + } + + .main-nav a { + font-family: var(--font-2); + font-size: var(--text-md); + font-weight: 400; + line-height: var(--vspace-0_875); + text-transform: none; + letter-spacing: 0; + padding: var(--vspace-0_5) 2.8rem; + color: var(--color-text); + } + + .main-nav a:focus, + .main-nav a:hover { + color: white; + } + + .main-nav .current a { + background-color: transparent; + color: var(--color-1); + } + + .main-nav ul { + display: block; + background-color: transparent; + text-align: left; + margin: 0; + border: none; + } + + .main-nav ul li { + display: block; + border: none; + } + + .main-nav ul li:first-child { + display: none; + } + + .menu-is-open .s-header { + height: auto; + } + + .menu-is-open .header-mobile { + box-shadow: none; + } + + .menu-is-open .main-nav-wrap { + transform: scaleY(1); + transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); + transition-delay: 0s; + } + + .menu-is-open .main-nav { + transform: translateY(0); + opacity: 1; + visibility: visible; + transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); + transition-delay: 0.4s; + } +} + +@media screen and (max-width: 600px) { + .main-nav-wrap { + padding: 0; + } +} + +/* =================================================================== + * # INTRO + * + * + * ------------------------------------------------------------------- */ + +.s-intro { + --gutter: 6rem; + --text-huge-multiplier: 1; + position: relative; +} + +.intro-content { + min-height: calc(25.5 * var(--space)); + justify-content: center; + align-items: center; + padding-top: calc(16vh + var(--header-height)); + padding-bottom: var(--vspace-3); +} + +.intro-content .text-huge-title { + font-size: calc(var(--text-huge) * var(--text-huge-multiplier)); + padding-right: 5vw; +} + +/* -------------------------------------------------------------------- + * ## intro social + * -------------------------------------------------------------------- */ +.intro-social { + z-index: 1; + list-style: none; + display: flex; + font-size: 1rem; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.3em; + margin: 0; + padding: 0 0 0 9.6rem; + transform: rotate(-90deg) translateX(-50%); + transform-origin: left bottom; + position: absolute; + top: 50%; + left: calc(100% - 6rem); +} + +.intro-social li { + padding: 0 1.2rem; +} + +.intro-social a { + color: var(--color-text-light); +} + +.intro-social a:focus, +.intro-social a:hover { + color: white; +} + +/* -------------------------------------------------------------------- + * ## intro scrolldown + * -------------------------------------------------------------------- */ +.intro-scrolldown { + display: block; + height: var(--vspace-1); + width: var(--vspace-1); + display: flex; + justify-content: center; + align-items: center; + position: absolute; + bottom: 4.8rem; + right: 5.8rem; +} + +.intro-scrolldown svg { + height: var(--vspace-0_75); + width: var(--vspace-0_75); +} + +.intro-scrolldown svg path { + fill: white; + transition: all 0.3s ease-in-out; +} + +.intro-scrolldown:focus svg path, +.intro-scrolldown:hover svg path { + fill: var(--color-1); +} + +/* ------------------------------------------------------------------- + * responsive: + * intro + * ------------------------------------------------------------------- */ +@media screen and (max-width: 1600px) { + .s-intro { + --text-huge-multiplier: 0.92; + } +} + +@media screen and (max-width: 1200px) { + .s-intro { + --text-huge-multiplier: 0.85; + } + + .intro-social { + left: calc(100% - 4rem); + } + + .intro-scrolldown { + right: 4rem; + } +} + +@media screen and (max-width: 1000px) { + .s-intro { + --text-huge-multiplier: 0.8; + } + + .intro-content { + padding-top: calc(14vh + var(--header-height)); + } +} + +@media screen and (max-width: 900px) { + .s-intro { + --text-huge-multiplier: 0.75; + } + + .intro-content .text-huge-title br { + display: none; + } +} + +@media screen and (max-width: 800px) { + .s-intro { + --gutter: 4rem; + --text-huge-multiplier: 0.7; + } + + .intro-content { + min-height: 0; + align-items: flex-start; + padding-top: calc(9.6rem + var(--header-height)); + } + + .intro-content .text-huge-title { + padding-right: 0; + margin-bottom: var(--vspace-1_5); + } + + .intro-social { + width: 100%; + flex-wrap: wrap; + padding-left: 0; + padding-right: 8rem; + transform: none; + position: relative; + left: var(--gutter); + } + + .intro-social li { + padding: 0 0.6rem; + } +} + +@media screen and (max-width: 600px) { + .s-intro { + --gutter: 2rem; + --text-huge-multiplier: 0.58; + } + + .intro-scrolldown { + right: 2.4rem; + } +} + +@media screen and (max-width: 500px) { + .s-intro { + --text-huge-multiplier: 0.55; + } + + .intro-social { + left: 1.4rem; + } +} + +@media screen and (max-width: 400px) { + .intro-content .text-huge-title { + font-size: var(--text-display-1); + line-height: var(--vspace-2); + } + + .intro-social { + left: 0; + } +} + +@media screen and (max-width: 350px) { + .intro-social { + display: none; + } +} + +/* =================================================================== + * # ABOUT + * + * + * ------------------------------------------------------------------- */ + +.s-about { + padding-top: var(--vspace-4); + padding-bottom: var(--vspace-3); +} + +/* -------------------------------------------------------------------- + * ## about info + * -------------------------------------------------------------------- */ +.about-info { + --gutter: 0; + width: 100%; + align-items: center; +} + +.about-info__pic { + object-fit: cover; + margin: 0; + vertical-align: bottom; +} + +.about-info__text { + padding: var(--vspace-3_5) 10vw var(--vspace-2) 0; + margin-left: -4rem; +} + +.about-info__text .text-pretitle { + margin-bottom: var(--vspace-1); +} + +.about-info__text .btn { + margin-top: var(--vspace-1); + margin-bottom: 0; +} + +.about-info__description-block { + padding-left: 80px; +} + +/* -------------------------------------------------------------------- + * ## about expertise + * -------------------------------------------------------------------- */ +.about-expertise { + padding-top: calc(6 * var(--space)); +} + +.about-expertise .skills-list { + list-style: none; + margin-top: var(--vspace-1); + margin-left: 0; +} + +.about-expertise .skills-list li { + display: inline-block; + padding-left: 0; +} + +.about-expertise .skills-list li:not(:last-child)::after { + content: ', '; +} + +/* -------------------------------------------------------------------- + * ## about timelines + * -------------------------------------------------------------------- */ +.about-timelines { + --timeline-left-padding: var(--vspace-1_75); + --timeline-top-adjust: var(--vspace-0_5); + padding-top: var(--vspace-3); +} + +.about-timelines .text-pretitle { + margin-left: var(--timeline-left-padding); +} + +.timeline { + margin-top: var(--vspace-1_25); + padding-right: 1vw; + position: relative; +} + +.timeline::before { + content: ''; + display: block; + width: 1px; + height: calc(100% - var(--timeline-top-adjust)); + background-color: var(--color-border); + position: absolute; + top: var(--timeline-top-adjust); + left: 3px; +} + +.timeline__block { + padding-left: var(--timeline-left-padding); + padding-bottom: var(--vspace-0_5); + position: relative; +} + +.timeline__block:last-child { + padding-bottom: 0; +} + +.timeline__bullet { + display: block; + height: 8px; + width: 8px; + border-radius: 50%; + background-color: var(--color-1); + position: absolute; + top: var(--timeline-top-adjust); + left: 0; +} + +.timeline__title { + font-family: var(--font-1); + font-weight: 500; + font-size: var(--text-lg); + margin-top: 0; + margin-bottom: var(--vspace-0_125); +} + +.timeline__meta { + font-family: var(--font-1); + font-weight: 300; + font-size: calc(var(--text-size) * 1.1053); + margin-top: 0; + margin-bottom: var(--vspace-0_125); +} + +.timeline__timeframe { + font-size: var(--text-xs); + line-height: var(--vspace-0_75); + text-transform: uppercase; + letter-spacing: 0.2em; + color: var(--color-text-light); + margin-top: -0.2rem; +} + +/* ------------------------------------------------------------------- + * responsive: + * about + * ------------------------------------------------------------------- */ +@media screen and (max-width: 1300px) { + .about-info__text { + padding: var(--vspace-2) 8rem var(--vspace-1_5) 0; + } +} + +@media screen and (max-width: 1200px) { + .about-info { + --gutter: 1.6rem; + width: 92%; + max-width: 800px; + } + + .about-info__text { + padding: var(--vspace-1) 0 0 0; + margin-left: 0; + } + + .about-info__description-block { + padding-left: 0; + } +} + +@media screen and (max-width: 1000px) { + .about-timelines { + --timeline-left-padding: var(--vspace-1_25); + } +} + +@media screen and (max-width: 800px) { + .about-timelines { + --timeline-left-padding: var(--vspace-1_5); + } + + .about-timelines .column + .column { + margin-top: var(--vspace-1_5); + } +} + +@media screen and (max-width: 600px) { + .about-info { + width: 100%; + } +} + +@media screen and (max-width: 400px) { + .about-timelines { + --timeline-left-padding: var(--vspace-1); + } +} + +/* =================================================================== + * # WORKS + * + * + * ------------------------------------------------------------------- */ + +.s-works { + padding-top: var(--vspace-5); + padding-bottom: var(--vspace-3_5); +} + +.s-works .h1 { + margin-top: 0; +} + +/* -------------------------------------------------------------------- + * ## works portfolio + * -------------------------------------------------------------------- */ +.folio-list { + --item-min-height: var(--vspace-4_5); + list-style: none; + margin-top: var(--vspace-4); + margin-bottom: var(--vspace-1); + margin-left: 0; +} + +.folio-list__item { + margin-bottom: var(--vspace-1); + position: relative; +} + +.folio-list__item-link { + display: block; + width: 100%; + padding-left: calc(5.5 * var(--space)); + color: white; + transition-duration: 0.5s; + position: relative; +} + +.folio-list__item-link:focus, +.folio-list__item-link:hover { + color: var(--color-1); + outline: 0; +} + +.folio-list__item-link:focus .folio-list__item-pic::before, +.folio-list__item-link:hover .folio-list__item-pic::before { + opacity: 1; + visibility: visible; +} + +.folio-list__item-link:focus .folio-list__item-pic::after, +.folio-list__item-link:hover .folio-list__item-pic::after { + opacity: 1; + visibility: visible; + transform: scale(1); +} + +.folio-list__item-link:focus .folio-list__item-text::before, +.folio-list__item-link:hover .folio-list__item-text::before { + width: 100%; +} + +.folio-list__item-pic { + display: block; + position: absolute; + top: 0; + left: 0; +} + +.folio-list__item-pic img { + vertical-align: bottom; + object-fit: cover; + width: var(--item-min-height); + height: var(--item-min-height); + margin: 0; +} + +.folio-list__item-pic::before, +.folio-list__item-pic::after { + transition: all, 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); +} + +.folio-list__item-pic::before { + z-index: 1; + content: ''; + display: block; + background-color: rgba(255, 255, 255, 0.75); + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; +} + +.folio-list__item-pic::after { + z-index: 2; + display: block; + content: '+'; + font-family: var(--font-1); + font-weight: 300; + font-size: 2.2rem; + color: black; + text-align: center; + height: var(--vspace-1); + width: var(--vspace-1); + line-height: var(--vspace-1); + transform: scale(0.2); + opacity: 0; + visibility: hidden; + position: absolute; + top: calc(50% - var(--vspace-0_5)); + left: calc(50% - var(--vspace-0_5)); +} + +.folio-list__item-text::before, +.folio-list__item-title, +.folio-list__item-cat { + transition: all, 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); +} + +.folio-list__item-text { + padding-top: var(--vspace-0_5); + border-top: 1px solid var(--color-border); + min-height: var(--item-min-height); + position: relative; +} + +.folio-list__item-text::before { + content: ''; + display: block; + width: 0; + height: 1px; + background-color: var(--color-text-light); + position: absolute; + top: 0; + left: 0; +} + +.folio-list__item-title { + font-family: var(--font-1); + font-weight: 500; + font-size: var(--text-lg); +} + +.folio-list__item-cat { + font-size: var(--text-sm); + color: var(--color-text-light); + line-height: var(--vspace-0_75); + margin-left: 0.2rem; +} + +.folio-list__proj-link { + display: block; + height: var(--vspace-1); + width: var(--vspace-1); + position: absolute; + top: 0.8rem; + right: var(--vspace-0_75); +} + +.folio-list__proj-link svg { + height: var(--vspace-0_5); + width: var(--vspace-0_5); + transform: translate(-50%, -50%) rotate(-45deg); + position: absolute; + top: 50%; + left: 50%; +} + +.folio-list__proj-link svg path { + fill: white; +} + +.folio-list__proj-link:hover { + transform: scale(1.2); +} + +/* ------------------------------------------------------------------- + * ## modal popup + * ------------------------------------------------------------------- */ +.modal-popup { + max-width: 680px; + background-color: white; + font-size: calc(var(--text-size) * 0.9447); + line-height: var(--vspace-0_875); + color: rgba(0, 0, 0, 0.75); + overflow-y: auto; + position: relative; +} + +.modal-popup img { + margin-bottom: var(--vspace-0_75); +} + +.modal-popup h5 { + font-family: var(--font-1); + font-size: var(--text-size); + line-height: var(--vspace-1); + font-weight: 500; + margin-top: 0; + margin-bottom: var(--vspace-0_25); + color: black; +} + +.modal-popup__desc { + padding: 0 var(--vspace-1_25) var(--vspace-0_25); +} + +.modal-popup__cat { + list-style: none; + margin-left: 0; + font-size: var(--text-sm); + line-height: var(--vspace-0_5); + color: rgba(0, 0, 0, 0.6); + padding-left: calc(0.875 * var(--space)); + position: relative; +} + +.modal-popup__cat::before { + content: ''; + display: block; + height: calc(0.625 * var(--space)); + width: calc(0.625 * var(--space)); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + background-image: url(../images/icons/icon-tag.svg); + position: absolute; + left: 0; + top: -0.15em; +} + +.modal-popup__cat li { + display: inline; + padding-left: 0; +} + +.modal-popup__cat li::after { + content: ', '; +} + +.modal-popup__cat li:last-child::after { + display: none; +} + +.modal-popup__details { + background-color: rgba(0, 0, 0, 0.3); + font-size: var(--text-xs); + line-height: var(--vspace-1_25); + color: white; + padding: 0 1.2rem; + position: absolute; + top: var(--vspace-1); + left: var(--vspace-1); +} + +.modal-popup__details:focus, +.modal-popup__details:hover { + background-color: var(--color-body); + color: white; +} + +/* ------------------------------------------------------------------- + * ## testimonials + * ------------------------------------------------------------------- */ +.testimonials { + margin-top: var(--vspace-3); +} + +.testimonials .swiper-container { + padding-bottom: var(--vspace-2_5); +} + +.testimonials .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 9px; +} + +.testimonials .swiper-pagination-bullet { + width: 6px; + height: 6px; + background: white; + opacity: 0.4; +} + +.testimonials .swiper-pagination-bullet-active { + background: var(--color-1); + opacity: 1; +} + +/* ------------------------------------------------------------------- + * ## testimonial slider + * ------------------------------------------------------------------- */ +.testimonial-slider__slide { + position: relative; +} + +.testimonial-slider__slide:hover .testimonial-slider__avatar { + filter: none; +} + +.testimonial-slider__slide:hover .testimonial-slider__cite strong { + color: var(--color-1); +} + +.testimonial-slider__slide:hover .testimonial-slider__cite span { + color: white; +} + +.testimonial-slider__author { + display: inline-block; + min-height: var(--vspace-2); + margin-bottom: var(--vspace-0_5); + padding-left: var(--vspace-2_5); + position: relative; +} + +.testimonial-slider__avatar { + width: var(--vspace-1_75); + height: var(--vspace-1_75); + border-radius: 100%; + outline: none; + position: absolute; + top: 0; + left: 0; + filter: grayscale(100%); + transition: all 0.3s ease-in-out; +} + +.testimonial-slider__cite { + display: block; +} + +.testimonial-slider__cite strong, +.testimonial-slider__cite span { + font-style: normal; + transition: all 0.3s ease-in-out; +} + +.testimonial-slider__cite strong { + font-size: calc(var(--text-size) * 0.8947); + font-weight: 400; + line-height: var(--vspace-0_75); + color: white; +} + +.testimonial-slider__cite span { + display: block; + font-size: calc(var(--text-size) * 0.7368); + font-weight: 300; + line-height: var(--vspace-0_5); + color: var(--color-text-light); +} + +/* ------------------------------------------------------------------- + * responsive: + * works + * ------------------------------------------------------------------- */ +@media screen and (max-width: 1200px) { + .folio-list__item-title { + font-size: var(--text-md); + line-height: var(--vspace-0_875); + } + + .folio-list__item-cat { + font-size: var(--text-xs); + } +} + +@media screen and (max-width: 1000px) { + .folio-list__item-title { + font-size: var(--text-lg); + line-height: var(--vspace-1); + } + + .folio-list__item-cat { + font-size: var(--text-sm); + } +} + +@media screen and (max-width: 800px) { + .s-works { + padding-top: var(--vspace-4); + padding-bottom: var(--vspace-3); + } +} + +@media screen and (max-width: 600px) { + .folio-list__item-title { + font-size: var(--text-md); + line-height: var(--vspace-0_875); + } + + .folio-list__proj-link { + right: var(--vspace-0_5); + } +} + +@media screen and (max-width: 500px) { + .folio-list { + --item-min-height: var(--vspace-3_5); + } + + .folio-list__item { + margin-bottom: var(--vspace-0_75); + } + + .folio-list__item-link { + padding-left: calc(4.25 * var(--space)); + } +} + +@media screen and (max-width: 400px) { + .folio-list .column { + flex: none; + width: 50%; + } + + .folio-list__item { + margin-bottom: 0; + } + + .folio-list__item-link { + padding-left: 0; + } + + .folio-list__item-pic { + position: static; + } + + .folio-list__item-pic img { + max-width: 100%; + width: 100%; + height: auto; + } + + .folio-list__item-text, + .folio-list__proj-link { + display: none; + } + + .modal-popup__desc { + padding: 0 var(--vspace-1) var(--vspace-0_25); + } +} + +/* =================================================================== + * # CONTACT + * + * + * ------------------------------------------------------------------- */ +.s-contact { + --color-border: rgba(255, 255, 255, 0.05); + + background-color: var(--color-2); + padding-top: var(--vspace-2); + padding-bottom: var(--vspace-3); + position: relative; + font-family: var(--font-1); +} + +.s-contact h5 { + margin-top: 0; + margin-bottom: var(--vspace-1); + color: rgba(255, 255, 255, 0.25); +} + +.s-contact h5.with-top-line { + padding-top: var(--vspace-0_75); + border-top: 1px solid var(--color-border); +} + +.s-contact::before { + content: ''; + display: block; + background: black; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + pointer-events: none; + opacity: 0.75; +} + +.s-contact .section-header { + max-width: 1020px; +} + +.s-contact .section-header a { + color: var(--color-1); +} + +/* ------------------------------------------------------------------- + * ## contact infos + * ------------------------------------------------------------------- */ +.s-contact__infos { + margin-top: var(--vspace-3_5); + font-family: var(--font-1); + font-weight: 400; + font-size: calc(var(--text-size) * 1.556); + line-height: var(--vspace-1_5); + color: white; + position: relative; +} + +.s-contact__infos [class*='s-contact__block'] { + padding-bottom: var(--vspace-1); +} + +.s-contact__list { + list-style: none; + margin-left: 0; +} + +.s-contact__list a { + color: white; +} + +.s-contact__list a:focus, +.s-contact__list a:hover { + color: var(--color-1); +} + +.s-contact__list li { + padding-left: 0; +} + +/* ------------------------------------------------------------------- + * ## contact bottom + * ------------------------------------------------------------------- */ +.s-contact__bottom { + --btn-input-height: var(--vspace-2); + margin-top: var(--vspace-0_5); + position: relative; +} + +/* mail button block + */ +.s-contact__mail-block { + padding-top: calc(var(--vspace-0_875) + var(--vspace-1)); + position: relative; +} + +.s-contact__mail-block::before { + content: ''; + display: block; + width: 200px; + height: 1px; + background-color: var(--color-border); + position: absolute; + top: calc(var(--vspace-0_875) / 2); + left: var(--gutter); +} + +.btn--mail { + --btn-height: var(--btn-input-height); + border: 2px solid var(--color-1); + color: white; + margin: 0; +} + +.btn--mail:focus, +.btn--mail:hover { + background-color: var(--color-1) !important; + color: black; +} + +/* subscription form + */ +.s-contact__subscribe { + --input-height: var(--btn-input-height); + --btn-width: 180px; +} + +.s-contact__subscribe form { + display: flex; + flex-flow: row wrap; + margin-bottom: 0; +} + +.s-contact__subscribe input[type='email'], +.s-contact__subscribe input[type='submit'], +.s-contact__subscribe .ms-status { + flex: none; +} + +.s-contact__subscribe input[type='email'] { + width: calc(100% - var(--btn-width)); + background-color: rgba(255, 255, 255, 0.05); + font-size: var(--text-sm); + color: white; + border: none; + padding: var(--input-vpadding) calc(2.8rem - 1px); + text-align: left; + margin: 0; +} + +.s-contact__subscribe input[type='submit'] { + --btn-height: var(--btn-input-height); + background-color: var(--color-1); + border: 2px solid var(--color-1); + color: black; + width: var(--btn-width); + margin: 0; +} + +.s-contact__subscribe .mc-status { + width: 100%; + margin-top: var(--vspace-0_75); + font-family: var(--font-2); + font-size: var(--text-sm); + color: var(--color-1); +} + +/* ------------------------------------------------------------------- + * responsive: + * contact + * ------------------------------------------------------------------- */ +@media screen and (max-width: 800px) { + .s-contact__mail-block { + padding-top: 0; + } + + .s-contact__mail-block::before { + display: none; + } + + .btn--mail { + width: 100%; + margin-bottom: var(--vspace-2_5); + } +} + +@media screen and (max-width: 600px) { + .s-contact .text-display-title { + --text-multiplier: 0.6; + } + + .s-contact__subscribe form { + display: block; + } + + .s-contact__subscribe input[type='email'], + .s-contact__subscribe input[type='submit'], + .s-contact__subscribe .mc-status { + width: 100%; + } + + .s-contact__subscribe input[type='email'] { + text-align: center; + margin-bottom: var(--vspace-0_5); + } + + .s-contact__subscribe .mc-status { + text-align: center; + } +} + +@media screen and (max-width: 500px) { + .s-contact .text-display-title { + --text-multiplier: 0.55; + } + + .s-contact h5 { + font-size: calc(var(--text-size) * 1.1111); + margin-bottom: var(--vspace-0_375); + } + + .s-contact__infos { + font-size: var(--text-lg); + line-height: calc(1.375 * var(--space)); + } +} + +@media screen and (max-width: 400px) { + .s-contact .text-display-title { + font-size: var(--text-xl); + } +} + +/* =================================================================== + * # FOOTER + * + * + * ------------------------------------------------------------------- */ +.s-footer { + background-color: #111111; + padding-top: var(--vspace-1_75); + padding-bottom: var(--vspace-1_75); + font-family: var(--font-1); + font-size: calc(var(--text-size) * 0.8889); + line-height: var(--vspace-1); + color: rgba(255, 255, 255, 0.25); + position: relative; +} + +.s-footer a { + color: white; +} + +.s-footer a:focus, +.s-footer a:hover { + color: var(--color-1); +} + +/* ------------------------------------------------------------------- + * ## copyright + * ------------------------------------------------------------------- */ +.ss-copyright { + padding-right: var(--vspace-2); +} + +.ss-copyright span { + display: inline-block; +} + +.ss-copyright span::after { + content: '|'; + display: inline-block; + padding: 0 1rem 0 1.2rem; + color: rgba(255, 255, 255, 0.05); +} + +.ss-copyright span:last-child::after { + display: none; +} + +/* ------------------------------------------------------------------- + * ## go top + * ------------------------------------------------------------------- */ +.ss-go-top { + z-index: 2; + opacity: 0; + visibility: hidden; + transform: translate(0, 200%); + transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); + position: fixed; + bottom: 4.4rem; + right: 4rem; +} + +.ss-go-top a { + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + border: none; + height: calc(1.875 * var(--space)); + width: calc(1.875 * var(--space)); + border-radius: 50%; + background-color: black; + transition: all 0.3s; + position: relative; +} + +.ss-go-top a:focus svg path, +.ss-go-top a:hover svg path { + fill: white; +} + +.ss-go-top svg { + height: var(--vspace-0_75); + width: var(--vspace-0_75); +} + +.ss-go-top svg path { + fill: white; +} + +.ss-go-top.link-is-visible { + opacity: 1; + visibility: visible; + transform: translate(0, 0); +} + +/* ------------------------------------------------------------------- + * responsive: + * footer + * ------------------------------------------------------------------- */ +@media screen and (max-width: 800px) { + .ss-go-top { + right: var(--vspace-1); + bottom: var(--vspace-1_5); + } + + .ss-go-top a { + height: var(--vspace-1_75); + width: var(--vspace-1_75); + } + + .ss-go-top svg { + height: var(--vspace-0_625); + width: var(--vspace-0_625); + } +} + +@media screen and (max-width: 500px) { + .ss-copyright span { + display: block; + } + + .ss-copyright span::after { + display: none; + } +} + +/* =================================================================== + * # FOOTER + * + * + * ------------------------------------------------------------------- */ + +.s-footer { + margin-top: auto; + padding-top: var(--vspace-1); + padding-bottom: var(--vspace-3); + color: var(--color-text-light); +} + +.s-footer > .row { + position: relative; +} + +.s-footer a { + color: var(--color-text); +} + +.s-footer a:focus, +.s-footer a:hover { + color: white; +} + +/* ------------------------------------------------------------------- + * ## copyright + * ------------------------------------------------------------------- */ +.ss-copyright { + margin-top: calc(var(--vspace-0_25) * -1); + margin-right: 5.2rem; + line-height: var(--vspace-0_875); +} + +.ss-copyright span { + font-size: var(--text-sm); + display: inline-block; +} + +.ss-copyright span::after { + content: '|'; + display: inline-block; + padding: 0 0.8rem 0 1rem; + color: rgba(255, 255, 255, 0.1); +} + +.ss-copyright span:last-child::after { + display: none; +} + +/* ------------------------------------------------------------------- + * ## go top + * ------------------------------------------------------------------- */ +.ss-go-top { + z-index: 2; + position: absolute; + top: calc(var(--vspace-1) * -1); + right: var(--gutter); +} + +.ss-go-top a { + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + border: 0 none; + height: calc(1.625 * var(--space)); + width: var(--vspace-1_5); + background-color: var(--color-body); + position: relative; + border: 1px solid var(--color-text); +} + +.ss-go-top a:focus, +.ss-go-top a:hover { + background-color: white; + border-color: white; +} + +.ss-go-top a:focus svg path, +.ss-go-top a:hover svg path { + fill: black; +} + +.ss-go-top svg { + height: var(--vspace-0_5); + width: var(--vspace-0_5); + transition: all 0.3s ease-in-out; +} + +.ss-go-top svg path { + fill: white; +} + +/* ------------------------------------------------------------------- + * responsive: + * footer + * ------------------------------------------------------------------- */ +@media screen and (max-width: 600px) { + .ss-copyright span { + display: block; + } + + .ss-copyright span::after { + display: none; + } + + .ss-go-top { + top: calc(var(--vspace-0_25) * -1); + right: calc(6vw + var(--gutter)); + } +} + +@media screen and (max-width: 400px) { + .ss-go-top { + right: 6vw; + } +} diff --git a/pages/events/UI-UX-Design/css/vendor.css b/pages/events/UI-UX-Design/css/vendor.css new file mode 100644 index 0000000..fdde2dc --- /dev/null +++ b/pages/events/UI-UX-Design/css/vendor.css @@ -0,0 +1,872 @@ +/* =================================================================== + * Theme Third-party Stylesheets + * Template Ver. 1.0.0 + * 02-16-2021 + * ------------------------------------------------------------------- + * + * TOC: + * + * # PrismJS 1.20.0 + * # Swiper 6.4.5 + * # Basiclightbox + * + * ------------------------------------------------------------------- */ + + + +/* =================================================================== + * # PrismJS 1.20.0 + * https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+markup-templating+php + * + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + * ------------------------------------------------------------------- */ + +code[class*="language-"], +pre[class*="language-"] { + color : #ccc; + background : none; + font-family : var(--font-mono); + font-size : calc(var(--text-size) * 0.9444); + text-align : left; + white-space : pre; + word-spacing : normal; + word-break : normal; + word-wrap : normal; + line-height : var(--vspace-1); + -moz-tab-size : 4; + -o-tab-size : 4; + tab-size : 4; + -webkit-hyphens : none; + -moz-hyphens : none; + -ms-hyphens : none; + hyphens : none; +} + +/* Code blocks */ + +pre[class*="language-"] { + padding : var(--vspace-0_5) 0 var(--vspace-1); + margin : 0; + overflow : auto; +} + +:not(pre)>code[class*="language-"], +pre[class*="language-"] { + background : #2d2d2d; +} + +/* Inline code */ + +:not(pre)>code[class*="language-"] { + padding : .1em; + white-space : normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color : #999; +} + +.token.punctuation { + color : #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color : #e2777a; +} + +.token.function-name { + color : #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color : #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color : #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color : #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color : #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color : #67cdcc; +} + +.token.important, +.token.bold { + font-weight : bold; +} + +.token.italic { + font-style : italic; +} + +.token.entity { + cursor : help; +} + +.token.inserted { + color : green; +} + + + +/* =================================================================== + * # Swiper 6.4.5 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2020 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: December 18, 2020 + * ------------------------------------------------------------------- */ + +@font-face { + font-family : "swiper-icons"; + src : url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); + font-weight : 400; + font-style : normal; +} + +:root { + --swiper-theme-color : #007aff; +} + +.swiper-container { + margin-left : auto; + margin-right : auto; + position : relative; + overflow : hidden; + list-style : none; + padding : 0; + /* Fix of Webkit flickering */ + z-index : 1; +} + +.swiper-container-vertical>.swiper-wrapper { + flex-direction : column; +} + +.swiper-wrapper { + position : relative; + width : 100%; + height : 100%; + z-index : 1; + display : flex; + transition-property : transform; + box-sizing : content-box; +} + +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform : translate3d(0px, 0, 0); +} + +.swiper-container-multirow>.swiper-wrapper { + flex-wrap : wrap; +} + +.swiper-container-multirow-column>.swiper-wrapper { + flex-wrap : wrap; + flex-direction : column; +} + +.swiper-container-free-mode>.swiper-wrapper { + transition-timing-function : ease-out; + margin : 0 auto; +} + +.swiper-slide { + flex-shrink : 0; + width : 100%; + height : 100%; + position : relative; + transition-property : transform; +} + +.swiper-slide-invisible-blank { + visibility : hidden; +} + +/* Auto Height */ + +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height : auto; +} + +.swiper-container-autoheight .swiper-wrapper { + align-items : flex-start; + transition-property : transform, height; +} + +/* 3D Effects */ + +.swiper-container-3d { + perspective : 1200px; +} + +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + transform-style : preserve-3d; +} + +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position : absolute; + left : 0; + top : 0; + width : 100%; + height : 100%; + pointer-events : none; + z-index : 10; +} + +.swiper-container-3d .swiper-slide-shadow-left { + background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-container-3d .swiper-slide-shadow-right { + background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-container-3d .swiper-slide-shadow-top { + background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +/* CSS Mode */ + +.swiper-container-css-mode>.swiper-wrapper { + overflow : auto; + scrollbar-width : none; + /* For Firefox */ + -ms-overflow-style : none; + /* For Internet Explorer and Edge */ +} + +.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { + display : none; +} + +.swiper-container-css-mode>.swiper-wrapper>.swiper-slide { + scroll-snap-align : start start; +} + +.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { + scroll-snap-type : x mandatory; +} + +.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { + scroll-snap-type : y mandatory; +} + +:root { + --swiper-navigation-size : 44px; + /* + --swiper-navigation-color : var(--swiper-theme-color); + */ +} + +.swiper-button-prev, +.swiper-button-next { + position : absolute; + top : 50%; + width : calc(var(--swiper-navigation-size) / 44 * 27); + height : var(--swiper-navigation-size); + margin-top : calc(-1 * var(--swiper-navigation-size) / 2); + z-index : 10; + cursor : pointer; + display : flex; + align-items : center; + justify-content : center; + color : var(--swiper-navigation-color, var(--swiper-theme-color)); +} + +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity : 0.35; + cursor : auto; + pointer-events : none; +} + +.swiper-button-prev:after, +.swiper-button-next:after { + font-family : swiper-icons; + font-size : var(--swiper-navigation-size); + text-transform : none !important; + letter-spacing : 0; + text-transform : none; + font-variant : initial; + line-height : 1; +} + +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left : 10px; + right : auto; +} + +.swiper-button-prev:after, +.swiper-container-rtl .swiper-button-next:after { + content : "prev"; +} + +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right : 10px; + left : auto; +} + +.swiper-button-next:after, +.swiper-container-rtl .swiper-button-prev:after { + content : "next"; +} + +.swiper-button-prev.swiper-button-white, +.swiper-button-next.swiper-button-white { + --swiper-navigation-color : #ffffff; +} + +.swiper-button-prev.swiper-button-black, +.swiper-button-next.swiper-button-black { + --swiper-navigation-color : #000000; +} + +.swiper-button-lock { + display : none; +} + +:root { + /* + --swiper-pagination-color: var(--swiper-theme-color); + */ +} + +.swiper-pagination { + position : absolute; + text-align : center; + transition : 300ms opacity; + transform : translate3d(0, 0, 0); + z-index : 10; +} + +.swiper-pagination.swiper-pagination-hidden { + opacity : 0; +} + +/* Common Styles */ + +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal>.swiper-pagination-bullets { + bottom : 10px; + left : 0; + width : 100%; +} + +/* Bullets */ + +.swiper-pagination-bullets-dynamic { + overflow : hidden; + font-size : 0; +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform : scale(0.33); + position : relative; +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform : scale(1); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { + transform : scale(1); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform : scale(0.66); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform : scale(0.33); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform : scale(0.66); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform : scale(0.33); +} + +.swiper-pagination-bullet { + width : 8px; + height : 8px; + display : inline-block; + border-radius : 100%; + background : #000; + opacity : 0.2; +} + +button.swiper-pagination-bullet { + border : none; + margin : 0; + padding : 0; + box-shadow : none; + -webkit-appearance : none; + -moz-appearance : none; + appearance : none; +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor : pointer; +} + +.swiper-pagination-bullet-active { + opacity : 1; + background : var(--swiper-pagination-color, var(--swiper-theme-color)); +} + +.swiper-container-vertical>.swiper-pagination-bullets { + right : 10px; + top : 50%; + transform : translate3d(0px, -50%, 0); +} + +.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { + margin : 6px 0; + display : block; +} + +.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top : 50%; + transform : translateY(-50%); + width : 8px; +} + +.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display : inline-block; + transition : 200ms transform, 200ms top; +} + +.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { + margin : 0 4px; +} + +.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left : 50%; + transform : translateX(-50%); + white-space : nowrap; +} + +.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition : 200ms transform, 200ms left; +} + +.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition : 200ms transform, 200ms right; +} + +/* Progress */ + +.swiper-pagination-progressbar { + background : rgba(0, 0, 0, 0.25); + position : absolute; +} + +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background : var(--swiper-pagination-color, var(--swiper-theme-color)); + position : absolute; + left : 0; + top : 0; + width : 100%; + height : 100%; + transform : scale(0); + transform-origin : left top; +} + +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin : right top; +} + +.swiper-container-horizontal>.swiper-pagination-progressbar, +.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width : 100%; + height : 4px; + left : 0; + top : 0; +} + +.swiper-container-vertical>.swiper-pagination-progressbar, +.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width : 4px; + height : 100%; + left : 0; + top : 0; +} + +.swiper-pagination-white { + --swiper-pagination-color : #ffffff; +} + +.swiper-pagination-black { + --swiper-pagination-color : #000000; +} + +.swiper-pagination-lock { + display : none; +} + +/* Scrollbar */ + +.swiper-scrollbar { + border-radius : 10px; + position : relative; + -ms-touch-action : none; + background : rgba(0, 0, 0, 0.1); +} + +.swiper-container-horizontal>.swiper-scrollbar { + position : absolute; + left : 1%; + bottom : 3px; + z-index : 50; + height : 5px; + width : 98%; +} + +.swiper-container-vertical>.swiper-scrollbar { + position : absolute; + right : 3px; + top : 1%; + z-index : 50; + width : 5px; + height : 98%; +} + +.swiper-scrollbar-drag { + height : 100%; + width : 100%; + position : relative; + background : rgba(0, 0, 0, 0.5); + border-radius : 10px; + left : 0; + top : 0; +} + +.swiper-scrollbar-cursor-drag { + cursor : move; +} + +.swiper-scrollbar-lock { + display : none; +} + +.swiper-zoom-container { + width : 100%; + height : 100%; + display : flex; + justify-content : center; + align-items : center; + text-align : center; +} + +.swiper-zoom-container>img, +.swiper-zoom-container>svg, +.swiper-zoom-container>canvas { + max-width : 100%; + max-height : 100%; + object-fit : contain; +} + +.swiper-slide-zoomed { + cursor : move; +} + +/* Preloader */ + +:root { + /* + --swiper-preloader-color: var(--swiper-theme-color); + */ +} + +.swiper-lazy-preloader { + width : 42px; + height : 42px; + position : absolute; + left : 50%; + top : 50%; + margin-left : -21px; + margin-top : -21px; + z-index : 10; + transform-origin : 50%; + animation : swiper-preloader-spin 1s infinite linear; + box-sizing : border-box; + border : 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); + border-radius : 50%; + border-top-color : transparent; +} + +.swiper-lazy-preloader-white { + --swiper-preloader-color : #fff; +} + +.swiper-lazy-preloader-black { + --swiper-preloader-color : #000; +} + +@keyframes swiper-preloader-spin { + 100% { + transform : rotate(360deg); + } +} + +/* a11y */ + +.swiper-container .swiper-notification { + position : absolute; + left : 0; + top : 0; + pointer-events : none; + opacity : 0; + z-index : -1000; +} + +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function : ease-out; +} + +.swiper-container-fade .swiper-slide { + pointer-events : none; + transition-property : opacity; +} + +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events : none; +} + +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events : auto; +} + +.swiper-container-cube { + overflow : visible; +} + +.swiper-container-cube .swiper-slide { + pointer-events : none; + -webkit-backface-visibility : hidden; + backface-visibility : hidden; + z-index : 1; + visibility : hidden; + transform-origin : 0 0; + width : 100%; + height : 100%; +} + +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events : none; +} + +.swiper-container-cube.swiper-container-rtl .swiper-slide { + transform-origin : 100% 0; +} + +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events : auto; +} + +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next+.swiper-slide { + pointer-events : auto; + visibility : visible; +} + +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index : 0; + -webkit-backface-visibility : hidden; + backface-visibility : hidden; +} + +.swiper-container-cube .swiper-cube-shadow { + position : absolute; + left : 0; + bottom : 0px; + width : 100%; + height : 100%; + background : #000; + opacity : 0.6; + -webkit-filter : blur(50px); + filter : blur(50px); + z-index : 0; +} + +.swiper-container-flip { + overflow : visible; +} + +.swiper-container-flip .swiper-slide { + pointer-events : none; + -webkit-backface-visibility : hidden; + backface-visibility : hidden; + z-index : 1; +} + +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events : none; +} + +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events : auto; +} + +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index : 0; + -webkit-backface-visibility : hidden; + backface-visibility : hidden; +} + + + +/* =================================================================== + * # Basiclightbox + * + * + * ------------------------------------------------------------------- */ + +.basicLightbox { + position : fixed; + display : flex; + justify-content : center; + align-items : center; + top : 0; + left : 0; + width : 100%; + height : 100vh; + background : var(--color-body); + opacity : 0.01; + transition : opacity 0.4s ease; + z-index : 1000; + will-change : opacity; +} + +.basicLightbox::after { + content : ""; + position : absolute; + top : 1.8rem; + right : 1.8rem; + width : 2em; + height : 2em; + background : url(../images/icons/icon-close.svg); + background-position : center; + background-size : 1.8rem 1.8rem; + background-repeat : no-repeat; + cursor : pointer; +} + +.basicLightbox--visible { + opacity : 1; +} + +.basicLightbox__placeholder { + max-width : 100%; + transform : scale(0.9); + transition : all 0.4s ease; + z-index : 1; + will-change : transform; + opacity : 0; +} + +.basicLightbox__placeholder>iframe:first-child:last-child, +.basicLightbox__placeholder>img:first-child:last-child, +.basicLightbox__placeholder>video:first-child:last-child { + display : block; + position : absolute; + top : 0; + right : 0; + bottom : 0; + left : 0; + margin : auto; + max-width : 95%; + max-height : 95%; +} + +.basicLightbox__placeholder>iframe:first-child:last-child, +.basicLightbox__placeholder>video:first-child:last-child { + pointer-events : auto; +} + +.basicLightbox__placeholder>img:first-child:last-child, +.basicLightbox__placeholder>video:first-child:last-child { + width : auto; + height : auto; +} + +.basicLightbox--iframe .basicLightbox__placeholder, +.basicLightbox--img .basicLightbox__placeholder, +.basicLightbox--video .basicLightbox__placeholder { + width : 100%; + height : 100%; + pointer-events : none; +} + +.basicLightbox--visible .basicLightbox__placeholder { + transform : scale(1); + opacity : 1; +} \ No newline at end of file diff --git a/pages/events/UI-UX-Design/images/ui-ux-design.png b/pages/events/UI-UX-Design/images/ui-ux-design.png new file mode 100644 index 0000000..f94dba9 Binary files /dev/null and b/pages/events/UI-UX-Design/images/ui-ux-design.png differ diff --git a/pages/events/UI-UX-Design/index.html b/pages/events/UI-UX-Design/index.html new file mode 100644 index 0000000..41307ea --- /dev/null +++ b/pages/events/UI-UX-Design/index.html @@ -0,0 +1,227 @@ + + + + + + UI UX Design + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+
+ + + + + +
+ + +
+
+ Pravidhi + Menu +
+ +
+ +
+
+ + + +
+ +
+
+
+
FACE
+ +

UI UX DESIGN

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

Description

+

+ An event which aims to bring out the designer in the, unleashing their + creativity and technical skills. UI UX design is a 2 hr long design + challenge where the particiapnts will be given a topic to desgn on. prozes + will be given on the basis of +

+ Register Now +
+
+
+ + + +
+ + + +
+
+
+
Where to Find Us
+ +

+ Amrita Vishwa Vidyapeetham University,
+ Kasavanahalli, Carmelaram P.O.,
+ Bangalore - 560 035.
+

+
+ +
+
Contact Us
+ + +
+
+ +
+ + + + + + +
+ +
+ + + + + + + diff --git a/pages/events/UI-UX-Design/js/main.js b/pages/events/UI-UX-Design/js/main.js new file mode 100644 index 0000000..96e0698 --- /dev/null +++ b/pages/events/UI-UX-Design/js/main.js @@ -0,0 +1,364 @@ +/* =================================================================== + * Luther 1.0.0 - Main JS + * + * ------------------------------------------------------------------- */ + +(function(html) { + + "use strict"; + + html.className = html.className.replace(/\bno-js\b/g, '') + ' js '; + + + + /* Animations + * -------------------------------------------------- */ + const tl = anime.timeline( { + easing: 'easeInOutCubic', + duration: 800, + autoplay: false + }) + .add({ + targets: '#loader', + opacity: 0, + duration: 1000, + begin: function(anim) { + window.scrollTo(0, 0); + } + }) + .add({ + targets: '#preloader', + opacity: 0, + complete: function(anim) { + document.querySelector("#preloader").style.visibility = "hidden"; + document.querySelector("#preloader").style.display = "none"; + } + }) + .add({ + targets: '.s-header', + translateY: [-100, 0], + opacity: [0, 1] + }, '-=200') + .add({ + targets: [ '.s-intro .text-pretitle', '.s-intro .text-huge-title'], + translateX: [100, 0], + opacity: [0, 1], + delay: anime.stagger(400) + }) + .add({ + targets: '.circles span', + keyframes: [ + {opacity: [0, .3]}, + {opacity: [.3, .1], delay: anime.stagger(100, {direction: 'reverse'})} + ], + delay: anime.stagger(100, {direction: 'reverse'}) + }) + .add({ + targets: '.intro-social li', + translateX: [-50, 0], + opacity: [0, 1], + delay: anime.stagger(100, {direction: 'reverse'}) + }) + .add({ + targets: '.intro-scrolldown', + translateY: [100, 0], + opacity: [0, 1] + }, '-=800'); + + + + /* Preloader + * -------------------------------------------------- */ + const ssPreloader = function() { + + const preloader = document.querySelector('#preloader'); + if (!preloader) return; + + window.addEventListener('load', function() { + document.querySelector('html').classList.remove('ss-preload'); + document.querySelector('html').classList.add('ss-loaded'); + + document.querySelectorAll('.ss-animated').forEach(function(item){ + item.classList.remove('ss-animated'); + }); + + tl.play(); + }); + + // force page scroll position to top at page refresh + // window.addEventListener('beforeunload' , function () { + // // window.scrollTo(0, 0); + // }); + + }; // end ssPreloader + + + /* Mobile Menu + * ---------------------------------------------------- */ + const ssMobileMenu = function() { + + const toggleButton = document.querySelector('.mobile-menu-toggle'); + const mainNavWrap = document.querySelector('.main-nav-wrap'); + const siteBody = document.querySelector("body"); + + if (!(toggleButton && mainNavWrap)) return; + + toggleButton.addEventListener('click', function(event) { + event.preventDefault(); + toggleButton.classList.toggle('is-clicked'); + siteBody.classList.toggle('menu-is-open'); + }); + + mainNavWrap.querySelectorAll('.main-nav a').forEach(function(link) { + link.addEventListener("click", function(event) { + + // at 800px and below + if (window.matchMedia('(max-width: 800px)').matches) { + toggleButton.classList.toggle('is-clicked'); + siteBody.classList.toggle('menu-is-open'); + } + }); + }); + + window.addEventListener('resize', function() { + + // above 800px + if (window.matchMedia('(min-width: 801px)').matches) { + if (siteBody.classList.contains('menu-is-open')) siteBody.classList.remove('menu-is-open'); + if (toggleButton.classList.contains("is-clicked")) toggleButton.classList.remove("is-clicked"); + } + }); + + }; // end ssMobileMenu + + + /* Highlight active menu link on pagescroll + * ------------------------------------------------------ */ + const ssScrollSpy = function() { + + const sections = document.querySelectorAll(".target-section"); + + // Add an event listener listening for scroll + window.addEventListener("scroll", navHighlight); + + function navHighlight() { + + // Get current scroll position + let scrollY = window.pageYOffset; + + // Loop through sections to get height(including padding and border), + // top and ID values for each + sections.forEach(function(current) { + const sectionHeight = current.offsetHeight; + const sectionTop = current.offsetTop - 50; + const sectionId = current.getAttribute("id"); + + /* If our current scroll position enters the space where current section + * on screen is, add .current class to parent element(li) of the thecorresponding + * navigation link, else remove it. To know which link is active, we use + * sectionId variable we are getting while looping through sections as + * an selector + */ + if (scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) { + document.querySelector(".main-nav a[href*=" + sectionId + "]").parentNode.classList.add("current"); + } else { + document.querySelector(".main-nav a[href*=" + sectionId + "]").parentNode.classList.remove("current"); + } + }); + } + + }; // end ssScrollSpy + + + /* Animate elements if in viewport + * ------------------------------------------------------ */ + const ssViewAnimate = function() { + + const blocks = document.querySelectorAll("[data-animate-block]"); + + window.addEventListener("scroll", viewportAnimation); + + function viewportAnimation() { + + let scrollY = window.pageYOffset; + + blocks.forEach(function(current) { + + const viewportHeight = window.innerHeight; + const triggerTop = (current.offsetTop + (viewportHeight * .2)) - viewportHeight; + const blockHeight = current.offsetHeight; + const blockSpace = triggerTop + blockHeight; + const inView = scrollY > triggerTop && scrollY <= blockSpace; + const isAnimated = current.classList.contains("ss-animated"); + + if (inView && (!isAnimated)) { + anime({ + targets: current.querySelectorAll("[data-animate-el]"), + opacity: [0, 1], + translateY: [100, 0], + delay: anime.stagger(400, {start: 200}), + duration: 800, + easing: 'easeInOutCubic', + begin: function(anim) { + current.classList.add("ss-animated"); + } + }); + } + }); + } + + }; // end ssViewAnimate + + + /* Swiper + * ------------------------------------------------------ */ + const ssSwiper = function() { + + const mySwiper = new Swiper('.swiper-container', { + + slidesPerView: 1, + pagination: { + el: '.swiper-pagination', + clickable: true, + }, + breakpoints: { + // when window width is > 400px + 401: { + slidesPerView: 1, + spaceBetween: 20 + }, + // when window width is > 800px + 801: { + slidesPerView: 2, + spaceBetween: 32 + }, + // when window width is > 1200px + 1201: { + slidesPerView: 2, + spaceBetween: 80 + } + } + }); + + }; // end ssSwiper + + + /* Lightbox + * ------------------------------------------------------ */ + const ssLightbox = function() { + + const folioLinks = document.querySelectorAll('.folio-list__item-link'); + const modals = []; + + folioLinks.forEach(function(link) { + let modalbox = link.getAttribute('href'); + let instance = basicLightbox.create( + document.querySelector(modalbox), + { + onShow: function(instance) { + //detect Escape key press + document.addEventListener("keydown", function(event) { + event = event || window.event; + if (event.keyCode === 27) { + instance.close(); + } + }); + } + } + ) + modals.push(instance); + }); + + folioLinks.forEach(function(link, index) { + link.addEventListener("click", function(event) { + event.preventDefault(); + modals[index].show(); + }); + }); + + }; // end ssLightbox + + + /* Alert boxes + * ------------------------------------------------------ */ + const ssAlertBoxes = function() { + + const boxes = document.querySelectorAll('.alert-box'); + + boxes.forEach(function(box){ + + box.addEventListener('click', function(event) { + if (event.target.matches(".alert-box__close")) { + event.stopPropagation(); + event.target.parentElement.classList.add("hideit"); + + setTimeout(function(){ + box.style.display = "none"; + }, 500) + } + }); + + }) + + }; // end ssAlertBoxes + + + /* Smoothscroll + * ------------------------------------------------------ */ + const ssMoveTo = function(){ + + const easeFunctions = { + easeInQuad: function (t, b, c, d) { + t /= d; + return c * t * t + b; + }, + easeOutQuad: function (t, b, c, d) { + t /= d; + return -c * t* (t - 2) + b; + }, + easeInOutQuad: function (t, b, c, d) { + t /= d/2; + if (t < 1) return c/2*t*t + b; + t--; + return -c/2 * (t*(t-2) - 1) + b; + }, + easeInOutCubic: function (t, b, c, d) { + t /= d/2; + if (t < 1) return c/2*t*t*t + b; + t -= 2; + return c/2*(t*t*t + 2) + b; + } + } + + const triggers = document.querySelectorAll('.smoothscroll'); + + const moveTo = new MoveTo({ + tolerance: 0, + duration: 1200, + easing: 'easeInOutCubic', + container: window + }, easeFunctions); + + triggers.forEach(function(trigger) { + moveTo.registerTrigger(trigger); + }); + + }; // end ssMoveTo + + + /* Initialize + * ------------------------------------------------------ */ + (function ssInit() { + + ssPreloader(); + ssMobileMenu(); + ssScrollSpy(); + ssViewAnimate(); + ssSwiper(); + ssLightbox(); + ssAlertBoxes(); + ssMoveTo(); + + })(); + +})(document.documentElement); \ No newline at end of file diff --git a/pages/events/UI-UX-Design/js/plugins.js b/pages/events/UI-UX-Design/js/plugins.js new file mode 100644 index 0000000..f4e643b --- /dev/null +++ b/pages/events/UI-UX-Design/js/plugins.js @@ -0,0 +1,70 @@ +/* =================================================================== + * javascript plugins + * + * ------------------------------------------------------------------- */ + + +/* PrismJS 1.20.0 + * https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+markup-templating+php + */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,C={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof _?new _(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/n.length)return;if(!(b instanceof _)){var x=1;if(d&&y!=t.tail.prev){g.lastIndex=k;var w=g.exec(n);if(!w)break;var A=w.index+(h&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof _)continue;for(var O=y;O!==t.tail&&(S"+a.content+""},!u.document)return u.addEventListener&&(C.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(C.highlight(r,C.languages[t],t)),a&&u.close()},!1)),C;var e=C.util.currentScript();function t(){C.manual||C.highlightAll()}if(e&&(C.filename=e.src,e.hasAttribute("data-manual")&&(C.manual=!0)),!C.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return C}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(s){var e=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"}}},url:{pattern:RegExp("url\\((?:"+e.source+"|[^\n\r()]*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+e.source+")*?(?=\\s*\\{)"),string:{pattern:e,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),s.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:s.languages.css}},alias:"language-css"}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&|\|\||[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?[.?]?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +!function(h){function v(e,n){return"___"+e.toUpperCase()+n+"___"}Object.defineProperties(h.languages["markup-templating"]={},{buildPlaceholders:{value:function(a,r,e,o){if(a.language===r){var c=a.tokenStack=[];a.code=a.code.replace(e,function(e){if("function"==typeof o&&!o(e))return e;for(var n,t=c.length;-1!==a.code.indexOf(n=v(r,t));)++t;return c[t]=e,n}),a.grammar=h.languages.markup}}},tokenizePlaceholders:{value:function(p,k){if(p.language===k&&p.tokenStack){p.grammar=h.languages[k];var m=0,d=Object.keys(p.tokenStack);!function e(n){for(var t=0;t=d.length);t++){var a=n[t];if("string"==typeof a||a.content&&"string"==typeof a.content){var r=d[m],o=p.tokenStack[r],c="string"==typeof a?a:a.content,i=v(k,r),u=c.indexOf(i);if(-1$|^<\?(?:php(?=\s)|=)?/i,alias:"important"}}),n.languages.insertBefore("php","keyword",{variable:/\$+(?:\w+\b|(?={))/i,package:{pattern:/(\\|namespace\s+|use\s+)[\w\\]+/,lookbehind:!0,inside:{punctuation:/\\/}}}),n.languages.insertBefore("php","operator",{property:{pattern:/(->)[\w]+/,lookbehind:!0}});var e={pattern:/{\$(?:{(?:{[^{}]+}|[^{}]+)}|[^{}])+}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)*)/,lookbehind:!0,inside:n.languages.php};n.languages.insertBefore("php","string",{"nowdoc-string":{pattern:/<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,greedy:!0,alias:"string",inside:{delimiter:{pattern:/^<<<'[^']+'|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<'?|[';]$/}}}},"heredoc-string":{pattern:/<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,greedy:!0,alias:"string",inside:{delimiter:{pattern:/^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<"?|[";]$/}},interpolation:e}},"single-quoted-string":{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0,alias:"string"},"double-quoted-string":{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,alias:"string",inside:{interpolation:e}}}),delete n.languages.php.string,n.hooks.add("before-tokenize",function(e){if(/<\?/.test(e.code)){n.languages["markup-templating"].buildPlaceholders(e,"php",/<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#)(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|\/\*[\s\S]*?(?:\*\/|$))*?(?:\?>|$)/gi)}}),n.hooks.add("after-tokenize",function(e){n.languages["markup-templating"].tokenizePlaceholders(e,"php")})}(Prism); + + + +/** + * Basic Lightbox + * v. 5.0.3 + * https://basiclightbox.electerious.com/ + * + */ +!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).basicLightbox=e()}}((function(){return function e(n,t,o){function r(c,u){if(!t[c]){if(!n[c]){var s="function"==typeof require&&require;if(!u&&s)return s(c,!0);if(i)return i(c,!0);var a=new Error("Cannot find module '"+c+"'");throw a.code="MODULE_NOT_FOUND",a}var l=t[c]={exports:{}};n[c][0].call(l.exports,(function(e){return r(n[c][1][e]||e)}),l,l.exports,e,n,t,o)}return t[c].exports}for(var i="function"==typeof require&&require,c=0;c1&&void 0!==arguments[1]&&arguments[1],t=document.createElement("div");return t.innerHTML=e.trim(),!0===n?t.children:t.firstChild},r=function(e,n){var t=e.children;return 1===t.length&&t[0].tagName===n},i=function(e){return null!=(e=e||document.querySelector(".basicLightbox"))&&!0===e.ownerDocument.body.contains(e)};t.visible=i;t.create=function(e,n){var t=function(e,n){var t=o('\n\t\t
\n\t\t\t\n\t\t
\n\t')),i=t.querySelector(".basicLightbox__placeholder");e.forEach((function(e){return i.appendChild(e)}));var c=r(i,"IMG"),u=r(i,"VIDEO"),s=r(i,"IFRAME");return!0===c&&t.classList.add("basicLightbox--img"),!0===u&&t.classList.add("basicLightbox--video"),!0===s&&t.classList.add("basicLightbox--iframe"),t}(e=function(e){var n="string"==typeof e,t=e instanceof HTMLElement==!0;if(!1===n&&!1===t)throw new Error("Content must be a DOM element/node or string");return!0===n?Array.from(o(e,!0)):"TEMPLATE"===e.tagName?[e.content.cloneNode(!0)]:Array.from(e.children)}(e),n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(null==(e=Object.assign({},e)).closable&&(e.closable=!0),null==e.className&&(e.className=""),null==e.onShow&&(e.onShow=function(){}),null==e.onClose&&(e.onClose=function(){}),"boolean"!=typeof e.closable)throw new Error("Property `closable` must be a boolean");if("string"!=typeof e.className)throw new Error("Property `className` must be a string");if("function"!=typeof e.onShow)throw new Error("Property `onShow` must be a function");if("function"!=typeof e.onClose)throw new Error("Property `onClose` must be a function");return e}(n)),c=function(e){return!1!==n.onClose(u)&&function(e,n){return e.classList.remove("basicLightbox--visible"),setTimeout((function(){return!1===i(e)||e.parentElement.removeChild(e),n()}),410),!0}(t,(function(){if("function"==typeof e)return e(u)}))};!0===n.closable&&t.addEventListener("click",(function(e){e.target===t&&c()}));var u={element:function(){return t},visible:function(){return i(t)},show:function(e){return!1!==n.onShow(u)&&function(e,n){return document.body.appendChild(e),setTimeout((function(){requestAnimationFrame((function(){return e.classList.add("basicLightbox--visible"),n()}))}),10),!0}(t,(function(){if("function"==typeof e)return e(u)}))},close:c};return u}},{}]},{},[1])(1)})); + + +/** + * mailtoui - A simple way to enhance your mailto links with a convenient user interface. + * @version v1.0.3 + * @link https://mailtoui.com + * @author Mario Rodriguez - https://twitter.com/mariordev + * @license MIT + */ +var mailtouiApp=mailtouiApp||{};!function(t){var o=document.getElementsByTagName("html")[0],e=document.getElementsByTagName("body")[0],i=null,n=null,l=' ',a=' ',r=new Object;r.linkClass="mailtoui",r.autoClose=!0,r.disableOnMobile=!0,r.title="Compose new email with",r.buttonText1="Gmail in browser",r.buttonText2="Outlook in browser",r.buttonText3="Yahoo in browser",r.buttonText4="Default email app",r.buttonIcon1=l,r.buttonIcon2=l,r.buttonIcon3=l,r.buttonIcon4=' ',r.buttonIconCopy=a,r.buttonTextCopy="Copy",r.buttonTextCopyAction="Copied!";var c=0,s="auto";t.buildStyleTag=function(){var o=document.createElement("style"),e=".mailtoui-modal{background-color:#000;background-color:rgba(0,0,0,.4);bottom:0;color:#303131;display:none;height:100%;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.mailtoui-modal-content{-webkit-animation:mailtoui-appear .4s;animation:mailtoui-appear .4s;background-color:#f1f5f8;border-radius:8px;bottom:auto;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);left:50%;max-height:calc(100% - 100px);overflow:auto;padding:0;position:fixed;right:-45%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mailtoui-modal-content:focus,.mailtoui-modal-content:hover{overflow-y:auto}@media only screen and (min-width:768px){.mailtoui-modal-content{right:auto}}.mailtoui-modal-head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;clear:both;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;padding:10px 20px}.mailtoui-modal-title{color:#303131;-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:sans-serif;font-size:120%;font-weight:700;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.mailtoui-modal-close{color:#aaa;-webkit-box-flex:initial;-ms-flex:initial;flex:initial;font-size:38px;margin-left:20px;position:relative;text-align:right;text-decoration:none;top:-4px}.mailtoui-modal-close:focus,.mailtoui-modal-close:hover{color:#000;cursor:pointer;font-weight:700;outline:0}.mailtoui-modal-body{height:100%;padding:20px}.mailtoui-button{color:#333;text-decoration:none}.mailtoui-button:focus{outline:0}.mailtoui-button:focus .mailtoui-button-content{background-color:#555;color:#fff}.mailtoui-button-content{background-color:#fff;border:none;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.18);box-shadow:0 2px 4px rgba(0,0,0,.18);margin-bottom:20px;overflow:hidden;padding:15px 20px;text-overflow:ellipsis;white-space:nowrap}.mailtoui-button-content:hover{background-color:#555;color:#fff}.mailtoui-button:last-child .mailtoui-button-content{margin-bottom:0}.mailtoui-button-icon{display:inline-block;font-weight:700;position:relative;top:4px}.mailtoui-button-icon svg{height:24px;width:24px}.mailtoui-button-text{display:inline-block;margin-left:5px;position:relative;top:-2px}.mailtoui-copy{border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.18);box-shadow:0 2px 4px rgba(0,0,0,.18);height:59px;margin-top:20px;position:relative}.mailtoui-button-copy{background-color:#fff;border:none;border-bottom-left-radius:8px;border-top-left-radius:8px;bottom:21px;color:#333;font-size:100%;height:100%;left:0;overflow:hidden;padding:15px 20px;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:120px}.mailtoui-button-copy:focus,.mailtoui-button-copy:hover{background-color:#555;color:#fff;cursor:pointer;outline:0}.mailtoui-button-copy-clicked,.mailtoui-button-copy-clicked:focus,.mailtoui-button-copy-clicked:hover{background-color:#1f9d55;color:#fff}.mailtoui-button-copy-clicked .mailtoui-button-icon,.mailtoui-button-copy-clicked:focus .mailtoui-button-icon,.mailtoui-button-copy-clicked:hover .mailtoui-button-icon{display:none;visibility:hidden}.mailtoui-button-copy-clicked .mailtoui-button-text,.mailtoui-button-copy-clicked:focus .mailtoui-button-text,.mailtoui-button-copy-clicked:hover .mailtoui-button-text{color:#fff;top:2px}.mailtoui-email-address{background-color:#d8dcdf;border:none;border-radius:8px;-webkit-box-shadow:unset;box-shadow:unset;-webkit-box-sizing:border-box;box-sizing:border-box;color:#48494a;font-size:100%;height:100%;overflow:hidden;padding:20px 20px 20px 140px;text-overflow:ellipsis;white-space:nowrap;width:100%}.mailtoui-brand{color:#888;font-size:80%;margin-top:20px;text-align:center}.mailtoui-brand a{color:#888}.mailtoui-brand a:focus,.mailtoui-brand a:hover{font-weight:700;outline:0}.mailtoui-no-scroll{overflow:hidden;position:fixed;width:100%}.mailtoui-is-hidden{display:none;visibility:hidden}@-webkit-keyframes mailtoui-appear{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0,0);transform:translate(-50%,-50%) scale(0,0)}100%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1)}}@keyframes mailtoui-appear{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0,0);transform:translate(-50%,-50%) scale(0,0)}100%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1)}}";return e=e.replace(/mailtoui/g,t.prefix()),o.setAttribute("id",t.prefix("-styles")),o.setAttribute("type","text/css"),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e)),o},t.embedStyleTag=function(){if(!t.styleTagExists()){var o=document.head.firstChild;document.head.insertBefore(t.buildStyleTag(),o)}},t.styleTagExists=function(){return!!document.getElementById(t.prefix("-styles"))},t.buildModal=function(){var o=document.createElement("div"),e=`
${r.title}
×
${r.buttonIcon1} ${r.buttonText1}
${r.buttonIcon2} ${r.buttonText2}
${r.buttonIcon3} ${r.buttonText3}
${r.buttonIcon4} ${r.buttonText4}
Powered by MailtoUI
`;return e=e.replace(/mailtoui/g,t.prefix()),o.setAttribute("id",t.prefix("-modal")),o.setAttribute("class",t.prefix("-modal")),o.setAttribute("style","display: none;"),o.setAttribute("aria-hidden",!0),o.innerHTML=e,o},t.embedModal=function(){if(!t.modalExists()){var o=t.buildModal(),e=document.body.firstChild;document.body.insertBefore(o,e)}},t.modalExists=function(){return!!document.getElementById(t.prefix("-modal"))},t.getModal=function(o){return t.hydrateModal(o),document.getElementById(t.prefix("-modal"))},t.hydrateModal=function(o){var e=t.getEmail(o),i=t.getLinkField(o,"subject"),n=t.getLinkField(o,"cc"),l=t.getLinkField(o,"bcc"),a=t.getLinkField(o,"body");document.getElementById(t.prefix("-button-1")).href="https://mail.google.com/mail/?view=cm&fs=1&to="+e+"&su="+i+"&cc="+n+"&bcc="+l+"&body="+a,document.getElementById(t.prefix("-button-2")).href="https://outlook.office.com/owa/?path=/mail/action/compose&to="+e+"&subject="+i+"&body="+a,document.getElementById(t.prefix("-button-3")).href="https://compose.mail.yahoo.com/?to="+e+"&subject="+i+"&cc="+n+"&bcc="+l+"&body="+a,document.getElementById(t.prefix("-button-4")).href="mailto:"+e+"?subject="+i+"&cc="+n+"&bcc="+l+"&body="+a,document.getElementById(t.prefix("-email-address")).innerHTML=e,document.getElementById(t.prefix("-button-icon-1")).innerHTML=r.buttonIcon1,document.getElementById(t.prefix("-button-icon-2")).innerHTML=r.buttonIcon2,document.getElementById(t.prefix("-button-icon-3")).innerHTML=r.buttonIcon3,document.getElementById(t.prefix("-button-icon-4")).innerHTML=r.buttonIcon4,document.getElementById(t.prefix("-button-icon-copy")).innerHTML=r.buttonIconCopy,t.toggleHideCopyUi(e)},t.savePageScrollPosition=function(){c=window.pageYOffset,e.style.top=-c+"px"},t.restorePageScrollPosition=function(){window.scrollTo(0,c),e.style.top=0},t.saveScrollBehavior=function(){s=o.style.scrollBehavior,o.style.scrollBehavior="auto"},t.restoreScrollBehavior=function(){o.style.scrollBehavior=s},t.saveLastDocElementFocused=function(){n=document.activeElement},t.openModal=function(o){r.disableOnMobile&&t.isMobileDevice()||(o.preventDefault(),t.saveLastDocElementFocused(),t.savePageScrollPosition(),t.saveScrollBehavior(),t.displayModal(o),t.hideModalFromScreenReader(!1),t.enablePageScrolling(!1),t.modalFocus(),t.triggerEvent(i,"open"))},t.displayModal=function(o){var e=t.getParentElement(o.target,"a");(i=t.getModal(e)).style.display="block"},t.modalFocus=function(){i.focusableChildren=Array.from(i.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])')),i.focusableChildren[1].focus()},t.closeModal=function(o){o.preventDefault(),t.hideModal(),t.enablePageScrolling(!0),t.restorePageScrollPosition(),t.restoreScrollBehavior(),t.docRefocus(),t.triggerEvent(i,"close")},t.hideModal=function(){t.hideModalFromScreenReader(!0),t.isDefined(i)&&(i.style.display="none")},t.hideModalFromScreenReader=function(o){t.isDefined(i)&&i.setAttribute("aria-hidden",o)},t.enablePageScrolling=function(i){i?(e.classList.remove(t.prefix("-no-scroll")),o.classList.remove(t.prefix("-no-scroll"))):(e.classList.add(t.prefix("-no-scroll")),o.classList.add(t.prefix("-no-scroll")))},t.docRefocus=function(){n.focus()},t.openClient=function(o,e){var i="_blank";t.isDefaultEmailAppButton(o)&&(i="_self"),window.open(o.href,i),t.triggerEvent(o,"compose"),r.autoClose&&t.closeModal(e)},t.isDefaultEmailAppButton=function(o){return o.id==t.prefix("-button-4")},t.getParentElement=function(t,o){for(;null!==t;){if(t.tagName.toUpperCase()==o.toUpperCase())return t;t=t.parentNode}return null},t.triggerEvent=function(t,o){var e=new Event(o);t.dispatchEvent(e)},t.isMobileDevice=function(){var t,o=!1;return t=navigator.userAgent||navigator.vendor||window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(o=!0),o},t.listenForEvents=function(){t.listenForClickOnLink(),t.listenForClickOnClient(),t.listenForClickOnCopy(),t.listenForClickOnClose(),t.listenForClickOnWindow(),t.listenForKeys()},t.listenForClickOnLink=function(){for(var o=document.getElementsByClassName(t.prefix()),e=0;e0&&(e[1]=o.replace(e[0]+"?","").trim()),e},t.getLinkField=function(o,e){var i=t.splitLink(o),n="",l=[],a=[];null!==i&&i.length>0&&(n=i[1]),null!==n&&n.length>0&&(l=(n=n.replace("%20&%20","%20%26%20")).split("&"));for(var r=0;r0&&(i=e[0]),decodeURIComponent(i)},t.getClassHideCopyUi=function(){return t.prefix("-is-hidden")},t.toggleHideCopyUi=function(o){var e=document.getElementById(t.prefix("-copy"));0==o.length?e.classList.add(t.getClassHideCopyUi()):e.classList.remove(t.getClassHideCopyUi())},t.toggleCopyButton=function(){button=document.getElementById(t.prefix("-button-copy")),buttonText=document.getElementById(t.prefix("-button-text-copy")),buttonText.innerHTML=r.buttonTextCopyAction,button.classList.add(t.prefix("-button-copy-clicked")),setTimeout(function(){buttonText.innerHTML=r.buttonTextCopy,button.classList.remove(t.prefix("-button-copy-clicked"))},600)},t.copy=function(o){o.preventDefault();var e=t.getParentElement(o.target,"button").getAttribute("data-copytargetid"),i=document.getElementById(e),n=document.createRange();n.selectNodeContents(i);var l=window.getSelection();l.removeAllRanges(),l.addRange(n),document.execCommand("copy"),t.triggerEvent(i,"copy"),t.toggleCopyButton()},t.isiOSDevice=function(){return navigator.userAgent.match(/ipad|iphone/i)},t.setOptions=function(o){if(o)var e=JSON.stringify(o);else e=t.getOptionsFromScriptTag();if(e&&e.trim().length>0)for(var i in e=JSON.parse(e),r)e.hasOwnProperty(i)&&(r[i]=t.sanitizeUserOption(i,e[i]))},t.sanitizeUserOption=function(o,e){return t.stringContains(o,"icon")?t.validateSvg(o,e):t.isString(e)?t.stripHtml(e):e},t.validateSvg=function(o,e){t.getSvg(o,e).then(function(i){if(!t.stringIsSvg(i.responseText))throw new Error(o+": "+e+" is not an SVG file.");if(t.stringHasScript(i.responseText))throw new Error(o+": "+e+" is an invalid SVG file.");r[o]=i.responseText}).catch(function(t){r[o]="buttonIconCopy"==o?a:l,console.log(t)})},t.loadSvg=function(t,o){return new Promise((t,e)=>{var i=new XMLHttpRequest;i.open("GET",o,!0),i.onload=function(o){200==i.status?t(i):e(i)},i.send()})},t.getSvg=async function(o,e){return await t.loadSvg(o,e)},t.isString=function(t){return"string"==typeof t},t.stripHtml=function(t){return t.replace(/(<([^>]+)>)/g,"")},t.stringContains=function(t,o){return-1!==t.toLowerCase().indexOf(o.toLowerCase())},t.stringIsSvg=function(t){return t.startsWith("0&&i(e[s],t[s])}))}var s={body:{},addEventListener:function(){},removeEventListener:function(){},activeElement:{blur:function(){},nodeName:""},querySelector:function(){return null},querySelectorAll:function(){return[]},getElementById:function(){return null},createEvent:function(){return{initEvent:function(){}}},createElement:function(){return{children:[],childNodes:[],style:{},setAttribute:function(){},getElementsByTagName:function(){return[]}}},createElementNS:function(){return{}},importNode:function(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function r(){var e="undefined"!=typeof document?document:{};return i(e,s),e}var n={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState:function(){},pushState:function(){},go:function(){},back:function(){}},CustomEvent:function(){return this},addEventListener:function(){},removeEventListener:function(){},getComputedStyle:function(){return{getPropertyValue:function(){return""}}},Image:function(){},Date:function(){},screen:{},setTimeout:function(){},clearTimeout:function(){},matchMedia:function(){return{}},requestAnimationFrame:function(e){return"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0)},cancelAnimationFrame:function(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function l(){var e="undefined"!=typeof window?window:{};return i(e,n),e}function o(e){return(o=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function u(e,t,a){return(u=p()?Reflect.construct:function(e,t,a){var i=[null];i.push.apply(i,t);var s=new(Function.bind.apply(e,i));return a&&d(s,a.prototype),s}).apply(null,arguments)}function c(e){var t="function"==typeof Map?new Map:void 0;return(c=function(e){if(null===e||(a=e,-1===Function.toString.call(a).indexOf("[native code]")))return e;var a;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,i)}function i(){return u(e,arguments,o(this).constructor)}return i.prototype=Object.create(e.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),d(i,e)})(e)}var h=function(e){var t,a;function i(t){var a,i,s;return a=e.call.apply(e,[this].concat(t))||this,i=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(a),s=i.__proto__,Object.defineProperty(i,"__proto__",{get:function(){return s},set:function(e){s.__proto__=e}}),a}return a=e,(t=i).prototype=Object.create(a.prototype),t.prototype.constructor=t,t.__proto__=a,i}(c(Array));function v(e){void 0===e&&(e=[]);var t=[];return e.forEach((function(e){Array.isArray(e)?t.push.apply(t,v(e)):t.push(e)})),t}function f(e,t){return Array.prototype.filter.call(e,t)}function m(e,t){var a=l(),i=r(),s=[];if(!t&&e instanceof h)return e;if(!e)return new h(s);if("string"==typeof e){var n=e.trim();if(n.indexOf("<")>=0&&n.indexOf(">")>=0){var o="div";0===n.indexOf("0})).length>0},toggleClass:function(){for(var e=arguments.length,t=new Array(e),a=0;a=0;h-=1){var v=c[h];r&&v.listener===r||r&&v.listener&&v.listener.dom7proxy&&v.listener.dom7proxy===r?(u.removeEventListener(d,v.proxyListener,n),c.splice(h,1)):r||(u.removeEventListener(d,v.proxyListener,n),c.splice(h,1))}}return this},trigger:function(){for(var e=l(),t=arguments.length,a=new Array(t),i=0;i0})),p.dispatchEvent(u),p.dom7EventData=[],delete p.dom7EventData}}return this},transitionEnd:function(e){var t=this;return e&&t.on("transitionend",(function a(i){i.target===this&&(e.call(this,i),t.off("transitionend",a))})),this},outerWidth:function(e){if(this.length>0){if(e){var t=this.styles();return this[0].offsetWidth+parseFloat(t.getPropertyValue("margin-right"))+parseFloat(t.getPropertyValue("margin-left"))}return this[0].offsetWidth}return null},outerHeight:function(e){if(this.length>0){if(e){var t=this.styles();return this[0].offsetHeight+parseFloat(t.getPropertyValue("margin-top"))+parseFloat(t.getPropertyValue("margin-bottom"))}return this[0].offsetHeight}return null},styles:function(){var e=l();return this[0]?e.getComputedStyle(this[0],null):{}},offset:function(){if(this.length>0){var e=l(),t=r(),a=this[0],i=a.getBoundingClientRect(),s=t.body,n=a.clientTop||s.clientTop||0,o=a.clientLeft||s.clientLeft||0,d=a===e?e.scrollY:a.scrollTop,p=a===e?e.scrollX:a.scrollLeft;return{top:i.top+d-n,left:i.left+p-o}}return null},css:function(e,t){var a,i=l();if(1===arguments.length){if("string"!=typeof e){for(a=0;at-1)return m([]);if(e<0){var a=t+e;return m(a<0?[]:[this[a]])}return m([this[e]])},append:function(){for(var e,t=r(),a=0;a=0;a-=1)this[t].insertBefore(s.childNodes[a],this[t].childNodes[0])}else if(e instanceof h)for(a=0;a0?e?this[0].nextElementSibling&&m(this[0].nextElementSibling).is(e)?m([this[0].nextElementSibling]):m([]):this[0].nextElementSibling?m([this[0].nextElementSibling]):m([]):m([])},nextAll:function(e){var t=[],a=this[0];if(!a)return m([]);for(;a.nextElementSibling;){var i=a.nextElementSibling;e?m(i).is(e)&&t.push(i):t.push(i),a=i}return m(t)},prev:function(e){if(this.length>0){var t=this[0];return e?t.previousElementSibling&&m(t.previousElementSibling).is(e)?m([t.previousElementSibling]):m([]):t.previousElementSibling?m([t.previousElementSibling]):m([])}return m([])},prevAll:function(e){var t=[],a=this[0];if(!a)return m([]);for(;a.previousElementSibling;){var i=a.previousElementSibling;e?m(i).is(e)&&t.push(i):t.push(i),a=i}return m(t)},parent:function(e){for(var t=[],a=0;a6&&(i=i.split(", ").map((function(e){return e.replace(",",".")})).join(", ")),s=new r.WebKitCSSMatrix("none"===i?"":i)):a=(s=n.MozTransform||n.OTransform||n.MsTransform||n.msTransform||n.transform||n.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,")).toString().split(","),"x"===t&&(i=r.WebKitCSSMatrix?s.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=r.WebKitCSSMatrix?s.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function C(e){return"object"==typeof e&&null!==e&&e.constructor&&e.constructor===Object}function S(){for(var e=Object(arguments.length<=0?void 0:arguments[0]),t=1;t=0,observer:"MutationObserver"in e||"WebkitMutationObserver"in e,passiveListener:function(){var t=!1;try{var a=Object.defineProperty({},"passive",{get:function(){t=!0}});e.addEventListener("testPassiveListener",null,a)}catch(e){}return t}(),gestures:"ongesturestart"in e}}()),g}function P(e){return void 0===e&&(e={}),y||(y=function(e){var t=(void 0===e?{}:e).userAgent,a=z(),i=l(),s=i.navigator.platform,r=t||i.navigator.userAgent,n={ios:!1,android:!1},o=i.screen.width,d=i.screen.height,p=r.match(/(Android);?[\s\/]+([\d.]+)?/),u=r.match(/(iPad).*OS\s([\d_]+)/),c=r.match(/(iPod)(.*OS\s([\d_]+))?/),h=!u&&r.match(/(iPhone\sOS|iOS)\s([\d_]+)/),v="Win32"===s,f="MacIntel"===s;return!u&&f&&a.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(o+"x"+d)>=0&&((u=r.match(/(Version)\/([\d.]+)/))||(u=[0,1,"13_0_0"]),f=!1),p&&!v&&(n.os="android",n.android=!0),(u||h||c)&&(n.os="ios",n.ios=!0),n}(e)),y}function k(){return w||(w=function(){var e,t=l();return{isEdge:!!t.navigator.userAgent.match(/Edge/g),isSafari:(e=t.navigator.userAgent.toLowerCase(),e.indexOf("safari")>=0&&e.indexOf("chrome")<0&&e.indexOf("android")<0),isWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent)}}()),w}Object.keys(b).forEach((function(e){m.fn[e]=b[e]}));var L={name:"resize",create:function(){var e=this;S(e,{resize:{resizeHandler:function(){e&&!e.destroyed&&e.initialized&&(e.emit("beforeResize"),e.emit("resize"))},orientationChangeHandler:function(){e&&!e.destroyed&&e.initialized&&e.emit("orientationchange")}}})},on:{init:function(e){var t=l();t.addEventListener("resize",e.resize.resizeHandler),t.addEventListener("orientationchange",e.resize.orientationChangeHandler)},destroy:function(e){var t=l();t.removeEventListener("resize",e.resize.resizeHandler),t.removeEventListener("orientationchange",e.resize.orientationChangeHandler)}}},$={attach:function(e,t){void 0===t&&(t={});var a=l(),i=this,s=new(a.MutationObserver||a.WebkitMutationObserver)((function(e){if(1!==e.length){var t=function(){i.emit("observerUpdate",e[0])};a.requestAnimationFrame?a.requestAnimationFrame(t):a.setTimeout(t,0)}else i.emit("observerUpdate",e[0])}));s.observe(e,{attributes:void 0===t.attributes||t.attributes,childList:void 0===t.childList||t.childList,characterData:void 0===t.characterData||t.characterData}),i.observer.observers.push(s)},init:function(){var e=this;if(e.support.observer&&e.params.observer){if(e.params.observeParents)for(var t=e.$el.parents(),a=0;a0))if(!s.isTouched||!s.isMoved)if(!!n.noSwipingClass&&""!==n.noSwipingClass&&d.target&&d.target.shadowRoot&&e.path&&e.path[0]&&(p=m(e.path[0])),n.noSwiping&&p.closest(n.noSwipingSelector?n.noSwipingSelector:"."+n.noSwipingClass)[0])t.allowClick=!0;else if(!n.swipeHandler||p.closest(n.swipeHandler)[0]){o.currentX="touchstart"===d.type?d.targetTouches[0].pageX:d.pageX,o.currentY="touchstart"===d.type?d.targetTouches[0].pageY:d.pageY;var u=o.currentX,c=o.currentY,h=n.edgeSwipeDetection||n.iOSEdgeSwipeDetection,v=n.edgeSwipeThreshold||n.iOSEdgeSwipeThreshold;if(!h||!(u<=v||u>=i.innerWidth-v)){if(S(s,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),o.startX=u,o.startY=c,s.touchStartTime=x(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,n.threshold>0&&(s.allowThresholdMove=!1),"touchstart"!==d.type){var f=!0;p.is(s.formElements)&&(f=!1),a.activeElement&&m(a.activeElement).is(s.formElements)&&a.activeElement!==p[0]&&a.activeElement.blur();var g=f&&t.allowTouchMove&&n.touchStartPreventDefault;!n.touchStartForcePreventDefault&&!g||p[0].isContentEditable||d.preventDefault()}t.emit("touchStart",d)}}}}function A(e){var t=r(),a=this,i=a.touchEventsData,s=a.params,n=a.touches,l=a.rtlTranslate,o=e;if(o.originalEvent&&(o=o.originalEvent),i.isTouched){if(!i.isTouchEvent||"touchmove"===o.type){var d="touchmove"===o.type&&o.targetTouches&&(o.targetTouches[0]||o.changedTouches[0]),p="touchmove"===o.type?d.pageX:o.pageX,u="touchmove"===o.type?d.pageY:o.pageY;if(o.preventedByNestedSwiper)return n.startX=p,void(n.startY=u);if(!a.allowTouchMove)return a.allowClick=!1,void(i.isTouched&&(S(n,{startX:p,startY:u,currentX:p,currentY:u}),i.touchStartTime=x()));if(i.isTouchEvent&&s.touchReleaseOnEdges&&!s.loop)if(a.isVertical()){if(un.startY&&a.translate>=a.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else if(pn.startX&&a.translate>=a.minTranslate())return;if(i.isTouchEvent&&t.activeElement&&o.target===t.activeElement&&m(o.target).is(i.formElements))return i.isMoved=!0,void(a.allowClick=!1);if(i.allowTouchCallbacks&&a.emit("touchMove",o),!(o.targetTouches&&o.targetTouches.length>1)){n.currentX=p,n.currentY=u;var c=n.currentX-n.startX,h=n.currentY-n.startY;if(!(a.params.threshold&&Math.sqrt(Math.pow(c,2)+Math.pow(h,2))=25&&(v=180*Math.atan2(Math.abs(h),Math.abs(c))/Math.PI,i.isScrolling=a.isHorizontal()?v>s.touchAngle:90-v>s.touchAngle);if(i.isScrolling&&a.emit("touchMoveOpposite",o),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling)i.isTouched=!1;else if(i.startMoving){a.allowClick=!1,!s.cssMode&&o.cancelable&&o.preventDefault(),s.touchMoveStopPropagation&&!s.nested&&o.stopPropagation(),i.isMoved||(s.loop&&a.loopFix(),i.startTranslate=a.getTranslate(),a.setTransition(0),a.animating&&a.$wrapperEl.trigger("webkitTransitionEnd transitionend"),i.allowMomentumBounce=!1,!s.grabCursor||!0!==a.allowSlideNext&&!0!==a.allowSlidePrev||a.setGrabCursor(!0),a.emit("sliderFirstMove",o)),a.emit("sliderMove",o),i.isMoved=!0;var f=a.isHorizontal()?c:h;n.diff=f,f*=s.touchRatio,l&&(f=-f),a.swipeDirection=f>0?"prev":"next",i.currentTranslate=f+i.startTranslate;var g=!0,y=s.resistanceRatio;if(s.touchReleaseOnEdges&&(y=0),f>0&&i.currentTranslate>a.minTranslate()?(g=!1,s.resistance&&(i.currentTranslate=a.minTranslate()-1+Math.pow(-a.minTranslate()+i.startTranslate+f,y))):f<0&&i.currentTranslatei.startTranslate&&(i.currentTranslate=i.startTranslate),s.threshold>0){if(!(Math.abs(f)>s.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=a.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}s.followFinger&&!s.cssMode&&((s.freeMode||s.watchSlidesProgress||s.watchSlidesVisibility)&&(a.updateActiveIndex(),a.updateSlidesClasses()),s.freeMode&&(0===i.velocities.length&&i.velocities.push({position:n[a.isHorizontal()?"startX":"startY"],time:i.touchStartTime}),i.velocities.push({position:n[a.isHorizontal()?"currentX":"currentY"],time:x()})),a.updateProgress(i.currentTranslate),a.setTranslate(i.currentTranslate))}}}}}else i.startMoving&&i.isScrolling&&a.emit("touchMoveOpposite",o)}function D(e){var t=this,a=t.touchEventsData,i=t.params,s=t.touches,r=t.rtlTranslate,n=t.$wrapperEl,l=t.slidesGrid,o=t.snapGrid,d=e;if(d.originalEvent&&(d=d.originalEvent),a.allowTouchCallbacks&&t.emit("touchEnd",d),a.allowTouchCallbacks=!1,!a.isTouched)return a.isMoved&&i.grabCursor&&t.setGrabCursor(!1),a.isMoved=!1,void(a.startMoving=!1);i.grabCursor&&a.isMoved&&a.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);var p,u=x(),c=u-a.touchStartTime;if(t.allowClick&&(t.updateClickedSlide(d),t.emit("tap click",d),c<300&&u-a.lastClickTime<300&&t.emit("doubleTap doubleClick",d)),a.lastClickTime=x(),E((function(){t.destroyed||(t.allowClick=!0)})),!a.isTouched||!a.isMoved||!t.swipeDirection||0===s.diff||a.currentTranslate===a.startTranslate)return a.isTouched=!1,a.isMoved=!1,void(a.startMoving=!1);if(a.isTouched=!1,a.isMoved=!1,a.startMoving=!1,p=i.followFinger?r?t.translate:-t.translate:-a.currentTranslate,!i.cssMode)if(i.freeMode){if(p<-t.minTranslate())return void t.slideTo(t.activeIndex);if(p>-t.maxTranslate())return void(t.slides.length1){var h=a.velocities.pop(),v=a.velocities.pop(),f=h.position-v.position,m=h.time-v.time;t.velocity=f/m,t.velocity/=2,Math.abs(t.velocity)150||x()-h.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=i.freeModeMomentumVelocityRatio,a.velocities.length=0;var g=1e3*i.freeModeMomentumRatio,y=t.velocity*g,w=t.translate+y;r&&(w=-w);var b,T,C=!1,S=20*Math.abs(t.velocity)*i.freeModeMomentumBounceRatio;if(wt.minTranslate())i.freeModeMomentumBounce?(w-t.minTranslate()>S&&(w=t.minTranslate()+S),b=t.minTranslate(),C=!0,a.allowMomentumBounce=!0):w=t.minTranslate(),i.loop&&i.centeredSlides&&(T=!0);else if(i.freeModeSticky){for(var M,z=0;z-w){M=z;break}w=-(w=Math.abs(o[M]-w)=i.longSwipesMs)&&(t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}else{for(var L=0,$=t.slidesSizesGrid[0],I=0;I=l[I]&&p=l[I]&&(L=I,$=l[l.length-1]-l[l.length-2])}var A=(p-l[L])/$,D=Li.longSwipesMs){if(!i.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(A>=i.longSwipesRatio?t.slideTo(L+D):t.slideTo(L)),"prev"===t.swipeDirection&&(A>1-i.longSwipesRatio?t.slideTo(L+D):t.slideTo(L))}else{if(!i.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(d.target===t.navigation.nextEl||d.target===t.navigation.prevEl)?d.target===t.navigation.nextEl?t.slideTo(L+D):t.slideTo(L):("next"===t.swipeDirection&&t.slideTo(L+D),"prev"===t.swipeDirection&&t.slideTo(L))}}}function G(){var e=this,t=e.params,a=e.el;if(!a||0!==a.offsetWidth){t.breakpoints&&e.setBreakpoint();var i=e.allowSlideNext,s=e.allowSlidePrev,r=e.snapGrid;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses(),("auto"===t.slidesPerView||t.slidesPerView>1)&&e.isEnd&&!e.isBeginning&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.run(),e.allowSlidePrev=s,e.allowSlideNext=i,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}}function N(e){var t=this;t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation()))}function B(){var e=this,t=e.wrapperEl,a=e.rtlTranslate;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=a?t.scrollWidth-t.offsetWidth-t.scrollLeft:-t.scrollLeft:e.translate=-t.scrollTop,-0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();var i=e.maxTranslate()-e.minTranslate();(0===i?0:(e.translate-e.minTranslate())/i)!==e.progress&&e.updateProgress(a?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}var H=!1;function X(){}var Y={init:!0,direction:"horizontal",touchEventsTarget:"container",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,nested:!1,width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,freeMode:!1,freeModeMomentum:!0,freeModeMomentumRatio:1,freeModeMomentumBounce:!0,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:!1,freeModeMinimumVelocity:.02,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,spaceBetween:0,slidesPerView:1,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,slidesPerGroupSkip:0,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!1,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:0,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,watchSlidesVisibility:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,preloadImages:!0,updateOnImagesReady:!0,loop:!1,loopAdditionalSlides:0,loopedSlides:null,loopFillGroupWithBlank:!1,loopPreventsSlide:!0,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,containerModifierClass:"swiper-container-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-invisible-blank",slideActiveClass:"swiper-slide-active",slideDuplicateActiveClass:"swiper-slide-duplicate-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",slideNextClass:"swiper-slide-next",slideDuplicateNextClass:"swiper-slide-duplicate-next",slidePrevClass:"swiper-slide-prev",slideDuplicatePrevClass:"swiper-slide-duplicate-prev",wrapperClass:"swiper-wrapper",runCallbacksOnInit:!0,_emitClasses:!1},V={modular:{useParams:function(e){var t=this;t.modules&&Object.keys(t.modules).forEach((function(a){var i=t.modules[a];i.params&&S(e,i.params)}))},useModules:function(e){void 0===e&&(e={});var t=this;t.modules&&Object.keys(t.modules).forEach((function(a){var i=t.modules[a],s=e[a]||{};i.on&&t.on&&Object.keys(i.on).forEach((function(e){t.on(e,i.on[e])})),i.create&&i.create.bind(t)(s)}))}},eventsEmitter:{on:function(e,t,a){var i=this;if("function"!=typeof t)return i;var s=a?"unshift":"push";return e.split(" ").forEach((function(e){i.eventsListeners[e]||(i.eventsListeners[e]=[]),i.eventsListeners[e][s](t)})),i},once:function(e,t,a){var i=this;if("function"!=typeof t)return i;function s(){i.off(e,s),s.__emitterProxy&&delete s.__emitterProxy;for(var a=arguments.length,r=new Array(a),n=0;n=0&&t.eventsAnyListeners.splice(a,1),t},off:function(e,t){var a=this;return a.eventsListeners?(e.split(" ").forEach((function(e){void 0===t?a.eventsListeners[e]=[]:a.eventsListeners[e]&&a.eventsListeners[e].forEach((function(i,s){(i===t||i.__emitterProxy&&i.__emitterProxy===t)&&a.eventsListeners[e].splice(s,1)}))})),a):a},emit:function(){var e,t,a,i=this;if(!i.eventsListeners)return i;for(var s=arguments.length,r=new Array(s),n=0;n=0&&(b=parseFloat(b.replace("%",""))/100*s),e.virtualSize=-b,r?p.css({marginLeft:"",marginTop:""}):p.css({marginRight:"",marginBottom:""}),a.slidesPerColumn>1&&(C=Math.floor(u/a.slidesPerColumn)===u/e.params.slidesPerColumn?u:Math.ceil(u/a.slidesPerColumn)*a.slidesPerColumn,"auto"!==a.slidesPerView&&"row"===a.slidesPerColumnFill&&(C=Math.max(C,a.slidesPerView*a.slidesPerColumn)));for(var z,P=a.slidesPerColumn,k=C/P,L=Math.floor(u/a.slidesPerColumn),$=0;$1){var O=void 0,A=void 0,D=void 0;if("row"===a.slidesPerColumnFill&&a.slidesPerGroup>1){var G=Math.floor($/(a.slidesPerGroup*a.slidesPerColumn)),N=$-a.slidesPerColumn*a.slidesPerGroup*G,B=0===G?a.slidesPerGroup:Math.min(Math.ceil((u-G*P*a.slidesPerGroup)/P),a.slidesPerGroup);O=(A=N-(D=Math.floor(N/B))*B+G*a.slidesPerGroup)+D*C/P,I.css({"-webkit-box-ordinal-group":O,"-moz-box-ordinal-group":O,"-ms-flex-order":O,"-webkit-order":O,order:O})}else"column"===a.slidesPerColumnFill?(D=$-(A=Math.floor($/P))*P,(A>L||A===L&&D===P-1)&&(D+=1)>=P&&(D=0,A+=1)):A=$-(D=Math.floor($/k))*k;I.css("margin-"+(e.isHorizontal()?"top":"left"),0!==D&&a.spaceBetween&&a.spaceBetween+"px")}if("none"!==I.css("display")){if("auto"===a.slidesPerView){var H=t.getComputedStyle(I[0],null),X=I[0].style.transform,Y=I[0].style.webkitTransform;if(X&&(I[0].style.transform="none"),Y&&(I[0].style.webkitTransform="none"),a.roundLengths)M=e.isHorizontal()?I.outerWidth(!0):I.outerHeight(!0);else if(e.isHorizontal()){var V=parseFloat(H.getPropertyValue("width")||0),F=parseFloat(H.getPropertyValue("padding-left")||0),R=parseFloat(H.getPropertyValue("padding-right")||0),W=parseFloat(H.getPropertyValue("margin-left")||0),q=parseFloat(H.getPropertyValue("margin-right")||0),j=H.getPropertyValue("box-sizing");if(j&&"border-box"===j)M=V+W+q;else{var _=I[0],U=_.clientWidth;M=V+F+R+W+q+(_.offsetWidth-U)}}else{var K=parseFloat(H.getPropertyValue("height")||0),Z=parseFloat(H.getPropertyValue("padding-top")||0),J=parseFloat(H.getPropertyValue("padding-bottom")||0),Q=parseFloat(H.getPropertyValue("margin-top")||0),ee=parseFloat(H.getPropertyValue("margin-bottom")||0),te=H.getPropertyValue("box-sizing");if(te&&"border-box"===te)M=K+Q+ee;else{var ae=I[0],ie=ae.clientHeight;M=K+Z+J+Q+ee+(ae.offsetHeight-ie)}}X&&(I[0].style.transform=X),Y&&(I[0].style.webkitTransform=Y),a.roundLengths&&(M=Math.floor(M))}else M=(s-(a.slidesPerView-1)*b)/a.slidesPerView,a.roundLengths&&(M=Math.floor(M)),p[$]&&(e.isHorizontal()?p[$].style.width=M+"px":p[$].style.height=M+"px");p[$]&&(p[$].swiperSlideSize=M),v.push(M),a.centeredSlides?(E=E+M/2+x/2+b,0===x&&0!==$&&(E=E-s/2-b),0===$&&(E=E-s/2-b),Math.abs(E)<.001&&(E=0),a.roundLengths&&(E=Math.floor(E)),T%a.slidesPerGroup==0&&c.push(E),h.push(E)):(a.roundLengths&&(E=Math.floor(E)),(T-Math.min(e.params.slidesPerGroupSkip,T))%e.params.slidesPerGroup==0&&c.push(E),h.push(E),E=E+M+b),e.virtualSize+=M+b,x=M,T+=1}}if(e.virtualSize=Math.max(e.virtualSize,s)+g,r&&n&&("slide"===a.effect||"coverflow"===a.effect)&&i.css({width:e.virtualSize+a.spaceBetween+"px"}),a.setWrapperSize&&(e.isHorizontal()?i.css({width:e.virtualSize+a.spaceBetween+"px"}):i.css({height:e.virtualSize+a.spaceBetween+"px"})),a.slidesPerColumn>1&&(e.virtualSize=(M+a.spaceBetween)*C,e.virtualSize=Math.ceil(e.virtualSize/a.slidesPerColumn)-a.spaceBetween,e.isHorizontal()?i.css({width:e.virtualSize+a.spaceBetween+"px"}):i.css({height:e.virtualSize+a.spaceBetween+"px"}),a.centeredSlides)){z=[];for(var se=0;se1&&c.push(e.virtualSize-s)}if(0===c.length&&(c=[0]),0!==a.spaceBetween&&(e.isHorizontal()?r?p.filter(f).css({marginLeft:b+"px"}):p.filter(f).css({marginRight:b+"px"}):p.filter(f).css({marginBottom:b+"px"})),a.centeredSlides&&a.centeredSlidesBounds){var oe=0;v.forEach((function(e){oe+=e+(a.spaceBetween?a.spaceBetween:0)}));var de=(oe-=a.spaceBetween)-s;c=c.map((function(e){return e<0?-m:e>de?de+g:e}))}if(a.centerInsufficientSlides){var pe=0;if(v.forEach((function(e){pe+=e+(a.spaceBetween?a.spaceBetween:0)})),(pe-=a.spaceBetween)1)if(a.params.centeredSlides)a.visibleSlides.each((function(e){i.push(e)}));else for(t=0;ta.slides.length)break;i.push(a.slides.eq(r)[0])}else i.push(a.slides.eq(a.activeIndex)[0]);for(t=0;ts?n:s}s&&a.$wrapperEl.css("height",s+"px")},updateSlidesOffset:function(){for(var e=this.slides,t=0;t=0&&d1&&p<=t.size||d<=0&&p>=t.size)&&(t.visibleSlides.push(l),t.visibleSlidesIndexes.push(n),i.eq(n).addClass(a.slideVisibleClass))}l.progress=s?-o:o}t.visibleSlides=m(t.visibleSlides)}},updateProgress:function(e){var t=this;if(void 0===e){var a=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*a||0}var i=t.params,s=t.maxTranslate()-t.minTranslate(),r=t.progress,n=t.isBeginning,l=t.isEnd,o=n,d=l;0===s?(r=0,n=!0,l=!0):(n=(r=(e-t.minTranslate())/s)<=0,l=r>=1),S(t,{progress:r,isBeginning:n,isEnd:l}),(i.watchSlidesProgress||i.watchSlidesVisibility||i.centeredSlides&&i.autoHeight)&&t.updateSlidesProgress(e),n&&!o&&t.emit("reachBeginning toEdge"),l&&!d&&t.emit("reachEnd toEdge"),(o&&!n||d&&!l)&&t.emit("fromEdge"),t.emit("progress",r)},updateSlidesClasses:function(){var e,t=this,a=t.slides,i=t.params,s=t.$wrapperEl,r=t.activeIndex,n=t.realIndex,l=t.virtual&&i.virtual.enabled;a.removeClass(i.slideActiveClass+" "+i.slideNextClass+" "+i.slidePrevClass+" "+i.slideDuplicateActiveClass+" "+i.slideDuplicateNextClass+" "+i.slideDuplicatePrevClass),(e=l?t.$wrapperEl.find("."+i.slideClass+'[data-swiper-slide-index="'+r+'"]'):a.eq(r)).addClass(i.slideActiveClass),i.loop&&(e.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+n+'"]').addClass(i.slideDuplicateActiveClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+n+'"]').addClass(i.slideDuplicateActiveClass));var o=e.nextAll("."+i.slideClass).eq(0).addClass(i.slideNextClass);i.loop&&0===o.length&&(o=a.eq(0)).addClass(i.slideNextClass);var d=e.prevAll("."+i.slideClass).eq(0).addClass(i.slidePrevClass);i.loop&&0===d.length&&(d=a.eq(-1)).addClass(i.slidePrevClass),i.loop&&(o.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+o.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicateNextClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+o.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicateNextClass),d.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+d.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicatePrevClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+d.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicatePrevClass)),t.emitSlidesClasses()},updateActiveIndex:function(e){var t,a=this,i=a.rtlTranslate?a.translate:-a.translate,s=a.slidesGrid,r=a.snapGrid,n=a.params,l=a.activeIndex,o=a.realIndex,d=a.snapIndex,p=e;if(void 0===p){for(var u=0;u=s[u]&&i=s[u]&&i=s[u]&&(p=u);n.normalizeSlideIndex&&(p<0||void 0===p)&&(p=0)}if(r.indexOf(i)>=0)t=r.indexOf(i);else{var c=Math.min(n.slidesPerGroupSkip,p);t=c+Math.floor((p-c)/n.slidesPerGroup)}if(t>=r.length&&(t=r.length-1),p!==l){var h=parseInt(a.slides.eq(p).attr("data-swiper-slide-index")||p,10);S(a,{snapIndex:t,realIndex:h,previousIndex:l,activeIndex:p}),a.emit("activeIndexChange"),a.emit("snapIndexChange"),o!==h&&a.emit("realIndexChange"),(a.initialized||a.params.runCallbacksOnInit)&&a.emit("slideChange")}else t!==d&&(a.snapIndex=t,a.emit("snapIndexChange"))},updateClickedSlide:function(e){var t=this,a=t.params,i=m(e.target).closest("."+a.slideClass)[0],s=!1;if(i)for(var r=0;rd?d:i&&er?"next":is?"next":i=o.length&&(f=o.length-1),(u||l.initialSlide||0)===(p||0)&&a&&r.emit("beforeSlideChangeStart");var m,g=-o[f];if(r.updateProgress(g),l.normalizeSlideIndex)for(var y=0;y=Math.floor(100*d[y])&&(n=y);if(r.initialized&&n!==u){if(!r.allowSlideNext&&gr.translate&&g>r.maxTranslate()&&(u||0)!==n)return!1}if(m=n>u?"next":n=e&&(h=e)})),void 0!==h&&(p=l.indexOf(h))<0&&(p=i.activeIndex-1),i.slideTo(p,e,t,a)},slideReset:function(e,t,a){return void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),this.slideTo(this.activeIndex,e,t,a)},slideToClosest:function(e,t,a,i){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),void 0===i&&(i=.5);var s=this,r=s.activeIndex,n=Math.min(s.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/s.params.slidesPerGroup),o=s.rtlTranslate?s.translate:-s.translate;if(o>=s.snapGrid[l]){var d=s.snapGrid[l];o-d>(s.snapGrid[l+1]-d)*i&&(r+=s.params.slidesPerGroup)}else{var p=s.snapGrid[l-1];o-p<=(s.snapGrid[l]-p)*i&&(r-=s.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,s.slidesGrid.length-1),s.slideTo(r,e,t,a)},slideToClickedSlide:function(){var e,t=this,a=t.params,i=t.$wrapperEl,s="auto"===a.slidesPerView?t.slidesPerViewDynamic():a.slidesPerView,r=t.clickedIndex;if(a.loop){if(t.animating)return;e=parseInt(m(t.clickedSlide).attr("data-swiper-slide-index"),10),a.centeredSlides?rt.slides.length-t.loopedSlides+s/2?(t.loopFix(),r=i.children("."+a.slideClass+'[data-swiper-slide-index="'+e+'"]:not(.'+a.slideDuplicateClass+")").eq(0).index(),E((function(){t.slideTo(r)}))):t.slideTo(r):r>t.slides.length-s?(t.loopFix(),r=i.children("."+a.slideClass+'[data-swiper-slide-index="'+e+'"]:not(.'+a.slideDuplicateClass+")").eq(0).index(),E((function(){t.slideTo(r)}))):t.slideTo(r)}else t.slideTo(r)}},loop:{loopCreate:function(){var e=this,t=r(),a=e.params,i=e.$wrapperEl;i.children("."+a.slideClass+"."+a.slideDuplicateClass).remove();var s=i.children("."+a.slideClass);if(a.loopFillGroupWithBlank){var n=a.slidesPerGroup-s.length%a.slidesPerGroup;if(n!==a.slidesPerGroup){for(var l=0;ls.length&&(e.loopedSlides=s.length);var d=[],p=[];s.each((function(t,a){var i=m(t);a=s.length-e.loopedSlides&&d.push(t),i.attr("data-swiper-slide-index",a)}));for(var u=0;u=0;c-=1)i.prepend(m(d[c].cloneNode(!0)).addClass(a.slideDuplicateClass))},loopFix:function(){var e=this;e.emit("beforeLoopFix");var t,a=e.activeIndex,i=e.slides,s=e.loopedSlides,r=e.allowSlidePrev,n=e.allowSlideNext,l=e.snapGrid,o=e.rtlTranslate;e.allowSlidePrev=!0,e.allowSlideNext=!0;var d=-l[a]-e.getTranslate();if(a=i.length-s){t=-i.length+a+s,t+=s,e.slideTo(t,0,!1,!0)&&0!==d&&e.setTranslate((o?-e.translate:e.translate)-d)}e.allowSlidePrev=r,e.allowSlideNext=n,e.emit("loopFix")},loopDestroy:function(){var e=this,t=e.$wrapperEl,a=e.params,i=e.slides;t.children("."+a.slideClass+"."+a.slideDuplicateClass+",."+a.slideClass+"."+a.slideBlankClass).remove(),i.removeAttr("data-swiper-slide-index")}},grabCursor:{setGrabCursor:function(e){var t=this;if(!(t.support.touch||!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)){var a=t.el;a.style.cursor="move",a.style.cursor=e?"-webkit-grabbing":"-webkit-grab",a.style.cursor=e?"-moz-grabbin":"-moz-grab",a.style.cursor=e?"grabbing":"grab"}},unsetGrabCursor:function(){var e=this;e.support.touch||e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e.el.style.cursor="")}},manipulation:{appendSlide:function(e){var t=this,a=t.$wrapperEl,i=t.params;if(i.loop&&t.loopDestroy(),"object"==typeof e&&"length"in e)for(var s=0;s=n)a.appendSlide(t);else{for(var l=r>e?r+1:r,o=[],d=n-1;d>=e;d-=1){var p=a.slides.eq(d);p.remove(),o.unshift(p)}if("object"==typeof t&&"length"in t){for(var u=0;ue?r+t.length:r}else i.append(t);for(var c=0;c1,c=p.slidesPerColumn>1;u&&!c?(n.removeClass(r.containerModifierClass+"multirow "+r.containerModifierClass+"multirow-column"),e.emitContainerClasses()):!u&&c&&(n.addClass(r.containerModifierClass+"multirow"),"column"===p.slidesPerColumnFill&&n.addClass(r.containerModifierClass+"multirow-column"),e.emitContainerClasses());var h=p.direction&&p.direction!==r.direction,v=r.loop&&(p.slidesPerView!==r.slidesPerView||h);h&&a&&e.changeDirection(),S(e.params,p),S(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),e.currentBreakpoint=o,e.emit("_beforeBreakpoint",p),v&&a&&(e.loopDestroy(),e.loopCreate(),e.updateSlides(),e.slideTo(t-s+e.loopedSlides,0,!1)),e.emit("breakpoint",p)}}},getBreakpoint:function(e){var t=l();if(e){var a=!1,i=Object.keys(e).map((function(e){if("string"==typeof e&&0===e.indexOf("@")){var a=parseFloat(e.substr(1));return{value:t.innerHeight*a,point:e}}return{value:e,point:e}}));i.sort((function(e,t){return parseInt(e.value,10)-parseInt(t.value,10)}));for(var s=0;s0&&t.slidesOffsetBefore+t.spaceBetween*(e.slides.length-1)+e.slides[0].offsetWidth*e.slides.length;t.slidesOffsetBefore&&t.slidesOffsetAfter&&i?e.isLocked=i<=e.size:e.isLocked=1===e.snapGrid.length,e.allowSlideNext=!e.isLocked,e.allowSlidePrev=!e.isLocked,a!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock"),a&&a!==e.isLocked&&(e.isEnd=!1,e.navigation&&e.navigation.update())}},classes:{addClasses:function(){var e=this,t=e.classNames,a=e.params,i=e.rtl,s=e.$el,r=e.device,n=[];n.push("initialized"),n.push(a.direction),a.freeMode&&n.push("free-mode"),a.autoHeight&&n.push("autoheight"),i&&n.push("rtl"),a.slidesPerColumn>1&&(n.push("multirow"),"column"===a.slidesPerColumnFill&&n.push("multirow-column")),r.android&&n.push("android"),r.ios&&n.push("ios"),a.cssMode&&n.push("css-mode"),n.forEach((function(e){t.push(a.containerModifierClass+e)})),s.addClass(t.join(" ")),e.emitContainerClasses()},removeClasses:function(){var e=this,t=e.$el,a=e.classNames;t.removeClass(a.join(" ")),e.emitContainerClasses()}},images:{loadImage:function(e,t,a,i,s,r){var n,o=l();function d(){r&&r()}m(e).parent("picture")[0]||e.complete&&s?d():t?((n=new o.Image).onload=d,n.onerror=d,i&&(n.sizes=i),a&&(n.srcset=a),t&&(n.src=t)):d()},preloadImages:function(){var e=this;function t(){null!=e&&e&&!e.destroyed&&(void 0!==e.imagesLoaded&&(e.imagesLoaded+=1),e.imagesLoaded===e.imagesToLoad.length&&(e.params.updateOnImagesReady&&e.update(),e.emit("imagesReady")))}e.imagesToLoad=e.$el.find("img");for(var a=0;a1){var d=[];return o.each((function(e){var i=S({},a,{el:e});d.push(new t(i))})),d}var p,u,c;return e.swiper=n,e&&e.shadowRoot&&e.shadowRoot.querySelector?(p=m(e.shadowRoot.querySelector("."+n.params.wrapperClass))).children=function(e){return o.children(e)}:p=o.children("."+n.params.wrapperClass),S(n,{$el:o,el:e,$wrapperEl:p,wrapperEl:p[0],classNames:[],slides:m(),slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:function(){return"horizontal"===n.params.direction},isVertical:function(){return"vertical"===n.params.direction},rtl:"rtl"===e.dir.toLowerCase()||"rtl"===o.css("direction"),rtlTranslate:"horizontal"===n.params.direction&&("rtl"===e.dir.toLowerCase()||"rtl"===o.css("direction")),wrongRTL:"-webkit-box"===p.css("display"),activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,allowSlideNext:n.params.allowSlideNext,allowSlidePrev:n.params.allowSlidePrev,touchEvents:(u=["touchstart","touchmove","touchend","touchcancel"],c=["mousedown","mousemove","mouseup"],n.support.pointerEvents&&(c=["pointerdown","pointermove","pointerup"]),n.touchEventsTouch={start:u[0],move:u[1],end:u[2],cancel:u[3]},n.touchEventsDesktop={start:c[0],move:c[1],end:c[2]},n.support.touch||!n.params.simulateTouch?n.touchEventsTouch:n.touchEventsDesktop),touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,formElements:"input, select, option, textarea, button, video, label",lastClickTime:x(),clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,isTouchEvent:void 0,startMoving:void 0},allowClick:!0,allowTouchMove:n.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),n.useModules(),n.emit("_swiper"),n.params.init&&n.init(),n}}var a,i,s,r=t.prototype;return r.emitContainerClasses=function(){var e=this;if(e.params._emitClasses&&e.el){var t=e.el.className.split(" ").filter((function(t){return 0===t.indexOf("swiper-container")||0===t.indexOf(e.params.containerModifierClass)}));e.emit("_containerClasses",t.join(" "))}},r.getSlideClasses=function(e){var t=this;return e.className.split(" ").filter((function(e){return 0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass)})).join(" ")},r.emitSlidesClasses=function(){var e=this;e.params._emitClasses&&e.el&&e.slides.each((function(t){var a=e.getSlideClasses(t);e.emit("_slideClass",t,a)}))},r.slidesPerViewDynamic=function(){var e=this,t=e.params,a=e.slides,i=e.slidesGrid,s=e.size,r=e.activeIndex,n=1;if(t.centeredSlides){for(var l,o=a[r].swiperSlideSize,d=r+1;ds&&(l=!0));for(var p=r-1;p>=0;p-=1)a[p]&&!l&&(n+=1,(o+=a[p].swiperSlideSize)>s&&(l=!0))}else for(var u=r+1;u1)&&e.isEnd&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0))||i(),a.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}function i(){var t=e.rtlTranslate?-1*e.translate:e.translate,a=Math.min(Math.max(t,e.maxTranslate()),e.minTranslate());e.setTranslate(a),e.updateActiveIndex(),e.updateSlidesClasses()}},r.changeDirection=function(e,t){void 0===t&&(t=!0);var a=this,i=a.params.direction;return e||(e="horizontal"===i?"vertical":"horizontal"),e===i||"horizontal"!==e&&"vertical"!==e||(a.$el.removeClass(""+a.params.containerModifierClass+i).addClass(""+a.params.containerModifierClass+e),a.emitContainerClasses(),a.params.direction=e,a.slides.each((function(t){"vertical"===e?t.style.width="":t.style.height=""})),a.emit("changeDirection"),t&&a.update()),a},r.init=function(){var e=this;e.initialized||(e.emit("beforeInit"),e.params.breakpoints&&e.setBreakpoint(),e.addClasses(),e.params.loop&&e.loopCreate(),e.updateSize(),e.updateSlides(),e.params.watchOverflow&&e.checkOverflow(),e.params.grabCursor&&e.setGrabCursor(),e.params.preloadImages&&e.preloadImages(),e.params.loop?e.slideTo(e.params.initialSlide+e.loopedSlides,0,e.params.runCallbacksOnInit):e.slideTo(e.params.initialSlide,0,e.params.runCallbacksOnInit),e.attachEvents(),e.initialized=!0,e.emit("init"),e.emit("afterInit"))},r.destroy=function(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);var a,i=this,s=i.params,r=i.$el,n=i.$wrapperEl,l=i.slides;return void 0===i.params||i.destroyed||(i.emit("beforeDestroy"),i.initialized=!1,i.detachEvents(),s.loop&&i.loopDestroy(),t&&(i.removeClasses(),r.removeAttr("style"),n.removeAttr("style"),l&&l.length&&l.removeClass([s.slideVisibleClass,s.slideActiveClass,s.slideNextClass,s.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-slide-index")),i.emit("destroy"),Object.keys(i.eventsListeners).forEach((function(e){i.off(e)})),!1!==e&&(i.$el[0].swiper=null,a=i,Object.keys(a).forEach((function(e){try{a[e]=null}catch(e){}try{delete a[e]}catch(e){}}))),i.destroyed=!0),null},t.extendDefaults=function(e){S(F,e)},t.installModule=function(e){t.prototype.modules||(t.prototype.modules={});var a=e.name||Object.keys(t.prototype.modules).length+"_"+x();t.prototype.modules[a]=e},t.use=function(e){return Array.isArray(e)?(e.forEach((function(e){return t.installModule(e)})),t):(t.installModule(e),t)},a=t,s=[{key:"extendedDefaults",get:function(){return F}},{key:"defaults",get:function(){return Y}}],(i=null)&&e(a.prototype,i),s&&e(a,s),t}();Object.keys(V).forEach((function(e){Object.keys(V[e]).forEach((function(t){R.prototype[t]=V[e][t]}))})),R.use([L,I]);var W={update:function(e){var t=this,a=t.params,i=a.slidesPerView,s=a.slidesPerGroup,r=a.centeredSlides,n=t.params.virtual,l=n.addSlidesBefore,o=n.addSlidesAfter,d=t.virtual,p=d.from,u=d.to,c=d.slides,h=d.slidesGrid,v=d.renderSlide,f=d.offset;t.updateActiveIndex();var m,g,y,w=t.activeIndex||0;m=t.rtlTranslate?"right":t.isHorizontal()?"left":"top",r?(g=Math.floor(i/2)+s+o,y=Math.floor(i/2)+s+l):(g=i+(s-1)+o,y=s+l);var b=Math.max((w||0)-y,0),E=Math.min((w||0)+g,c.length-1),x=(t.slidesGrid[b]||0)-(t.slidesGrid[0]||0);function T(){t.updateSlides(),t.updateProgress(),t.updateSlidesClasses(),t.lazy&&t.params.lazy.enabled&&t.lazy.load()}if(S(t.virtual,{from:b,to:E,offset:x,slidesGrid:t.slidesGrid}),p===b&&u===E&&!e)return t.slidesGrid!==h&&x!==f&&t.slides.css(m,x+"px"),void t.updateProgress();if(t.params.virtual.renderExternal)return t.params.virtual.renderExternal.call(t,{offset:x,from:b,to:E,slides:function(){for(var e=[],t=b;t<=E;t+=1)e.push(c[t]);return e}()}),void(t.params.virtual.renderExternalUpdate&&T());var C=[],M=[];if(e)t.$wrapperEl.find("."+t.params.slideClass).remove();else for(var z=p;z<=u;z+=1)(zE)&&t.$wrapperEl.find("."+t.params.slideClass+'[data-swiper-slide-index="'+z+'"]').remove();for(var P=0;P=b&&P<=E&&(void 0===u||e?M.push(P):(P>u&&M.push(P),P'+e+"");return s.attr("data-swiper-slide-index")||s.attr("data-swiper-slide-index",t),i.cache&&(a.virtual.cache[t]=s),s},appendSlide:function(e){var t=this;if("object"==typeof e&&"length"in e)for(var a=0;a=0;i-=1)t.virtual.slides.splice(e[i],1),t.params.virtual.cache&&delete t.virtual.cache[e[i]],e[i]0&&0===t.$el.parents("."+t.params.slideActiveClass).length)return;var g=a.innerWidth,y=a.innerHeight,w=t.$el.offset();s&&(w.left-=t.$el[0].scrollLeft);for(var b=[[w.left,w.top],[w.left+t.width,w.top],[w.left,w.top+t.height],[w.left+t.width,w.top+t.height]],E=0;E=0&&x[0]<=g&&x[1]>=0&&x[1]<=y){if(0===x[0]&&0===x[1])continue;m=!0}}if(!m)return}t.isHorizontal()?((p||u||c||h)&&(n.preventDefault?n.preventDefault():n.returnValue=!1),((u||h)&&!s||(p||c)&&s)&&t.slideNext(),((p||c)&&!s||(u||h)&&s)&&t.slidePrev()):((p||u||v||f)&&(n.preventDefault?n.preventDefault():n.returnValue=!1),(u||f)&&t.slideNext(),(p||v)&&t.slidePrev()),t.emit("keyPress",o)}},enable:function(){var e=this,t=r();e.keyboard.enabled||(m(t).on("keydown",e.keyboard.handle),e.keyboard.enabled=!0)},disable:function(){var e=this,t=r();e.keyboard.enabled&&(m(t).off("keydown",e.keyboard.handle),e.keyboard.enabled=!1)}},_={name:"keyboard",params:{keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}},create:function(){M(this,{keyboard:t({enabled:!1},j)})},on:{init:function(e){e.params.keyboard.enabled&&e.keyboard.enable()},destroy:function(e){e.keyboard.enabled&&e.keyboard.disable()}}};var U={lastScrollTime:x(),lastEventBeforeSnap:void 0,recentWheelEvents:[],event:function(){return l().navigator.userAgent.indexOf("firefox")>-1?"DOMMouseScroll":function(){var e=r(),t="onwheel",a=t in e;if(!a){var i=e.createElement("div");i.setAttribute(t,"return;"),a="function"==typeof i.onwheel}return!a&&e.implementation&&e.implementation.hasFeature&&!0!==e.implementation.hasFeature("","")&&(a=e.implementation.hasFeature("Events.wheel","3.0")),a}()?"wheel":"mousewheel"},normalize:function(e){var t=0,a=0,i=0,s=0;return"detail"in e&&(a=e.detail),"wheelDelta"in e&&(a=-e.wheelDelta/120),"wheelDeltaY"in e&&(a=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=a,a=0),i=10*t,s=10*a,"deltaY"in e&&(s=e.deltaY),"deltaX"in e&&(i=e.deltaX),e.shiftKey&&!i&&(i=s,s=0),(i||s)&&e.deltaMode&&(1===e.deltaMode?(i*=40,s*=40):(i*=800,s*=800)),i&&!t&&(t=i<1?-1:1),s&&!a&&(a=s<1?-1:1),{spinX:t,spinY:a,pixelX:i,pixelY:s}},handleMouseEnter:function(){this.mouseEntered=!0},handleMouseLeave:function(){this.mouseEntered=!1},handle:function(e){var t=e,a=this,i=a.params.mousewheel;a.params.cssMode&&t.preventDefault();var s=a.$el;if("container"!==a.params.mousewheel.eventsTarget&&(s=m(a.params.mousewheel.eventsTarget)),!a.mouseEntered&&!s[0].contains(t.target)&&!i.releaseOnEdges)return!0;t.originalEvent&&(t=t.originalEvent);var r=0,n=a.rtlTranslate?-1:1,l=U.normalize(t);if(i.forceToAxis)if(a.isHorizontal()){if(!(Math.abs(l.pixelX)>Math.abs(l.pixelY)))return!0;r=-l.pixelX*n}else{if(!(Math.abs(l.pixelY)>Math.abs(l.pixelX)))return!0;r=-l.pixelY}else r=Math.abs(l.pixelX)>Math.abs(l.pixelY)?-l.pixelX*n:-l.pixelY;if(0===r)return!0;i.invert&&(r=-r);var o=a.getTranslate()+r*i.sensitivity;if(o>=a.minTranslate()&&(o=a.minTranslate()),o<=a.maxTranslate()&&(o=a.maxTranslate()),(!!a.params.loop||!(o===a.minTranslate()||o===a.maxTranslate()))&&a.params.nested&&t.stopPropagation(),a.params.freeMode){var d={time:x(),delta:Math.abs(r),direction:Math.sign(r)},p=a.mousewheel.lastEventBeforeSnap,u=p&&d.time=a.minTranslate()&&(c=a.minTranslate()),c<=a.maxTranslate()&&(c=a.maxTranslate()),a.setTransition(0),a.setTranslate(c),a.updateProgress(),a.updateActiveIndex(),a.updateSlidesClasses(),(!h&&a.isBeginning||!v&&a.isEnd)&&a.updateSlidesClasses(),a.params.freeModeSticky){clearTimeout(a.mousewheel.timeout),a.mousewheel.timeout=void 0;var f=a.mousewheel.recentWheelEvents;f.length>=15&&f.shift();var g=f.length?f[f.length-1]:void 0,y=f[0];if(f.push(d),g&&(d.delta>g.delta||d.direction!==g.direction))f.splice(0);else if(f.length>=15&&d.time-y.time<500&&y.delta-d.delta>=1&&d.delta<=6){var w=r>0?.8:.2;a.mousewheel.lastEventBeforeSnap=d,f.splice(0),a.mousewheel.timeout=E((function(){a.slideToClosest(a.params.speed,!0,void 0,w)}),0)}a.mousewheel.timeout||(a.mousewheel.timeout=E((function(){a.mousewheel.lastEventBeforeSnap=d,f.splice(0),a.slideToClosest(a.params.speed,!0,void 0,.5)}),500))}if(u||a.emit("scroll",t),a.params.autoplay&&a.params.autoplayDisableOnInteraction&&a.autoplay.stop(),c===a.minTranslate()||c===a.maxTranslate())return!0}}else{var b={time:x(),delta:Math.abs(r),direction:Math.sign(r),raw:e},T=a.mousewheel.recentWheelEvents;T.length>=2&&T.shift();var C=T.length?T[T.length-1]:void 0;if(T.push(b),C?(b.direction!==C.direction||b.delta>C.delta||b.time>C.time+150)&&a.mousewheel.animateSlider(b):a.mousewheel.animateSlider(b),a.mousewheel.releaseScroll(b))return!0}return t.preventDefault?t.preventDefault():t.returnValue=!1,!1},animateSlider:function(e){var t=this,a=l();return!(this.params.mousewheel.thresholdDelta&&e.delta=6&&x()-t.mousewheel.lastScrollTime<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),t.emit("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),t.emit("scroll",e.raw)),t.mousewheel.lastScrollTime=(new a.Date).getTime(),!1)))},releaseScroll:function(e){var t=this,a=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&a.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&a.releaseOnEdges)return!0;return!1},enable:function(){var e=this,t=U.event();if(e.params.cssMode)return e.wrapperEl.removeEventListener(t,e.mousewheel.handle),!0;if(!t)return!1;if(e.mousewheel.enabled)return!1;var a=e.$el;return"container"!==e.params.mousewheel.eventsTarget&&(a=m(e.params.mousewheel.eventsTarget)),a.on("mouseenter",e.mousewheel.handleMouseEnter),a.on("mouseleave",e.mousewheel.handleMouseLeave),a.on(t,e.mousewheel.handle),e.mousewheel.enabled=!0,!0},disable:function(){var e=this,t=U.event();if(e.params.cssMode)return e.wrapperEl.addEventListener(t,e.mousewheel.handle),!0;if(!t)return!1;if(!e.mousewheel.enabled)return!1;var a=e.$el;return"container"!==e.params.mousewheel.eventsTarget&&(a=m(e.params.mousewheel.eventsTarget)),a.off(t,e.mousewheel.handle),e.mousewheel.enabled=!1,!0}},K={update:function(){var e=this,t=e.params.navigation;if(!e.params.loop){var a=e.navigation,i=a.$nextEl,s=a.$prevEl;s&&s.length>0&&(e.isBeginning?s.addClass(t.disabledClass):s.removeClass(t.disabledClass),s[e.params.watchOverflow&&e.isLocked?"addClass":"removeClass"](t.lockClass)),i&&i.length>0&&(e.isEnd?i.addClass(t.disabledClass):i.removeClass(t.disabledClass),i[e.params.watchOverflow&&e.isLocked?"addClass":"removeClass"](t.lockClass))}},onPrevClick:function(e){var t=this;e.preventDefault(),t.isBeginning&&!t.params.loop||t.slidePrev()},onNextClick:function(e){var t=this;e.preventDefault(),t.isEnd&&!t.params.loop||t.slideNext()},init:function(){var e,t,a=this,i=a.params.navigation;(i.nextEl||i.prevEl)&&(i.nextEl&&(e=m(i.nextEl),a.params.uniqueNavElements&&"string"==typeof i.nextEl&&e.length>1&&1===a.$el.find(i.nextEl).length&&(e=a.$el.find(i.nextEl))),i.prevEl&&(t=m(i.prevEl),a.params.uniqueNavElements&&"string"==typeof i.prevEl&&t.length>1&&1===a.$el.find(i.prevEl).length&&(t=a.$el.find(i.prevEl))),e&&e.length>0&&e.on("click",a.navigation.onNextClick),t&&t.length>0&&t.on("click",a.navigation.onPrevClick),S(a.navigation,{$nextEl:e,nextEl:e&&e[0],$prevEl:t,prevEl:t&&t[0]}))},destroy:function(){var e=this,t=e.navigation,a=t.$nextEl,i=t.$prevEl;a&&a.length&&(a.off("click",e.navigation.onNextClick),a.removeClass(e.params.navigation.disabledClass)),i&&i.length&&(i.off("click",e.navigation.onPrevClick),i.removeClass(e.params.navigation.disabledClass))}},Z={update:function(){var e=this,t=e.rtl,a=e.params.pagination;if(a.el&&e.pagination.el&&e.pagination.$el&&0!==e.pagination.$el.length){var i,s=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,r=e.pagination.$el,n=e.params.loop?Math.ceil((s-2*e.loopedSlides)/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?((i=Math.ceil((e.activeIndex-e.loopedSlides)/e.params.slidesPerGroup))>s-1-2*e.loopedSlides&&(i-=s-2*e.loopedSlides),i>n-1&&(i-=n),i<0&&"bullets"!==e.params.paginationType&&(i=n+i)):i=void 0!==e.snapIndex?e.snapIndex:e.activeIndex||0,"bullets"===a.type&&e.pagination.bullets&&e.pagination.bullets.length>0){var l,o,d,p=e.pagination.bullets;if(a.dynamicBullets&&(e.pagination.bulletSize=p.eq(0)[e.isHorizontal()?"outerWidth":"outerHeight"](!0),r.css(e.isHorizontal()?"width":"height",e.pagination.bulletSize*(a.dynamicMainBullets+4)+"px"),a.dynamicMainBullets>1&&void 0!==e.previousIndex&&(e.pagination.dynamicBulletIndex+=i-e.previousIndex,e.pagination.dynamicBulletIndex>a.dynamicMainBullets-1?e.pagination.dynamicBulletIndex=a.dynamicMainBullets-1:e.pagination.dynamicBulletIndex<0&&(e.pagination.dynamicBulletIndex=0)),l=i-e.pagination.dynamicBulletIndex,d=((o=l+(Math.min(p.length,a.dynamicMainBullets)-1))+l)/2),p.removeClass(a.bulletActiveClass+" "+a.bulletActiveClass+"-next "+a.bulletActiveClass+"-next-next "+a.bulletActiveClass+"-prev "+a.bulletActiveClass+"-prev-prev "+a.bulletActiveClass+"-main"),r.length>1)p.each((function(e){var t=m(e),s=t.index();s===i&&t.addClass(a.bulletActiveClass),a.dynamicBullets&&(s>=l&&s<=o&&t.addClass(a.bulletActiveClass+"-main"),s===l&&t.prev().addClass(a.bulletActiveClass+"-prev").prev().addClass(a.bulletActiveClass+"-prev-prev"),s===o&&t.next().addClass(a.bulletActiveClass+"-next").next().addClass(a.bulletActiveClass+"-next-next"))}));else{var u=p.eq(i),c=u.index();if(u.addClass(a.bulletActiveClass),a.dynamicBullets){for(var h=p.eq(l),v=p.eq(o),f=l;f<=o;f+=1)p.eq(f).addClass(a.bulletActiveClass+"-main");if(e.params.loop)if(c>=p.length-a.dynamicMainBullets){for(var g=a.dynamicMainBullets;g>=0;g-=1)p.eq(p.length-g).addClass(a.bulletActiveClass+"-main");p.eq(p.length-a.dynamicMainBullets-1).addClass(a.bulletActiveClass+"-prev")}else h.prev().addClass(a.bulletActiveClass+"-prev").prev().addClass(a.bulletActiveClass+"-prev-prev"),v.next().addClass(a.bulletActiveClass+"-next").next().addClass(a.bulletActiveClass+"-next-next");else h.prev().addClass(a.bulletActiveClass+"-prev").prev().addClass(a.bulletActiveClass+"-prev-prev"),v.next().addClass(a.bulletActiveClass+"-next").next().addClass(a.bulletActiveClass+"-next-next")}}if(a.dynamicBullets){var y=Math.min(p.length,a.dynamicMainBullets+4),w=(e.pagination.bulletSize*y-e.pagination.bulletSize)/2-d*e.pagination.bulletSize,b=t?"right":"left";p.css(e.isHorizontal()?b:"top",w+"px")}}if("fraction"===a.type&&(r.find("."+a.currentClass).text(a.formatFractionCurrent(i+1)),r.find("."+a.totalClass).text(a.formatFractionTotal(n))),"progressbar"===a.type){var E;E=a.progressbarOpposite?e.isHorizontal()?"vertical":"horizontal":e.isHorizontal()?"horizontal":"vertical";var x=(i+1)/n,T=1,C=1;"horizontal"===E?T=x:C=x,r.find("."+a.progressbarFillClass).transform("translate3d(0,0,0) scaleX("+T+") scaleY("+C+")").transition(e.params.speed)}"custom"===a.type&&a.renderCustom?(r.html(a.renderCustom(e,i+1,n)),e.emit("paginationRender",r[0])):e.emit("paginationUpdate",r[0]),r[e.params.watchOverflow&&e.isLocked?"addClass":"removeClass"](a.lockClass)}},render:function(){var e=this,t=e.params.pagination;if(t.el&&e.pagination.el&&e.pagination.$el&&0!==e.pagination.$el.length){var a=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,i=e.pagination.$el,s="";if("bullets"===t.type){for(var r=e.params.loop?Math.ceil((a-2*e.loopedSlides)/e.params.slidesPerGroup):e.snapGrid.length,n=0;n";i.html(s),e.pagination.bullets=i.find("."+t.bulletClass.replace(/ /g,"."))}"fraction"===t.type&&(s=t.renderFraction?t.renderFraction.call(e,t.currentClass,t.totalClass):' / ',i.html(s)),"progressbar"===t.type&&(s=t.renderProgressbar?t.renderProgressbar.call(e,t.progressbarFillClass):'',i.html(s)),"custom"!==t.type&&e.emit("paginationRender",e.pagination.$el[0])}},init:function(){var e=this,t=e.params.pagination;if(t.el){var a=m(t.el);0!==a.length&&(e.params.uniqueNavElements&&"string"==typeof t.el&&a.length>1&&(a=e.$el.find(t.el)),"bullets"===t.type&&t.clickable&&a.addClass(t.clickableClass),a.addClass(t.modifierClass+t.type),"bullets"===t.type&&t.dynamicBullets&&(a.addClass(""+t.modifierClass+t.type+"-dynamic"),e.pagination.dynamicBulletIndex=0,t.dynamicMainBullets<1&&(t.dynamicMainBullets=1)),"progressbar"===t.type&&t.progressbarOpposite&&a.addClass(t.progressbarOppositeClass),t.clickable&&a.on("click","."+t.bulletClass.replace(/ /g,"."),(function(t){t.preventDefault();var a=m(this).index()*e.params.slidesPerGroup;e.params.loop&&(a+=e.loopedSlides),e.slideTo(a)})),S(e.pagination,{$el:a,el:a[0]}))}},destroy:function(){var e=this,t=e.params.pagination;if(t.el&&e.pagination.el&&e.pagination.$el&&0!==e.pagination.$el.length){var a=e.pagination.$el;a.removeClass(t.hiddenClass),a.removeClass(t.modifierClass+t.type),e.pagination.bullets&&e.pagination.bullets.removeClass(t.bulletActiveClass),t.clickable&&a.off("click","."+t.bulletClass.replace(/ /g,"."))}}},J={setTranslate:function(){var e=this;if(e.params.scrollbar.el&&e.scrollbar.el){var t=e.scrollbar,a=e.rtlTranslate,i=e.progress,s=t.dragSize,r=t.trackSize,n=t.$dragEl,l=t.$el,o=e.params.scrollbar,d=s,p=(r-s)*i;a?(p=-p)>0?(d=s-p,p=0):-p+s>r&&(d=r+p):p<0?(d=s+p,p=0):p+s>r&&(d=r-p),e.isHorizontal()?(n.transform("translate3d("+p+"px, 0, 0)"),n[0].style.width=d+"px"):(n.transform("translate3d(0px, "+p+"px, 0)"),n[0].style.height=d+"px"),o.hide&&(clearTimeout(e.scrollbar.timeout),l[0].style.opacity=1,e.scrollbar.timeout=setTimeout((function(){l[0].style.opacity=0,l.transition(400)}),1e3))}},setTransition:function(e){var t=this;t.params.scrollbar.el&&t.scrollbar.el&&t.scrollbar.$dragEl.transition(e)},updateSize:function(){var e=this;if(e.params.scrollbar.el&&e.scrollbar.el){var t=e.scrollbar,a=t.$dragEl,i=t.$el;a[0].style.width="",a[0].style.height="";var s,r=e.isHorizontal()?i[0].offsetWidth:i[0].offsetHeight,n=e.size/e.virtualSize,l=n*(r/e.size);s="auto"===e.params.scrollbar.dragSize?r*n:parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?a[0].style.width=s+"px":a[0].style.height=s+"px",i[0].style.display=n>=1?"none":"",e.params.scrollbar.hide&&(i[0].style.opacity=0),S(t,{trackSize:r,divider:n,moveDivider:l,dragSize:s}),t.$el[e.params.watchOverflow&&e.isLocked?"addClass":"removeClass"](e.params.scrollbar.lockClass)}},getPointerPosition:function(e){return this.isHorizontal()?"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientX:e.clientX:"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientY:e.clientY},setDragPosition:function(e){var t,a=this,i=a.scrollbar,s=a.rtlTranslate,r=i.$el,n=i.dragSize,l=i.trackSize,o=i.dragStartPos;t=(i.getPointerPosition(e)-r.offset()[a.isHorizontal()?"left":"top"]-(null!==o?o:n/2))/(l-n),t=Math.max(Math.min(t,1),0),s&&(t=1-t);var d=a.minTranslate()+(a.maxTranslate()-a.minTranslate())*t;a.updateProgress(d),a.setTranslate(d),a.updateActiveIndex(),a.updateSlidesClasses()},onDragStart:function(e){var t=this,a=t.params.scrollbar,i=t.scrollbar,s=t.$wrapperEl,r=i.$el,n=i.$dragEl;t.scrollbar.isTouched=!0,t.scrollbar.dragStartPos=e.target===n[0]||e.target===n?i.getPointerPosition(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),s.transition(100),n.transition(100),i.setDragPosition(e),clearTimeout(t.scrollbar.dragTimeout),r.transition(0),a.hide&&r.css("opacity",1),t.params.cssMode&&t.$wrapperEl.css("scroll-snap-type","none"),t.emit("scrollbarDragStart",e)},onDragMove:function(e){var t=this,a=t.scrollbar,i=t.$wrapperEl,s=a.$el,r=a.$dragEl;t.scrollbar.isTouched&&(e.preventDefault?e.preventDefault():e.returnValue=!1,a.setDragPosition(e),i.transition(0),s.transition(0),r.transition(0),t.emit("scrollbarDragMove",e))},onDragEnd:function(e){var t=this,a=t.params.scrollbar,i=t.scrollbar,s=t.$wrapperEl,r=i.$el;t.scrollbar.isTouched&&(t.scrollbar.isTouched=!1,t.params.cssMode&&(t.$wrapperEl.css("scroll-snap-type",""),s.transition("")),a.hide&&(clearTimeout(t.scrollbar.dragTimeout),t.scrollbar.dragTimeout=E((function(){r.css("opacity",0),r.transition(400)}),1e3)),t.emit("scrollbarDragEnd",e),a.snapOnRelease&&t.slideToClosest())},enableDraggable:function(){var e=this;if(e.params.scrollbar.el){var t=r(),a=e.scrollbar,i=e.touchEventsTouch,s=e.touchEventsDesktop,n=e.params,l=e.support,o=a.$el[0],d=!(!l.passiveListener||!n.passiveListeners)&&{passive:!1,capture:!1},p=!(!l.passiveListener||!n.passiveListeners)&&{passive:!0,capture:!1};l.touch?(o.addEventListener(i.start,e.scrollbar.onDragStart,d),o.addEventListener(i.move,e.scrollbar.onDragMove,d),o.addEventListener(i.end,e.scrollbar.onDragEnd,p)):(o.addEventListener(s.start,e.scrollbar.onDragStart,d),t.addEventListener(s.move,e.scrollbar.onDragMove,d),t.addEventListener(s.end,e.scrollbar.onDragEnd,p))}},disableDraggable:function(){var e=this;if(e.params.scrollbar.el){var t=r(),a=e.scrollbar,i=e.touchEventsTouch,s=e.touchEventsDesktop,n=e.params,l=e.support,o=a.$el[0],d=!(!l.passiveListener||!n.passiveListeners)&&{passive:!1,capture:!1},p=!(!l.passiveListener||!n.passiveListeners)&&{passive:!0,capture:!1};l.touch?(o.removeEventListener(i.start,e.scrollbar.onDragStart,d),o.removeEventListener(i.move,e.scrollbar.onDragMove,d),o.removeEventListener(i.end,e.scrollbar.onDragEnd,p)):(o.removeEventListener(s.start,e.scrollbar.onDragStart,d),t.removeEventListener(s.move,e.scrollbar.onDragMove,d),t.removeEventListener(s.end,e.scrollbar.onDragEnd,p))}},init:function(){var e=this;if(e.params.scrollbar.el){var t=e.scrollbar,a=e.$el,i=e.params.scrollbar,s=m(i.el);e.params.uniqueNavElements&&"string"==typeof i.el&&s.length>1&&1===a.find(i.el).length&&(s=a.find(i.el));var r=s.find("."+e.params.scrollbar.dragClass);0===r.length&&(r=m('
'),s.append(r)),S(t,{$el:s,el:s[0],$dragEl:r,dragEl:r[0]}),i.draggable&&t.enableDraggable()}},destroy:function(){this.scrollbar.disableDraggable()}},Q={setTransform:function(e,t){var a=this.rtl,i=m(e),s=a?-1:1,r=i.attr("data-swiper-parallax")||"0",n=i.attr("data-swiper-parallax-x"),l=i.attr("data-swiper-parallax-y"),o=i.attr("data-swiper-parallax-scale"),d=i.attr("data-swiper-parallax-opacity");if(n||l?(n=n||"0",l=l||"0"):this.isHorizontal()?(n=r,l="0"):(l=r,n="0"),n=n.indexOf("%")>=0?parseInt(n,10)*t*s+"%":n*t*s+"px",l=l.indexOf("%")>=0?parseInt(l,10)*t+"%":l*t+"px",null!=d){var p=d-(d-1)*(1-Math.abs(t));i[0].style.opacity=p}if(null==o)i.transform("translate3d("+n+", "+l+", 0px)");else{var u=o-(o-1)*(1-Math.abs(t));i.transform("translate3d("+n+", "+l+", 0px) scale("+u+")")}},setTranslate:function(){var e=this,t=e.$el,a=e.slides,i=e.progress,s=e.snapGrid;t.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function(t){e.parallax.setTransform(t,i)})),a.each((function(t,a){var r=t.progress;e.params.slidesPerGroup>1&&"auto"!==e.params.slidesPerView&&(r+=Math.ceil(a/2)-i*(s.length-1)),r=Math.min(Math.max(r,-1),1),m(t).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function(t){e.parallax.setTransform(t,r)}))}))},setTransition:function(e){void 0===e&&(e=this.params.speed);this.$el.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function(t){var a=m(t),i=parseInt(a.attr("data-swiper-parallax-duration"),10)||e;0===e&&(i=0),a.transition(i)}))}},ee={getDistanceBetweenTouches:function(e){if(e.targetTouches.length<2)return 1;var t=e.targetTouches[0].pageX,a=e.targetTouches[0].pageY,i=e.targetTouches[1].pageX,s=e.targetTouches[1].pageY;return Math.sqrt(Math.pow(i-t,2)+Math.pow(s-a,2))},onGestureStart:function(e){var t=this,a=t.support,i=t.params.zoom,s=t.zoom,r=s.gesture;if(s.fakeGestureTouched=!1,s.fakeGestureMoved=!1,!a.gestures){if("touchstart"!==e.type||"touchstart"===e.type&&e.targetTouches.length<2)return;s.fakeGestureTouched=!0,r.scaleStart=ee.getDistanceBetweenTouches(e)}r.$slideEl&&r.$slideEl.length||(r.$slideEl=m(e.target).closest("."+t.params.slideClass),0===r.$slideEl.length&&(r.$slideEl=t.slides.eq(t.activeIndex)),r.$imageEl=r.$slideEl.find("img, svg, canvas, picture, .swiper-zoom-target"),r.$imageWrapEl=r.$imageEl.parent("."+i.containerClass),r.maxRatio=r.$imageWrapEl.attr("data-swiper-zoom")||i.maxRatio,0!==r.$imageWrapEl.length)?(r.$imageEl&&r.$imageEl.transition(0),t.zoom.isScaling=!0):r.$imageEl=void 0},onGestureChange:function(e){var t=this,a=t.support,i=t.params.zoom,s=t.zoom,r=s.gesture;if(!a.gestures){if("touchmove"!==e.type||"touchmove"===e.type&&e.targetTouches.length<2)return;s.fakeGestureMoved=!0,r.scaleMove=ee.getDistanceBetweenTouches(e)}r.$imageEl&&0!==r.$imageEl.length?(a.gestures?s.scale=e.scale*s.currentScale:s.scale=r.scaleMove/r.scaleStart*s.currentScale,s.scale>r.maxRatio&&(s.scale=r.maxRatio-1+Math.pow(s.scale-r.maxRatio+1,.5)),s.scales.touchesStart.x))return void(s.isTouched=!1);if(!t.isHorizontal()&&(Math.floor(s.minY)===Math.floor(s.startY)&&s.touchesCurrent.ys.touchesStart.y))return void(s.isTouched=!1)}e.cancelable&&e.preventDefault(),e.stopPropagation(),s.isMoved=!0,s.currentX=s.touchesCurrent.x-s.touchesStart.x+s.startX,s.currentY=s.touchesCurrent.y-s.touchesStart.y+s.startY,s.currentXs.maxX&&(s.currentX=s.maxX-1+Math.pow(s.currentX-s.maxX+1,.8)),s.currentYs.maxY&&(s.currentY=s.maxY-1+Math.pow(s.currentY-s.maxY+1,.8)),r.prevPositionX||(r.prevPositionX=s.touchesCurrent.x),r.prevPositionY||(r.prevPositionY=s.touchesCurrent.y),r.prevTime||(r.prevTime=Date.now()),r.x=(s.touchesCurrent.x-r.prevPositionX)/(Date.now()-r.prevTime)/2,r.y=(s.touchesCurrent.y-r.prevPositionY)/(Date.now()-r.prevTime)/2,Math.abs(s.touchesCurrent.x-r.prevPositionX)<2&&(r.x=0),Math.abs(s.touchesCurrent.y-r.prevPositionY)<2&&(r.y=0),r.prevPositionX=s.touchesCurrent.x,r.prevPositionY=s.touchesCurrent.y,r.prevTime=Date.now(),i.$imageWrapEl.transform("translate3d("+s.currentX+"px, "+s.currentY+"px,0)")}}},onTouchEnd:function(){var e=this.zoom,t=e.gesture,a=e.image,i=e.velocity;if(t.$imageEl&&0!==t.$imageEl.length){if(!a.isTouched||!a.isMoved)return a.isTouched=!1,void(a.isMoved=!1);a.isTouched=!1,a.isMoved=!1;var s=300,r=300,n=i.x*s,l=a.currentX+n,o=i.y*r,d=a.currentY+o;0!==i.x&&(s=Math.abs((l-a.currentX)/i.x)),0!==i.y&&(r=Math.abs((d-a.currentY)/i.y));var p=Math.max(s,r);a.currentX=l,a.currentY=d;var u=a.width*e.scale,c=a.height*e.scale;a.minX=Math.min(t.slideWidth/2-u/2,0),a.maxX=-a.minX,a.minY=Math.min(t.slideHeight/2-c/2,0),a.maxY=-a.minY,a.currentX=Math.max(Math.min(a.currentX,a.maxX),a.minX),a.currentY=Math.max(Math.min(a.currentY,a.maxY),a.minY),t.$imageWrapEl.transition(p).transform("translate3d("+a.currentX+"px, "+a.currentY+"px,0)")}},onTransitionEnd:function(){var e=this,t=e.zoom,a=t.gesture;a.$slideEl&&e.previousIndex!==e.activeIndex&&(a.$imageEl&&a.$imageEl.transform("translate3d(0,0,0) scale(1)"),a.$imageWrapEl&&a.$imageWrapEl.transform("translate3d(0,0,0)"),t.scale=1,t.currentScale=1,a.$slideEl=void 0,a.$imageEl=void 0,a.$imageWrapEl=void 0)},toggle:function(e){var t=this.zoom;t.scale&&1!==t.scale?t.out():t.in(e)},in:function(e){var t,a,i,s,r,n,l,o,d,p,u,c,h,v,f,m,g=this,y=g.zoom,w=g.params.zoom,b=y.gesture,E=y.image;(b.$slideEl||(g.params.virtual&&g.params.virtual.enabled&&g.virtual?b.$slideEl=g.$wrapperEl.children("."+g.params.slideActiveClass):b.$slideEl=g.slides.eq(g.activeIndex),b.$imageEl=b.$slideEl.find("img, svg, canvas, picture, .swiper-zoom-target"),b.$imageWrapEl=b.$imageEl.parent("."+w.containerClass)),b.$imageEl&&0!==b.$imageEl.length)&&(b.$slideEl.addClass(""+w.zoomedSlideClass),void 0===E.touchesStart.x&&e?(t="touchend"===e.type?e.changedTouches[0].pageX:e.pageX,a="touchend"===e.type?e.changedTouches[0].pageY:e.pageY):(t=E.touchesStart.x,a=E.touchesStart.y),y.scale=b.$imageWrapEl.attr("data-swiper-zoom")||w.maxRatio,y.currentScale=b.$imageWrapEl.attr("data-swiper-zoom")||w.maxRatio,e?(f=b.$slideEl[0].offsetWidth,m=b.$slideEl[0].offsetHeight,i=b.$slideEl.offset().left+f/2-t,s=b.$slideEl.offset().top+m/2-a,l=b.$imageEl[0].offsetWidth,o=b.$imageEl[0].offsetHeight,d=l*y.scale,p=o*y.scale,h=-(u=Math.min(f/2-d/2,0)),v=-(c=Math.min(m/2-p/2,0)),(r=i*y.scale)h&&(r=h),(n=s*y.scale)v&&(n=v)):(r=0,n=0),b.$imageWrapEl.transition(300).transform("translate3d("+r+"px, "+n+"px,0)"),b.$imageEl.transition(300).transform("translate3d(0,0,0) scale("+y.scale+")"))},out:function(){var e=this,t=e.zoom,a=e.params.zoom,i=t.gesture;i.$slideEl||(e.params.virtual&&e.params.virtual.enabled&&e.virtual?i.$slideEl=e.$wrapperEl.children("."+e.params.slideActiveClass):i.$slideEl=e.slides.eq(e.activeIndex),i.$imageEl=i.$slideEl.find("img, svg, canvas, picture, .swiper-zoom-target"),i.$imageWrapEl=i.$imageEl.parent("."+a.containerClass)),i.$imageEl&&0!==i.$imageEl.length&&(t.scale=1,t.currentScale=1,i.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"),i.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"),i.$slideEl.removeClass(""+a.zoomedSlideClass),i.$slideEl=void 0)},toggleGestures:function(e){var t=this,a=t.zoom,i=a.slideSelector,s=a.passiveListener;t.$wrapperEl[e]("gesturestart",i,a.onGestureStart,s),t.$wrapperEl[e]("gesturechange",i,a.onGestureChange,s),t.$wrapperEl[e]("gestureend",i,a.onGestureEnd,s)},enableGestures:function(){this.zoom.gesturesEnabled||(this.zoom.gesturesEnabled=!0,this.zoom.toggleGestures("on"))},disableGestures:function(){this.zoom.gesturesEnabled&&(this.zoom.gesturesEnabled=!1,this.zoom.toggleGestures("off"))},enable:function(){var e=this,t=e.support,a=e.zoom;if(!a.enabled){a.enabled=!0;var i=!("touchstart"!==e.touchEvents.start||!t.passiveListener||!e.params.passiveListeners)&&{passive:!0,capture:!1},s=!t.passiveListener||{passive:!1,capture:!0},r="."+e.params.slideClass;e.zoom.passiveListener=i,e.zoom.slideSelector=r,t.gestures?(e.$wrapperEl.on(e.touchEvents.start,e.zoom.enableGestures,i),e.$wrapperEl.on(e.touchEvents.end,e.zoom.disableGestures,i)):"touchstart"===e.touchEvents.start&&(e.$wrapperEl.on(e.touchEvents.start,r,a.onGestureStart,i),e.$wrapperEl.on(e.touchEvents.move,r,a.onGestureChange,s),e.$wrapperEl.on(e.touchEvents.end,r,a.onGestureEnd,i),e.touchEvents.cancel&&e.$wrapperEl.on(e.touchEvents.cancel,r,a.onGestureEnd,i)),e.$wrapperEl.on(e.touchEvents.move,"."+e.params.zoom.containerClass,a.onTouchMove,s)}},disable:function(){var e=this,t=e.zoom;if(t.enabled){var a=e.support;e.zoom.enabled=!1;var i=!("touchstart"!==e.touchEvents.start||!a.passiveListener||!e.params.passiveListeners)&&{passive:!0,capture:!1},s=!a.passiveListener||{passive:!1,capture:!0},r="."+e.params.slideClass;a.gestures?(e.$wrapperEl.off(e.touchEvents.start,e.zoom.enableGestures,i),e.$wrapperEl.off(e.touchEvents.end,e.zoom.disableGestures,i)):"touchstart"===e.touchEvents.start&&(e.$wrapperEl.off(e.touchEvents.start,r,t.onGestureStart,i),e.$wrapperEl.off(e.touchEvents.move,r,t.onGestureChange,s),e.$wrapperEl.off(e.touchEvents.end,r,t.onGestureEnd,i),e.touchEvents.cancel&&e.$wrapperEl.off(e.touchEvents.cancel,r,t.onGestureEnd,i)),e.$wrapperEl.off(e.touchEvents.move,"."+e.params.zoom.containerClass,t.onTouchMove,s)}}},te={loadInSlide:function(e,t){void 0===t&&(t=!0);var a=this,i=a.params.lazy;if(void 0!==e&&0!==a.slides.length){var s=a.virtual&&a.params.virtual.enabled?a.$wrapperEl.children("."+a.params.slideClass+'[data-swiper-slide-index="'+e+'"]'):a.slides.eq(e),r=s.find("."+i.elementClass+":not(."+i.loadedClass+"):not(."+i.loadingClass+")");!s.hasClass(i.elementClass)||s.hasClass(i.loadedClass)||s.hasClass(i.loadingClass)||r.push(s[0]),0!==r.length&&r.each((function(e){var r=m(e);r.addClass(i.loadingClass);var n=r.attr("data-background"),l=r.attr("data-src"),o=r.attr("data-srcset"),d=r.attr("data-sizes"),p=r.parent("picture");a.loadImage(r[0],l||n,o,d,!1,(function(){if(null!=a&&a&&(!a||a.params)&&!a.destroyed){if(n?(r.css("background-image",'url("'+n+'")'),r.removeAttr("data-background")):(o&&(r.attr("srcset",o),r.removeAttr("data-srcset")),d&&(r.attr("sizes",d),r.removeAttr("data-sizes")),p.length&&p.children("source").each((function(e){var t=m(e);t.attr("data-srcset")&&(t.attr("srcset",t.attr("data-srcset")),t.removeAttr("data-srcset"))})),l&&(r.attr("src",l),r.removeAttr("data-src"))),r.addClass(i.loadedClass).removeClass(i.loadingClass),s.find("."+i.preloaderClass).remove(),a.params.loop&&t){var e=s.attr("data-swiper-slide-index");if(s.hasClass(a.params.slideDuplicateClass)){var u=a.$wrapperEl.children('[data-swiper-slide-index="'+e+'"]:not(.'+a.params.slideDuplicateClass+")");a.lazy.loadInSlide(u.index(),!1)}else{var c=a.$wrapperEl.children("."+a.params.slideDuplicateClass+'[data-swiper-slide-index="'+e+'"]');a.lazy.loadInSlide(c.index(),!1)}}a.emit("lazyImageReady",s[0],r[0]),a.params.autoHeight&&a.updateAutoHeight()}})),a.emit("lazyImageLoad",s[0],r[0])}))}},load:function(){var e=this,t=e.$wrapperEl,a=e.params,i=e.slides,s=e.activeIndex,r=e.virtual&&a.virtual.enabled,n=a.lazy,l=a.slidesPerView;function o(e){if(r){if(t.children("."+a.slideClass+'[data-swiper-slide-index="'+e+'"]').length)return!0}else if(i[e])return!0;return!1}function d(e){return r?m(e).attr("data-swiper-slide-index"):m(e).index()}if("auto"===l&&(l=0),e.lazy.initialImageLoaded||(e.lazy.initialImageLoaded=!0),e.params.watchSlidesVisibility)t.children("."+a.slideVisibleClass).each((function(t){var a=r?m(t).attr("data-swiper-slide-index"):m(t).index();e.lazy.loadInSlide(a)}));else if(l>1)for(var p=s;p1||n.loadPrevNextAmount&&n.loadPrevNextAmount>1){for(var u=n.loadPrevNextAmount,c=l,h=Math.min(s+c+Math.max(u,c),i.length),v=Math.max(s-Math.max(c,u),0),f=s+l;f0&&e.lazy.loadInSlide(d(y));var w=t.children("."+a.slidePrevClass);w.length>0&&e.lazy.loadInSlide(d(w))}},checkInViewOnLoad:function(){var e=l(),t=this;if(t&&!t.destroyed){var a=t.params.lazy.scrollingElement?m(t.params.lazy.scrollingElement):m(e),i=a[0]===e,s=i?e.innerWidth:a[0].offsetWidth,r=i?e.innerHeight:a[0].offsetHeight,n=t.$el.offset(),o=!1;t.rtlTranslate&&(n.left-=t.$el[0].scrollLeft);for(var d=[[n.left,n.top],[n.left+t.width,n.top],[n.left,n.top+t.height],[n.left+t.width,n.top+t.height]],p=0;p=0&&u[0]<=s&&u[1]>=0&&u[1]<=r){if(0===u[0]&&0===u[1])continue;o=!0}}o?(t.lazy.load(),a.off("scroll",t.lazy.checkInViewOnLoad)):t.lazy.scrollHandlerAttached||(t.lazy.scrollHandlerAttached=!0,a.on("scroll",t.lazy.checkInViewOnLoad))}}},ae={LinearSpline:function(e,t){var a,i,s,r,n,l=function(e,t){for(i=-1,a=e.length;a-i>1;)e[s=a+i>>1]<=t?i=s:a=s;return a};return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(n=l(this.x,e),r=n-1,(e-this.x[r])*(this.y[n]-this.y[r])/(this.x[n]-this.x[r])+this.y[r]):0},this},getInterpolateFunction:function(e){var t=this;t.controller.spline||(t.controller.spline=t.params.loop?new ae.LinearSpline(t.slidesGrid,e.slidesGrid):new ae.LinearSpline(t.snapGrid,e.snapGrid))},setTranslate:function(e,t){var a,i,s=this,r=s.controller.control,n=s.constructor;function l(e){var t=s.rtlTranslate?-s.translate:s.translate;"slide"===s.params.controller.by&&(s.controller.getInterpolateFunction(e),i=-s.controller.spline.interpolate(-t)),i&&"container"!==s.params.controller.by||(a=(e.maxTranslate()-e.minTranslate())/(s.maxTranslate()-s.minTranslate()),i=(t-s.minTranslate())*a+e.minTranslate()),s.params.controller.inverse&&(i=e.maxTranslate()-i),e.updateProgress(i),e.setTranslate(i,s),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(r))for(var o=0;o0&&(e.isBeginning?(e.a11y.disableEl(i),e.a11y.makeElNotFocusable(i)):(e.a11y.enableEl(i),e.a11y.makeElFocusable(i))),a&&a.length>0&&(e.isEnd?(e.a11y.disableEl(a),e.a11y.makeElNotFocusable(a)):(e.a11y.enableEl(a),e.a11y.makeElFocusable(a)))}},updatePagination:function(){var e=this,t=e.params.a11y;e.pagination&&e.params.pagination.clickable&&e.pagination.bullets&&e.pagination.bullets.length&&e.pagination.bullets.each((function(a){var i=m(a);e.a11y.makeElFocusable(i),e.params.pagination.renderBullet||(e.a11y.addElRole(i,"button"),e.a11y.addElLabel(i,t.paginationBulletMessage.replace(/\{\{index\}\}/,i.index()+1)))}))},init:function(){var e=this,t=e.params.a11y;e.$el.append(e.a11y.liveRegion);var a=e.$el;t.containerRoleDescriptionMessage&&e.a11y.addElRoleDescription(a,t.containerRoleDescriptionMessage),t.containerMessage&&e.a11y.addElLabel(a,t.containerMessage);var i,s,r,n=e.$wrapperEl,l=n.attr("id")||"swiper-wrapper-"+e.a11y.getRandomNumber(16);e.a11y.addElId(n,l),i=e.params.autoplay&&e.params.autoplay.enabled?"off":"polite",e.a11y.addElLive(n,i),t.itemRoleDescriptionMessage&&e.a11y.addElRoleDescription(m(e.slides),t.itemRoleDescriptionMessage),e.a11y.addElRole(m(e.slides),"group"),e.slides.each((function(t){var a=m(t);e.a11y.addElLabel(a,a.index()+1+" / "+e.slides.length)})),e.navigation&&e.navigation.$nextEl&&(s=e.navigation.$nextEl),e.navigation&&e.navigation.$prevEl&&(r=e.navigation.$prevEl),s&&s.length&&(e.a11y.makeElFocusable(s),"BUTTON"!==s[0].tagName&&(e.a11y.addElRole(s,"button"),s.on("keydown",e.a11y.onEnterKey)),e.a11y.addElLabel(s,t.nextSlideMessage),e.a11y.addElControls(s,l)),r&&r.length&&(e.a11y.makeElFocusable(r),"BUTTON"!==r[0].tagName&&(e.a11y.addElRole(r,"button"),r.on("keydown",e.a11y.onEnterKey)),e.a11y.addElLabel(r,t.prevSlideMessage),e.a11y.addElControls(r,l)),e.pagination&&e.params.pagination.clickable&&e.pagination.bullets&&e.pagination.bullets.length&&e.pagination.$el.on("keydown","."+e.params.pagination.bulletClass.replace(/ /g,"."),e.a11y.onEnterKey)},destroy:function(){var e,t,a=this;a.a11y.liveRegion&&a.a11y.liveRegion.length>0&&a.a11y.liveRegion.remove(),a.navigation&&a.navigation.$nextEl&&(e=a.navigation.$nextEl),a.navigation&&a.navigation.$prevEl&&(t=a.navigation.$prevEl),e&&e.off("keydown",a.a11y.onEnterKey),t&&t.off("keydown",a.a11y.onEnterKey),a.pagination&&a.params.pagination.clickable&&a.pagination.bullets&&a.pagination.bullets.length&&a.pagination.$el.off("keydown","."+a.params.pagination.bulletClass.replace(/ /g,"."),a.a11y.onEnterKey)}},se={init:function(){var e=this,t=l();if(e.params.history){if(!t.history||!t.history.pushState)return e.params.history.enabled=!1,void(e.params.hashNavigation.enabled=!0);var a=e.history;a.initialized=!0,a.paths=se.getPathValues(e.params.url),(a.paths.key||a.paths.value)&&(a.scrollToSlide(0,a.paths.value,e.params.runCallbacksOnInit),e.params.history.replaceState||t.addEventListener("popstate",e.history.setHistoryPopState))}},destroy:function(){var e=l();this.params.history.replaceState||e.removeEventListener("popstate",this.history.setHistoryPopState)},setHistoryPopState:function(){var e=this;e.history.paths=se.getPathValues(e.params.url),e.history.scrollToSlide(e.params.speed,e.history.paths.value,!1)},getPathValues:function(e){var t=l(),a=(e?new URL(e):t.location).pathname.slice(1).split("/").filter((function(e){return""!==e})),i=a.length;return{key:a[i-2],value:a[i-1]}},setHistory:function(e,t){var a=this,i=l();if(a.history.initialized&&a.params.history.enabled){var s;s=a.params.url?new URL(a.params.url):i.location;var r=a.slides.eq(t),n=se.slugify(r.attr("data-history"));s.pathname.includes(e)||(n=e+"/"+n);var o=i.history.state;o&&o.value===n||(a.params.history.replaceState?i.history.replaceState({value:n},null,n):i.history.pushState({value:n},null,n))}},slugify:function(e){return e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,"")},scrollToSlide:function(e,t,a){var i=this;if(t)for(var s=0,r=i.slides.length;s'),i.append(e)),e.css({height:r+"px"})):0===(e=a.find(".swiper-cube-shadow")).length&&(e=m('
'),a.append(e)));for(var v=0;v-1&&(h=90*g+90*b,l&&(h=90*-g-90*b)),f.transform(C),p.slideShadows){var S=u?f.find(".swiper-slide-shadow-left"):f.find(".swiper-slide-shadow-top"),M=u?f.find(".swiper-slide-shadow-right"):f.find(".swiper-slide-shadow-bottom");0===S.length&&(S=m('
'),f.append(S)),0===M.length&&(M=m('
'),f.append(M)),S.length&&(S[0].style.opacity=Math.max(-b,0)),M.length&&(M[0].style.opacity=Math.max(b,0))}}if(i.css({"-webkit-transform-origin":"50% 50% -"+o/2+"px","-moz-transform-origin":"50% 50% -"+o/2+"px","-ms-transform-origin":"50% 50% -"+o/2+"px","transform-origin":"50% 50% -"+o/2+"px"}),p.shadow)if(u)e.transform("translate3d(0px, "+(r/2+p.shadowOffset)+"px, "+-r/2+"px) rotateX(90deg) rotateZ(0deg) scale("+p.shadowScale+")");else{var z=Math.abs(h)-90*Math.floor(Math.abs(h)/90),P=1.5-(Math.sin(2*z*Math.PI/360)/2+Math.cos(2*z*Math.PI/360)/2),k=p.shadowScale,L=p.shadowScale/P,$=p.shadowOffset;e.transform("scale3d("+k+", 1, "+L+") translate3d(0px, "+(n/2+$)+"px, "+-n/2/L+"px) rotateX(-90deg)")}var I=d.isSafari||d.isWebView?-o/2:0;i.transform("translate3d(0px,0,"+I+"px) rotateX("+(t.isHorizontal()?0:h)+"deg) rotateY("+(t.isHorizontal()?-h:0)+"deg)")},setTransition:function(e){var t=this,a=t.$el;t.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),t.params.cubeEffect.shadow&&!t.isHorizontal()&&a.find(".swiper-cube-shadow").transition(e)}},de={setTranslate:function(){for(var e=this,t=e.slides,a=e.rtlTranslate,i=0;i'),s.append(p)),0===u.length&&(u=m('
'),s.append(u)),p.length&&(p[0].style.opacity=Math.max(-r,0)),u.length&&(u[0].style.opacity=Math.max(r,0))}s.transform("translate3d("+o+"px, "+d+"px, 0px) rotateX("+l+"deg) rotateY("+n+"deg)")}},setTransition:function(e){var t=this,a=t.slides,i=t.activeIndex,s=t.$wrapperEl;if(a.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),t.params.virtualTranslate&&0!==e){var r=!1;a.eq(i).transitionEnd((function(){if(!r&&t&&!t.destroyed){r=!0,t.animating=!1;for(var e=["webkitTransitionEnd","transitionend"],a=0;a'),h.append(S)),0===M.length&&(M=m('
'),h.append(M)),S.length&&(S[0].style.opacity=f>0?f:0),M.length&&(M[0].style.opacity=-f>0?-f:0)}}},setTransition:function(e){this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)}},ue={init:function(){var e=this,t=e.params.thumbs;if(e.thumbs.initialized)return!1;e.thumbs.initialized=!0;var a=e.constructor;return t.swiper instanceof a?(e.thumbs.swiper=t.swiper,S(e.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),S(e.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1})):C(t.swiper)&&(e.thumbs.swiper=new a(S({},t.swiper,{watchSlidesVisibility:!0,watchSlidesProgress:!0,slideToClickedSlide:!1})),e.thumbs.swiperCreated=!0),e.thumbs.swiper.$el.addClass(e.params.thumbs.thumbsContainerClass),e.thumbs.swiper.on("tap",e.thumbs.onThumbClick),!0},onThumbClick:function(){var e=this,t=e.thumbs.swiper;if(t){var a=t.clickedIndex,i=t.clickedSlide;if(!(i&&m(i).hasClass(e.params.thumbs.slideThumbActiveClass)||null==a)){var s;if(s=t.params.loop?parseInt(m(t.clickedSlide).attr("data-swiper-slide-index"),10):a,e.params.loop){var r=e.activeIndex;e.slides.eq(r).hasClass(e.params.slideDuplicateClass)&&(e.loopFix(),e._clientLeft=e.$wrapperEl[0].clientLeft,r=e.activeIndex);var n=e.slides.eq(r).prevAll('[data-swiper-slide-index="'+s+'"]').eq(0).index(),l=e.slides.eq(r).nextAll('[data-swiper-slide-index="'+s+'"]').eq(0).index();s=void 0===n?l:void 0===l?n:l-rt.previousIndex?"next":"prev"}else l=(n=t.realIndex)>t.previousIndex?"next":"prev";r&&(n+="next"===l?s:-1*s),a.visibleSlidesIndexes&&a.visibleSlidesIndexes.indexOf(n)<0&&(a.params.centeredSlides?n=n>o?n-Math.floor(i/2)+1:n+Math.floor(i/2)-1:n>o&&(n=n-i+1),a.slideTo(n,e?0:void 0))}var u=1,c=t.params.thumbs.slideThumbActiveClass;if(t.params.slidesPerView>1&&!t.params.centeredSlides&&(u=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(u=1),u=Math.floor(u),a.slides.removeClass(c),a.params.loop||a.params.virtual&&a.params.virtual.enabled)for(var h=0;h0&&!m(t.target).hasClass(e.params.pagination.bulletClass)&&(!0===e.pagination.$el.hasClass(e.params.pagination.hiddenClass)?e.emit("paginationShow"):e.emit("paginationHide"),e.pagination.$el.toggleClass(e.params.pagination.hiddenClass))}}},{name:"scrollbar",params:{scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag"}},create:function(){M(this,{scrollbar:t({isTouched:!1,timeout:null,dragTimeout:null},J)})},on:{init:function(e){e.scrollbar.init(),e.scrollbar.updateSize(),e.scrollbar.setTranslate()},update:function(e){e.scrollbar.updateSize()},resize:function(e){e.scrollbar.updateSize()},observerUpdate:function(e){e.scrollbar.updateSize()},setTranslate:function(e){e.scrollbar.setTranslate()},setTransition:function(e,t){e.scrollbar.setTransition(t)},destroy:function(e){e.scrollbar.destroy()}}},{name:"parallax",params:{parallax:{enabled:!1}},create:function(){M(this,{parallax:t({},Q)})},on:{beforeInit:function(e){e.params.parallax.enabled&&(e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0)},init:function(e){e.params.parallax.enabled&&e.parallax.setTranslate()},setTranslate:function(e){e.params.parallax.enabled&&e.parallax.setTranslate()},setTransition:function(e,t){e.params.parallax.enabled&&e.parallax.setTransition(t)}}},{name:"zoom",params:{zoom:{enabled:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}},create:function(){var e=this;M(e,{zoom:t({enabled:!1,scale:1,currentScale:1,isScaling:!1,gesture:{$slideEl:void 0,slideWidth:void 0,slideHeight:void 0,$imageEl:void 0,$imageWrapEl:void 0,maxRatio:3},image:{isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},velocity:{x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0}},ee)});var a=1;Object.defineProperty(e.zoom,"scale",{get:function(){return a},set:function(t){if(a!==t){var i=e.zoom.gesture.$imageEl?e.zoom.gesture.$imageEl[0]:void 0,s=e.zoom.gesture.$slideEl?e.zoom.gesture.$slideEl[0]:void 0;e.emit("zoomChange",t,i,s)}a=t}})},on:{init:function(e){e.params.zoom.enabled&&e.zoom.enable()},destroy:function(e){e.zoom.disable()},touchStart:function(e,t){e.zoom.enabled&&e.zoom.onTouchStart(t)},touchEnd:function(e,t){e.zoom.enabled&&e.zoom.onTouchEnd(t)},doubleTap:function(e,t){e.params.zoom.enabled&&e.zoom.enabled&&e.params.zoom.toggle&&e.zoom.toggle(t)},transitionEnd:function(e){e.zoom.enabled&&e.params.zoom.enabled&&e.zoom.onTransitionEnd()},slideChange:function(e){e.zoom.enabled&&e.params.zoom.enabled&&e.params.cssMode&&e.zoom.onTransitionEnd()}}},{name:"lazy",params:{lazy:{checkInView:!1,enabled:!1,loadPrevNext:!1,loadPrevNextAmount:1,loadOnTransitionStart:!1,scrollingElement:"",elementClass:"swiper-lazy",loadingClass:"swiper-lazy-loading",loadedClass:"swiper-lazy-loaded",preloaderClass:"swiper-lazy-preloader"}},create:function(){M(this,{lazy:t({initialImageLoaded:!1},te)})},on:{beforeInit:function(e){e.params.lazy.enabled&&e.params.preloadImages&&(e.params.preloadImages=!1)},init:function(e){e.params.lazy.enabled&&!e.params.loop&&0===e.params.initialSlide&&(e.params.lazy.checkInView?e.lazy.checkInViewOnLoad():e.lazy.load())},scroll:function(e){e.params.freeMode&&!e.params.freeModeSticky&&e.lazy.load()},resize:function(e){e.params.lazy.enabled&&e.lazy.load()},scrollbarDragMove:function(e){e.params.lazy.enabled&&e.lazy.load()},transitionStart:function(e){e.params.lazy.enabled&&(e.params.lazy.loadOnTransitionStart||!e.params.lazy.loadOnTransitionStart&&!e.lazy.initialImageLoaded)&&e.lazy.load()},transitionEnd:function(e){e.params.lazy.enabled&&!e.params.lazy.loadOnTransitionStart&&e.lazy.load()},slideChange:function(e){e.params.lazy.enabled&&e.params.cssMode&&e.lazy.load()}}},{name:"controller",params:{controller:{control:void 0,inverse:!1,by:"slide"}},create:function(){M(this,{controller:t({control:this.params.controller.control},ae)})},on:{update:function(e){e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)},resize:function(e){e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)},observerUpdate:function(e){e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)},setTranslate:function(e,t,a){e.controller.control&&e.controller.setTranslate(t,a)},setTransition:function(e,t,a){e.controller.control&&e.controller.setTransition(t,a)}}},{name:"a11y",params:{a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",containerMessage:null,containerRoleDescriptionMessage:null,itemRoleDescriptionMessage:null}},create:function(){M(this,{a11y:t({},ie,{liveRegion:m('')})})},on:{afterInit:function(e){e.params.a11y.enabled&&(e.a11y.init(),e.a11y.updateNavigation())},toEdge:function(e){e.params.a11y.enabled&&e.a11y.updateNavigation()},fromEdge:function(e){e.params.a11y.enabled&&e.a11y.updateNavigation()},paginationUpdate:function(e){e.params.a11y.enabled&&e.a11y.updatePagination()},destroy:function(e){e.params.a11y.enabled&&e.a11y.destroy()}}},{name:"history",params:{history:{enabled:!1,replaceState:!1,key:"slides"}},create:function(){M(this,{history:t({},se)})},on:{init:function(e){e.params.history.enabled&&e.history.init()},destroy:function(e){e.params.history.enabled&&e.history.destroy()},transitionEnd:function(e){e.history.initialized&&e.history.setHistory(e.params.history.key,e.activeIndex)},slideChange:function(e){e.history.initialized&&e.params.cssMode&&e.history.setHistory(e.params.history.key,e.activeIndex)}}},{name:"hash-navigation",params:{hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}},create:function(){M(this,{hashNavigation:t({initialized:!1},re)})},on:{init:function(e){e.params.hashNavigation.enabled&&e.hashNavigation.init()},destroy:function(e){e.params.hashNavigation.enabled&&e.hashNavigation.destroy()},transitionEnd:function(e){e.hashNavigation.initialized&&e.hashNavigation.setHash()},slideChange:function(e){e.hashNavigation.initialized&&e.params.cssMode&&e.hashNavigation.setHash()}}},{name:"autoplay",params:{autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1}},create:function(){M(this,{autoplay:t({},ne,{running:!1,paused:!1})})},on:{init:function(e){e.params.autoplay.enabled&&(e.autoplay.start(),r().addEventListener("visibilitychange",e.autoplay.onVisibilityChange))},beforeTransitionStart:function(e,t,a){e.autoplay.running&&(a||!e.params.autoplay.disableOnInteraction?e.autoplay.pause(t):e.autoplay.stop())},sliderFirstMove:function(e){e.autoplay.running&&(e.params.autoplay.disableOnInteraction?e.autoplay.stop():e.autoplay.pause())},touchEnd:function(e){e.params.cssMode&&e.autoplay.paused&&!e.params.autoplay.disableOnInteraction&&e.autoplay.run()},destroy:function(e){e.autoplay.running&&e.autoplay.stop(),r().removeEventListener("visibilitychange",e.autoplay.onVisibilityChange)}}},{name:"effect-fade",params:{fadeEffect:{crossFade:!1}},create:function(){M(this,{fadeEffect:t({},le)})},on:{beforeInit:function(e){if("fade"===e.params.effect){e.classNames.push(e.params.containerModifierClass+"fade");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};S(e.params,t),S(e.originalParams,t)}},setTranslate:function(e){"fade"===e.params.effect&&e.fadeEffect.setTranslate()},setTransition:function(e,t){"fade"===e.params.effect&&e.fadeEffect.setTransition(t)}}},{name:"effect-cube",params:{cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}},create:function(){M(this,{cubeEffect:t({},oe)})},on:{beforeInit:function(e){if("cube"===e.params.effect){e.classNames.push(e.params.containerModifierClass+"cube"),e.classNames.push(e.params.containerModifierClass+"3d");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0};S(e.params,t),S(e.originalParams,t)}},setTranslate:function(e){"cube"===e.params.effect&&e.cubeEffect.setTranslate()},setTransition:function(e,t){"cube"===e.params.effect&&e.cubeEffect.setTransition(t)}}},{name:"effect-flip",params:{flipEffect:{slideShadows:!0,limitRotation:!0}},create:function(){M(this,{flipEffect:t({},de)})},on:{beforeInit:function(e){if("flip"===e.params.effect){e.classNames.push(e.params.containerModifierClass+"flip"),e.classNames.push(e.params.containerModifierClass+"3d");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};S(e.params,t),S(e.originalParams,t)}},setTranslate:function(e){"flip"===e.params.effect&&e.flipEffect.setTranslate()},setTransition:function(e,t){"flip"===e.params.effect&&e.flipEffect.setTransition(t)}}},{name:"effect-coverflow",params:{coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}},create:function(){M(this,{coverflowEffect:t({},pe)})},on:{beforeInit:function(e){"coverflow"===e.params.effect&&(e.classNames.push(e.params.containerModifierClass+"coverflow"),e.classNames.push(e.params.containerModifierClass+"3d"),e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0)},setTranslate:function(e){"coverflow"===e.params.effect&&e.coverflowEffect.setTranslate()},setTransition:function(e,t){"coverflow"===e.params.effect&&e.coverflowEffect.setTransition(t)}}},{name:"thumbs",params:{thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-container-thumbs"}},create:function(){M(this,{thumbs:t({swiper:null,initialized:!1},ue)})},on:{beforeInit:function(e){var t=e.params.thumbs;t&&t.swiper&&(e.thumbs.init(),e.thumbs.update(!0))},slideChange:function(e){e.thumbs.swiper&&e.thumbs.update()},update:function(e){e.thumbs.swiper&&e.thumbs.update()},resize:function(e){e.thumbs.swiper&&e.thumbs.update()},observerUpdate:function(e){e.thumbs.swiper&&e.thumbs.update()},setTransition:function(e,t){var a=e.thumbs.swiper;a&&a.setTransition(t)},beforeDestroy:function(e){var t=e.thumbs.swiper;t&&e.thumbs.swiperCreated&&t&&t.destroy()}}}];return R.use(ce),R})); + + +/* + * anime.js v3.2.1 + * (c) 2020 Julian Garnier + * Released under the MIT license + * animejs.com + */ + +!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):n.anime=e()}(this,function(){"use strict";var n={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},e={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},t=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],r={CSS:{},springs:{}};function a(n,e,t){return Math.min(Math.max(n,e),t)}function o(n,e){return n.indexOf(e)>-1}function u(n,e){return n.apply(null,e)}var i={arr:function(n){return Array.isArray(n)},obj:function(n){return o(Object.prototype.toString.call(n),"Object")},pth:function(n){return i.obj(n)&&n.hasOwnProperty("totalLength")},svg:function(n){return n instanceof SVGElement},inp:function(n){return n instanceof HTMLInputElement},dom:function(n){return n.nodeType||i.svg(n)},str:function(n){return"string"==typeof n},fnc:function(n){return"function"==typeof n},und:function(n){return void 0===n},nil:function(n){return i.und(n)||null===n},hex:function(n){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(n)},rgb:function(n){return/^rgb/.test(n)},hsl:function(n){return/^hsl/.test(n)},col:function(n){return i.hex(n)||i.rgb(n)||i.hsl(n)},key:function(t){return!n.hasOwnProperty(t)&&!e.hasOwnProperty(t)&&"targets"!==t&&"keyframes"!==t}};function c(n){var e=/\(([^)]+)\)/.exec(n);return e?e[1].split(",").map(function(n){return parseFloat(n)}):[]}function s(n,e){var t=c(n),o=a(i.und(t[0])?1:t[0],.1,100),u=a(i.und(t[1])?100:t[1],.1,100),s=a(i.und(t[2])?10:t[2],.1,100),f=a(i.und(t[3])?0:t[3],.1,100),l=Math.sqrt(u/o),d=s/(2*Math.sqrt(u*o)),p=d<1?l*Math.sqrt(1-d*d):0,v=1,h=d<1?(d*l-f)/p:-f+l;function g(n){var t=e?e*n/1e3:n;return t=d<1?Math.exp(-t*d*l)*(v*Math.cos(p*t)+h*Math.sin(p*t)):(v+h*t)*Math.exp(-t*l),0===n||1===n?n:1-t}return e?g:function(){var e=r.springs[n];if(e)return e;for(var t=0,a=0;;)if(1===g(t+=1/6)){if(++a>=16)break}else a=0;var o=t*(1/6)*1e3;return r.springs[n]=o,o}}function f(n){return void 0===n&&(n=10),function(e){return Math.ceil(a(e,1e-6,1)*n)*(1/n)}}var l,d,p=function(){var n=11,e=1/(n-1);function t(n,e){return 1-3*e+3*n}function r(n,e){return 3*e-6*n}function a(n){return 3*n}function o(n,e,o){return((t(e,o)*n+r(e,o))*n+a(e))*n}function u(n,e,o){return 3*t(e,o)*n*n+2*r(e,o)*n+a(e)}return function(t,r,a,i){if(0<=t&&t<=1&&0<=a&&a<=1){var c=new Float32Array(n);if(t!==r||a!==i)for(var s=0;s=.001?function(n,e,t,r){for(var a=0;a<4;++a){var i=u(e,t,r);if(0===i)return e;e-=(o(e,t,r)-n)/i}return e}(r,l,t,a):0===d?l:function(n,e,t,r,a){for(var u,i,c=0;(u=o(i=e+(t-e)/2,r,a)-n)>0?t=i:e=i,Math.abs(u)>1e-7&&++c<10;);return i}(r,i,i+e,t,a)}}}(),v=(l={linear:function(){return function(n){return n}}},d={Sine:function(){return function(n){return 1-Math.cos(n*Math.PI/2)}},Circ:function(){return function(n){return 1-Math.sqrt(1-n*n)}},Back:function(){return function(n){return n*n*(3*n-2)}},Bounce:function(){return function(n){for(var e,t=4;n<((e=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((3*e-2)/22-n,2)}},Elastic:function(n,e){void 0===n&&(n=1),void 0===e&&(e=.5);var t=a(n,1,10),r=a(e,.1,2);return function(n){return 0===n||1===n?n:-t*Math.pow(2,10*(n-1))*Math.sin((n-1-r/(2*Math.PI)*Math.asin(1/t))*(2*Math.PI)/r)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach(function(n,e){d[n]=function(){return function(n){return Math.pow(n,e+2)}}}),Object.keys(d).forEach(function(n){var e=d[n];l["easeIn"+n]=e,l["easeOut"+n]=function(n,t){return function(r){return 1-e(n,t)(1-r)}},l["easeInOut"+n]=function(n,t){return function(r){return r<.5?e(n,t)(2*r)/2:1-e(n,t)(-2*r+2)/2}},l["easeOutIn"+n]=function(n,t){return function(r){return r<.5?(1-e(n,t)(1-2*r))/2:(e(n,t)(2*r-1)+1)/2}}}),l);function h(n,e){if(i.fnc(n))return n;var t=n.split("(")[0],r=v[t],a=c(n);switch(t){case"spring":return s(n,e);case"cubicBezier":return u(p,a);case"steps":return u(f,a);default:return u(r,a)}}function g(n){try{return document.querySelectorAll(n)}catch(n){return}}function m(n,e){for(var t=n.length,r=arguments.length>=2?arguments[1]:void 0,a=[],o=0;o1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0==u)e=t=r=i;else{var f=i<.5?i*(1+u):i+u-i*u,l=2*i-f;e=s(l,f,o+1/3),t=s(l,f,o),r=s(l,f,o-1/3)}return"rgba("+255*e+","+255*t+","+255*r+","+c+")"}(n):void 0;var e,t,r,a}function C(n){var e=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(n);if(e)return e[1]}function P(n,e){return i.fnc(n)?n(e.target,e.id,e.total):n}function I(n,e){return n.getAttribute(e)}function D(n,e,t){if(M([t,"deg","rad","turn"],C(e)))return e;var a=r.CSS[e+t];if(!i.und(a))return a;var o=document.createElement(n.tagName),u=n.parentNode&&n.parentNode!==document?n.parentNode:document.body;u.appendChild(o),o.style.position="absolute",o.style.width=100+t;var c=100/o.offsetWidth;u.removeChild(o);var s=c*parseFloat(e);return r.CSS[e+t]=s,s}function B(n,e,t){if(e in n.style){var r=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),a=n.style[e]||getComputedStyle(n).getPropertyValue(r)||"0";return t?D(n,a,t):a}}function T(n,e){return i.dom(n)&&!i.inp(n)&&(!i.nil(I(n,e))||i.svg(n)&&n[e])?"attribute":i.dom(n)&&M(t,e)?"transform":i.dom(n)&&"transform"!==e&&B(n,e)?"css":null!=n[e]?"object":void 0}function E(n){if(i.dom(n)){for(var e,t=n.style.transform||"",r=/(\w+)\(([^)]*)\)/g,a=new Map;e=r.exec(t);)a.set(e[1],e[2]);return a}}function F(n,e,t,r){var a,u=o(e,"scale")?1:0+(o(a=e,"translate")||"perspective"===a?"px":o(a,"rotate")||o(a,"skew")?"deg":void 0),i=E(n).get(e)||u;return t&&(t.transforms.list.set(e,i),t.transforms.last=e),r?D(n,i,r):i}function A(n,e,t,r){switch(T(n,e)){case"transform":return F(n,e,r,t);case"css":return B(n,e,t);case"attribute":return I(n,e);default:return n[e]||0}}function N(n,e){var t=/^(\*=|\+=|-=)/.exec(n);if(!t)return n;var r=C(n)||0,a=parseFloat(e),o=parseFloat(n.replace(t[0],""));switch(t[0][0]){case"+":return a+o+r;case"-":return a-o+r;case"*":return a*o+r}}function S(n,e){if(i.col(n))return O(n);if(/\s/g.test(n))return n;var t=C(n),r=t?n.substr(0,n.length-t.length):n;return e?r+e:r}function L(n,e){return Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2))}function j(n){for(var e,t=n.points,r=0,a=0;a0&&(r+=L(e,o)),e=o}return r}function q(n){if(n.getTotalLength)return n.getTotalLength();switch(n.tagName.toLowerCase()){case"circle":return o=n,2*Math.PI*I(o,"r");case"rect":return 2*I(a=n,"width")+2*I(a,"height");case"line":return L({x:I(r=n,"x1"),y:I(r,"y1")},{x:I(r,"x2"),y:I(r,"y2")});case"polyline":return j(n);case"polygon":return t=(e=n).points,j(e)+L(t.getItem(t.numberOfItems-1),t.getItem(0))}var e,t,r,a,o}function H(n,e){var t=e||{},r=t.el||function(n){for(var e=n.parentNode;i.svg(e)&&i.svg(e.parentNode);)e=e.parentNode;return e}(n),a=r.getBoundingClientRect(),o=I(r,"viewBox"),u=a.width,c=a.height,s=t.viewBox||(o?o.split(" "):[0,0,u,c]);return{el:r,viewBox:s,x:s[0]/1,y:s[1]/1,w:u,h:c,vW:s[2],vH:s[3]}}function V(n,e,t){function r(t){void 0===t&&(t=0);var r=e+t>=1?e+t:0;return n.el.getPointAtLength(r)}var a=H(n.el,n.svg),o=r(),u=r(-1),i=r(1),c=t?1:a.w/a.vW,s=t?1:a.h/a.vH;switch(n.property){case"x":return(o.x-a.x)*c;case"y":return(o.y-a.y)*s;case"angle":return 180*Math.atan2(i.y-u.y,i.x-u.x)/Math.PI}}function $(n,e){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,r=S(i.pth(n)?n.totalLength:n,e)+"";return{original:r,numbers:r.match(t)?r.match(t).map(Number):[0],strings:i.str(n)||e?r.split(t):[]}}function W(n){return m(n?y(i.arr(n)?n.map(b):b(n)):[],function(n,e,t){return t.indexOf(n)===e})}function X(n){var e=W(n);return e.map(function(n,t){return{target:n,id:t,total:e.length,transforms:{list:E(n)}}})}function Y(n,e){var t=x(e);if(/^spring/.test(t.easing)&&(t.duration=s(t.easing)),i.arr(n)){var r=n.length;2===r&&!i.obj(n[0])?n={value:n}:i.fnc(e.duration)||(t.duration=e.duration/r)}var a=i.arr(n)?n:[n];return a.map(function(n,t){var r=i.obj(n)&&!i.pth(n)?n:{value:n};return i.und(r.delay)&&(r.delay=t?0:e.delay),i.und(r.endDelay)&&(r.endDelay=t===a.length-1?e.endDelay:0),r}).map(function(n){return k(n,t)})}function Z(n,e){var t=[],r=e.keyframes;for(var a in r&&(e=k(function(n){for(var e=m(y(n.map(function(n){return Object.keys(n)})),function(n){return i.key(n)}).reduce(function(n,e){return n.indexOf(e)<0&&n.push(e),n},[]),t={},r=function(r){var a=e[r];t[a]=n.map(function(n){var e={};for(var t in n)i.key(t)?t==a&&(e.value=n[t]):e[t]=n[t];return e})},a=0;a0?requestAnimationFrame(e):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",function(){en.suspendWhenDocumentHidden&&(nn()?n=cancelAnimationFrame(n):(K.forEach(function(n){return n._onDocumentVisibility()}),U()))}),function(){n||nn()&&en.suspendWhenDocumentHidden||!(K.length>0)||(n=requestAnimationFrame(e))}}();function nn(){return!!document&&document.hidden}function en(t){void 0===t&&(t={});var r,o=0,u=0,i=0,c=0,s=null;function f(n){var e=window.Promise&&new Promise(function(n){return s=n});return n.finished=e,e}var l,d,p,v,h,g,y,b,M=(d=w(n,l=t),p=w(e,l),v=Z(p,l),h=X(l.targets),g=_(h,v),y=R(g,p),b=J,J++,k(d,{id:b,children:[],animatables:h,animations:g,duration:y.duration,delay:y.delay,endDelay:y.endDelay}));f(M);function x(){var n=M.direction;"alternate"!==n&&(M.direction="normal"!==n?"normal":"reverse"),M.reversed=!M.reversed,r.forEach(function(n){return n.reversed=M.reversed})}function O(n){return M.reversed?M.duration-n:n}function C(){o=0,u=O(M.currentTime)*(1/en.speed)}function P(n,e){e&&e.seek(n-e.timelineOffset)}function I(n){for(var e=0,t=M.animations,r=t.length;e2||(b=Math.round(b*p)/p)),v.push(b)}var k=d.length;if(k){g=d[0];for(var O=0;O0&&(M.began=!0,D("begin")),!M.loopBegan&&M.currentTime>0&&(M.loopBegan=!0,D("loopBegin")),d<=t&&0!==M.currentTime&&I(0),(d>=l&&M.currentTime!==e||!e)&&I(e),d>t&&d=e&&(u=0,M.remaining&&!0!==M.remaining&&M.remaining--,M.remaining?(o=i,D("loopComplete"),M.loopBegan=!1,"alternate"===M.direction&&x()):(M.paused=!0,M.completed||(M.completed=!0,D("loopComplete"),D("complete"),!M.passThrough&&"Promise"in window&&(s(),f(M)))))}return M.reset=function(){var n=M.direction;M.passThrough=!1,M.currentTime=0,M.progress=0,M.paused=!0,M.began=!1,M.loopBegan=!1,M.changeBegan=!1,M.completed=!1,M.changeCompleted=!1,M.reversePlayback=!1,M.reversed="reverse"===n,M.remaining=M.loop,r=M.children;for(var e=c=r.length;e--;)M.children[e].reset();(M.reversed&&!0!==M.loop||"alternate"===n&&1===M.loop)&&M.remaining++,I(M.reversed?M.duration:0)},M._onDocumentVisibility=C,M.set=function(n,e){return z(n,e),M},M.tick=function(n){i=n,o||(o=i),B((i+(u-o))*en.speed)},M.seek=function(n){B(O(n))},M.pause=function(){M.paused=!0,C()},M.play=function(){M.paused&&(M.completed&&M.reset(),M.paused=!1,K.push(M),C(),U())},M.reverse=function(){x(),M.completed=!M.reversed,C()},M.restart=function(){M.reset(),M.play()},M.remove=function(n){rn(W(n),M)},M.reset(),M.autoplay&&M.play(),M}function tn(n,e){for(var t=e.length;t--;)M(n,e[t].animatable.target)&&e.splice(t,1)}function rn(n,e){var t=e.animations,r=e.children;tn(n,t);for(var a=r.length;a--;){var o=r[a],u=o.animations;tn(n,u),u.length||o.children.length||r.splice(a,1)}t.length||r.length||e.pause()}return en.version="3.2.1",en.speed=1,en.suspendWhenDocumentHidden=!0,en.running=K,en.remove=function(n){for(var e=W(n),t=K.length;t--;)rn(e,K[t])},en.get=A,en.set=z,en.convertPx=D,en.path=function(n,e){var t=i.str(n)?g(n)[0]:n,r=e||100;return function(n){return{property:n,el:t,svg:H(t),totalLength:q(t)*(r/100)}}},en.setDashoffset=function(n){var e=q(n);return n.setAttribute("stroke-dasharray",e),e},en.stagger=function(n,e){void 0===e&&(e={});var t=e.direction||"normal",r=e.easing?h(e.easing):null,a=e.grid,o=e.axis,u=e.from||0,c="first"===u,s="center"===u,f="last"===u,l=i.arr(n),d=l?parseFloat(n[0]):parseFloat(n),p=l?parseFloat(n[1]):0,v=C(l?n[1]:n)||0,g=e.start||0+(l?d:0),m=[],y=0;return function(n,e,i){if(c&&(u=0),s&&(u=(i-1)/2),f&&(u=i-1),!m.length){for(var h=0;h-1&&K.splice(o,1);for(var s=0;s + */ + +"use strict";var MoveTo=function(){var e={tolerance:0,duration:800,easing:"easeOutQuart",container:window,callback:function(){}};function o(t,n,e,o){return t/=o,-e*(--t*t*t*t-1)+n}function v(n,e){var o={};return Object.keys(n).forEach(function(t){o[t]=n[t]}),Object.keys(e).forEach(function(t){o[t]=e[t]}),o}function d(t){return t instanceof HTMLElement?t.scrollTop:t.pageYOffset}function t(){var t=0