/* Media Queries ---------------------------*/ /*@custom-media --smvp ( max-width: 375px); @custom-media --mvp ( min-width: 376px); @custom-media --tbvp ( min-width: 600px); @custom-media --lgvp ( min-width: 769px); @custom-media --xlgvp ( min-width: 1481px);*/ /* Max-width */ /* Navigation Media Queries ---------------------------*/ :root { /* Widths */ /* Colors */ /* PNO colors */ /* WHITE */ /* ROUGE */ /* NAVY BLUE */ /* GOLD */ /* GRAY */ /* GRAY */ /* Brand Global Header Color */ /* ROUGE */ /* BLUE */ /* PAMAPAS */ /* RED */ /* DEEP NAVY */ /* FUN BLUE */ /* FUN BLUE Light*/ /* FUN BLUE Lighter*/ /*BORDER BLUE*/ /* for internet packages we dont have existing colour code * / /*BORDER BLUE*/ /* Transparent Colors */ /* Fonts */ /* PNO Fonts */ /*--font-body1: 'NeutraText-book'; --font-body1-demi: 'NeutraText-demi'; --font-body2: 'NeutraText-book'; --font-body2-demi: 'NeutraText-demi'; --font-body3: 'NeutraText-book'; --font-body3-text-demi: 'NeutraText-demi'; --font-small-text: 'NeutraText-book'; --font-cta: 'NeutraDisplay-bold'; --font-cta-medium: 'NeutraDisplay-medium'; --font-cta-sabon: 'Sabon-roman'; --font-cta-demi: 'NeutraText-demi'; --font-cta-SabonLTStd-Italic: 'Sabon-italic'; --font-cta-book: 'NeutraText-book'; --font-italic: 'Sabon-italic'; --font-bold: 'NeutraText-bold'; --font-legend: 'NeutraDisplay-bold'; --font-neutra-text-bold: 'NeutraText-bold'; --font-neutra-text-demi: 'NeutraText-demi';*/ /* Opaque backgrounds */ /* LIGHT BLACK */ /* BLUE */ /* DEEP BLACK */ /* WHITE */ /* Media Image Background*/ /* DEEP BLUE */ /* OVERLAY BLUE */ /* Box shadow*/ /* New Shorex Common variable */ /* Icons */ /* Gradient */ /*transition*/ } /* stylelint-disable */ /* No need for mixin file */ :root { /* Fonts Mixins */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /*cta primary light blue*/ /*cta primary rouge*/ /* BUTTONS HAVING DARK BACKGROUND*/ /* BUTTONS OUTLINE*/ /* cta secondary blue with underline */ /* cta secondary blue with arrow */ /* cta secondary blue with arrow view more */ /* Box Shadow */ /* Flex Box */ /* Input - Checkbox */ /* Input - Text */ /* Rotate 45 deg */ /* reset default button style */ /* Ribbon */ /* Apply blue outline on focus */ /* Carousel controls */ /* paginator controls */ /* Component margin */ /* Bottom margin for components */ /* Custom component padding for cruise-detail page components */ /* Custom padding top for cruise-details page components */ /* Grid */ /* Usage : .component-inner-wrap { @mixin grid-wrap;} */ /* define max-height HetoTile */ /* Input Field styles with error states */ /* mixin product Row */ /* Box Sizing */ /* responsive font size of card cta */ } /* stylelint-enable */ /* Configuration */ /* Import other common styles here. */ /* Configuration */ /* Configuration */ /* Dependencies */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; /* margin: 0.67em 0; */ } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* * Buttons are taking some rounded corner in mac so reset it to 0 by default */ button { border-radius: 0; } /* PNO Fonts */ /* Greycliff CF */ @font-face { font-family: 'GreycliffCF-light'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/GreycliffCF-Light.otf), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/GreycliffCF-Light.woff); } @font-face { font-family: 'GreycliffCF-medium'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/GreycliffCF-Medium.otf), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/GreycliffCF-Medium.woff); } @font-face { font-family: 'GreycliffCF-bold'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/GreycliffCF-Bold.otf), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/GreycliffCF-Bold.woff); } /*praxisCom*/ @font-face { font-family: 'PraxisCom-Light'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Light.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Light.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Light.ttf) format('truetype'); } @font-face { font-family: 'PraxisCom-Light-Oblique'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-LightOblique.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-LightOblique.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-LightOblique.ttf) format('truetype'); } @font-face { font-family: 'PraxisCom-Oblique'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Oblique.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Oblique.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Oblique.ttf) format('truetype'); } @font-face { font-family: 'PraxisCom-Regular'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Regular.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Regular.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Regular.ttf) format('truetype'); } @font-face { font-family: 'PraxisCom-Semibold'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Semibold.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Semibold.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Semibold.ttf) format('truetype'); } @font-face { font-family: 'PraxisCom-Semibold-Oblique'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-SemiboldOblique.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-SemiboldOblique.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-SemiboldOblique.ttf) format('truetype'); } @font-face { font-family: 'PraxisCom-Bold'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Bold.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Bold.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-Bold.ttf) format('truetype'); } @font-face { font-family: 'PraxisCom-Bold-Oblique'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-BoldOblique.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-BoldOblique.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/PraxisCom-BoldOblique.ttf) format('truetype'); } /*font cc login*/ @font-face { font-family: 'Constantia'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/Constantia.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/Constantia.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/Constantia.ttf) format('truetype'); } @font-face { font-family: 'Corbel'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/Corbel.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/Corbel.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/Corbel.ttf) format('truetype'); } /*icofont*/ @font-face { font-family: 'Icomoon'; src: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/icomoon.woff) format('woff'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/icomoon.woff2) format('woff2'), url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/fonts/icomoon.ttf) format('truetype'); } @font-face { font-family: 'Icomoon_extension'; src: url(data:font/woff;base64,d09GRgABAAAAAA10AAsAAAAADSgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGSGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAACWQAAAlkvD6/J2hlYWQAAAsoAAAANgAAADYhvvMDaGhlYQAAC2AAAAAkAAAAJAj7BQBobXR4AAALhAAAABgAAAAYEFgABmxvY2EAAAucAAAADgAAAA4E2gJMbWF4cAAAC6wAAAAgAAAAIAAVAbBuYW1lAAALzAAAAYYAAAGGmUoJ+3Bvc3QAAA1UAAAAIAAAACAAAwAAAAMEHQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAACAAG//QFHAOMAC4AYgCJAKoA7AEsAU8BbQAAAQ4BBwYHDgEHBgcOAQcUFhcWFx4BFxYXFjc+ATc2Nz4BJy4BJyYnLgEnJicuAQcXHgEXHgEXHgEVFAYHDgEHBgcOAQcGBwYiJyYnLgEnJicuATc2Nz4BNzY3PgE3PgE3NhYXBw4BBwYHDgEXFhceARcWFx4BNzY3PgE3NjQnLgEnLgEnLgEnJiIHFx4BFx4BFxYUBwYHDgEHBgcGJicmJy4BNzY3PgE3NhYXJQ4BBwYUFx4BHwEHFAYHDgEXMhYVFBYXFjY3PgEnNCY9ATc+ATc2JicuATU0JicuASMiBg8BJy4BIyIGDwEnLgEHFx4BFxYGBw4BBwYHDgEXFBcWBgcGJicuATc2Nz4BNTQvAi4BJyY3PgE3Njc+ATsBFTM1MxUzNTQmJyY2OwEXJQ4BBw4BFx4BHwEVFBYXHgEXFjY/AjY1NDY1NDURIyIGBxMOAScuAT0BJy4BJy4BNTQ2Nz4BPwETFBUcARUGFQJ3KE8mLygoPxYVCwUCAQIEECYnbkVFTj88PGouLiInJQMBBwgMFxc9JiYsOoA/ZkN7MDI+DwQCAgQHEQ4XIiFSMDA1FFEURDs7XSAhDwYCBQgODiscHCEXSBwSNxATOxNsJkwdNyEhFQwNJgwtEioxMWQyMSw5Sg0FBAYaFAw6Eh9EIxVCFIEmSBwhLAgDAwkaGksvMDRCcDAmFxYNCgocIGc+G1Mb/SsLBgQGBAINCBMBAgICAQEBAhIIDycNDAMBARIRCwEBAgIBAwQFBQgHChECAQQEDgkKDgMDAgIaC4MBAwIDBhUGCwICAQEBAQEDAwwJEQYFAgEDAQIDAQIVDAoBAQECAwICAgECBgcfFR4BAgEFBQwBBFsMJg0UEwICDQ0HAgEDEw0PHwUGAQEBDAUNAwEBBgcRBAYHDAUDAQsQBhUIBwEBA4wEGBIYISFRLzA1FhwoJh4TTUJCYR4dBQQMDDUoKTU6iUgfLh0uKytKHh4VHRYGIAk6Li9xRBEdJSUdER4yGy8oJzsUFAgDAwscHVg5OUMdYB8pJiZGHx4ZEiUJBgwBAgICXwcfFig3OHpAPzgSLw4gEBEDDg0dJm9CGEoYIUIdEjoMFRsGAwMkCiobIVUuEj8TNC0tQxQUAgMqLiUuLWMyMi41SQ0GAgeWBh1LXUQKBBIHE7ZUjyclMAEDAQUSBQcGDAscTSaeR64QERsdDUYkJDgEBAgFBgMMCQkICgoKCQkIDQsFLwlAI1IlEwYMAgQZGFpAQFOYKgYFBAgFCA4cQUGSQkIeNBYNDgUEHx9MIyMLCQPAwMBgOCgBAQEYLwQsGieRWjdAEgu7WWcECg8DAwQFBrMmNjV7Pz84AQ0CAfyUAgEBASWmxAQEHRUPJjRVXCQQIwgH/l5WTUxzISIBAAAOAAD/wAU5A8AAGwAoAEoAowC5AM8A+wE2AU8BWwF0AYABoAGtAAABIiYnLgEnLgEnLgEnJjY3PgEXHgEHFAYHDgEjJx4BFx4BFy4BJyYGBwMiJicuAScuATc+ARceARcuAScuATc+ARceAQcOAQcwIjEHIiYnLgEnLgE3PgEXHgEXFjc+ATc2Nz4BNyYnLgEnJicmJy4BJyYnDgEHDgEnLgE3PgE3PgEzMTIWFxYXHgEXFhcWFx4BFxYXMhYXHgEVDgEHBgcOAQcGIyciJicmNjc+ATc+ARceAQcOAQcOASM3IiYnLgE3PgE3PgEXHgEHDgEHDgEjNzAmIy4BNz4BNTQmJw4BBwYmJzQ2Nz4BNzYWFx4BFx4BFRQHDgEHBgcOASMBIicuAScmNTQ2Nz4BNzYyFxYXHgE3Mjc2FhcWBiMGIwYmJyYnDgEVFBceARcWMzI2NzYWFxYGBw4BIwEiJicuATc+ATMyFhcWBgcOAScmIgcwIiM3MhYXLgEjIgYHPgEFMCIjJiIHBiYnLgE3PgEzMhYXFgYHDgEjJzIWFy4BIyIGBz4BAyInLgEnJic0Njc2FhceATMyNjc+ARceAQcGBw4BBwYnHgEzMjY3DgEjIiYnBEwCBQIULBcYMBgEBgEBAwMjTiIhJAMFBAEDApkSJBERIRAEGRQTLhdRBAYCF0QpBQQDAwwGIj0YAjkuBQQDAw0FRUATAQcEApMhPx4GCwYFAwMEDAUFCwVHU1SoTk06GiYNLCssVysrKiknJ0kiIR4eNxcDDQUGAwMaPiMDBQQDBgIeISFKKCgqKiwsWC0tLAMGAgIBDSodMT9AjUpJRo0DBwIEAgUrSx0DDAUGBAIfTy8CBAOYAgMCBgQDCA4GAgwGBgYDBg8IAggEHQQBBgYCGBkNDTNuOgYKAQcHPHI2AwYDAwQBEA8DAw0JCQ0BCAX+pFVLS3AhIBAPAQQDAwYENzw7fUBBQQYKAQEIB0BAQHw8PDgMDR4eZ0ZFTylPJQUNBAQCBilYLv7oAwYDAgEBEkAmJUASAgICAwgEMWoyAgFqEyYTDycWFigPEyYB2QIBMWsxBAgDAgEBEkAmJUASAgEDAgcDaRMmEw8nFhYoDxMmmiklJDcREQIEBAQJBCRdMzJdJAQJBAQFAQIREDgkJNQNXz8+YAwlVy4vVyUBYQECDxwMCxMHAQYEBQgCHQ4REUgsBAgBAQF0Bg8JCRMLGScKCgMM/oQCAxs0FgMMBgUEAxMrFyBIGgMMBgUEBCZuLwMFAYYPDgMHBAQMBQYDBAMGAyMMDGdXV3I0aTYFCQkaEREVFRgYNx4dICRQKwYEBAMMBjBaKAIDAgMhHh84GRkVFRIRGggJBAQCAwYDPHY5YU5Obx0eJwQDBQ0DIGI9BgQCAwwGQWciAgLFAQEDCwYRJBEHBQICDAYSJRIEBUgBAgwGRZlPOXA1ExsHAQgGBwoBBx0VAgEBAgUDO3xAKSgpTiYmIwUG/rkzM7B2d4ZAfDsDBQECARYPDw8BCAEIBgcKCQEODg4VNXA5gHFwqDEwHBsEAgUFDQQeHwIsAwMDCQQpLy8pBAkDAwMBCQkoAwIUGBgUAgMpCgoBAwQDCAQpMDApBAgDAwMpAwIUGBgUAgP+QBISPysqMQUIAgIBAx4fHx4DAQICCAUxKis/EhLKSmFhShgYGRcAAAEAAAAAAADGSpwXXw889QALBAAAAAAA3rPXQwAAAADes9dDAAD/wAU5A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABTkAAAAABTkAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABR8ABgU5AAAAAAAAAAoAFAAeAjgEsgAAAAEAAAAGAa4ADgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'), url(data:font/woff2;base64,d09GMgABAAAAAAhIAA0AAAAADsgAAAf0AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGhgGYACCZBEICpJYjjQLEAABNgIkAxwEIAWDGwdQG7QLUZRsUh3iiwTbWPpDH0CFCg8YjLhtt37mmyYJoWlwp5+nbfX+BINIKGiDlBirhwNWkbJGkXZvdPXB8+9v7Nz3PxlGKCQInUQku2lpxmIobpamLTpL0GzbqE/d7wegCYjJ86w24B4n6KM5be1mEdxYMeuSUUM1l9jU3ocLI+SD6/dr9e/d7fQTMzQUQqalJ/gibtE0iWYqoZCoHxp+lgqURiKETmyEnDhGZ/jBB9VoOwCgebhtmfWRDd/fckMP0ljPLuAGGBCivIx3LzQRSIA9sLMAMIG9C/pBZFwAKkMTqGrAK4QfdB4ETavCrQKSKAAXhYRZD1BGaKIn6DJjYcJgEMkXOf85nQBA1EGn82n3/VjciV0WcCSGhTMTqAEUpa4FbGv/ZgAByiDo78RDVAau4puGrwD4G4lGFDSLidvKByKigqU6zYzkt5AjK/SK8ERf9sgt4SCUUZ+tGHfSfoHhG2W2PTWnUZhGGYcfh54l9brvXuxusifrtjjhrPWNDfbW5M+RiuOYmWnv5Eb0mriT/gXj8OiiVX0X8EnYP1WakrD1tnUJXn72Xn5UhLZiyEf3DUpne5zLfTrwSqbntm9xeHpPcjv3L2iNY5aMFd5GoZckcrRM12y0+0WQU67qtlg+X78vpmVSjE21H9Q8lcNK60AU+j7jyqyiOpblvTojFLzGGxYHJOfKIDNME6MXPIvVwEeWPDxt9iI/BMAhz0apFpbZtH7JSU1eVAQNKqhoNz324UJPxKlcy6quUENaByX1XPEB3z5TL3IDbbOzLRtc81SLuMSych0LgoOkPYh3tWZmKsRSsqCYMbebSVtGYmtbuYUDAwbaoNFmLJ2dKupHLZ1L/CkJNXAA2Jcd7sVTulsefQcr5tu7xgnTHbIsnn6GuuKjROEArhvFOvqpHWloVWo2GhVxoLL7Ij9qPOKEM871VW1gjPDs3ZbUWW9FY0ajmy2nhAUao+jDBt16pexXaQxhGcqwj952FNn2mCMmbRochpApLzUMtp/6QSbE3reKZS9ogEmdHu1/lkxLreEsAaGPuGQRAGpGR5iZ81MityxZcb4OPJIpHh31Ao6iTZz2NJpGcBycyBwjicZFP0FWU/+t29+Gts//phkCxJNh0A04xhxu9wyjT3L5+J/ycix4X4bd76XPaD37U25V6JYsxdOe5G7akK7xf+JOIqS913GCrNGcEIA/3eDpsdPGm+Od/6Jjx5S8stylRn8qSKTmZSm0QdrWCoPIIMwmnuzZ0xh146ZHY+BIzMRt7buvqSkpvbR069wBns9qxTpm7/h/AckduXpaqFAI6VZ0u82bkZ/w5YtJna/Ws9asLXH8ZHJ1Jag8p+e1a+2M+/cxK02BOz2bP0oXSZvL7JkBx+oZlEevA+cdm86LFvCgukTsvcPS29haU0Zsnq82adMs/6d6P4VOpx4oLzSF7oawaz9pqmzI3LkZuidfVFqsQ+g/a2sJu2rSpH1f69rfXWZGy69OW1aCZ5AlhnjBoe4y2GZF4708eIBmRLp3fV57ZncYZG0wz7ReDKvZbGQU4MEEEWswdqZYrj7M2PhbLqxbISHewtlLByuZEXws36qzrXEXMCkoHDVgrhmh24biDoM3Jww00WCTdDqOwLh3HoFzA7BMPt+PyWdQB8UHPQ8GVMRRbqAZ2JRxY8SW4lMx/Imo0OvCoaY9hagOD1UefvzEYIPNZEw09D5S4zhs8pAEBHeUVwFRz6OW6r0GJRllYxV/Kdf1qINF9uysLlKEwPCpxDTuKXuae3/uTttwIlgans1xA/kZRphokNTMLp4pTCb2O254fOjl5rw+RD6/SR85TJeoCNxi5p/uLo4z3ZL/Xx7RGxSprUqshgbM5GHS9/fMyy36sMDozXrdMl2azOxqcV1Rl23Pssd3mqJoOLZ15U6778KFU4fW17ePEbEfXInJbVIc0ZvDFAuSC4OlOgLwC/8ih5se27Pn1KmbNjp8T5zcglvc+SR+JrTbSboiJTs1e2xburC9KG1sEF7NjxLqNmRUnlVs0ZoTPQM0OXWP3FX4jKOYxM2coOh4Jc9ra35+sSL/aSdBV0JoAjr5xZ7eBp+ZufHsDkdlrX7T82aQVGPF9k5CqzRPIo3CfnP7aEKDQ9jZw4YdJrqRxWm2DHWGusMGSTdx9+EaXp/XWJREyqBr96/vy/2o1VB5M0hGL+qn5mMfzr59XbeyO8QPFHUUdahbYaQNEbmhOf4Z+kNRUULLOEeA0jsMN8v4TNzn/yDF/z4CH76sM81s8gEsjcECs/RJvZdXjydS880QwOLS7EJ3lvMp3Md5FM4UUDJ+Fd4Q4vmhWQdCtao2losbGatSDVQnlwREqklvsnqgYpWJcHP53Z/9kSun2OllFakp5RWu6Sa7tzLC7pN2gfjdAGB6XW4t5yV9Y7oScPVpAZwHyfiLUmJmGSiv+CwAuQMw1yBgojoY0Q1E7AS5ABbUgJymsh641kOglWujRUsIxU0EDEMARw0QWBAmuepZzzDh1DkWP5cD9ai7KNzqAhj6AI40ENg+TPJSUc8oODRLlihzoVG1Dlp10EEbaLwNWEiHNgCzWvW6aVGpM3grzdNAyBFzebtanXXRuF1CRYkGd7/dUKWkwylNtbkriXq12hqLr9RVrZq+Kr0YSq+Y3a8EjzPuu2+mP726w983eQsADGREAVSABQc8BCKpbm2NNFSzGpXbGE/TDSo=) format('woff2'), url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBkgAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zrw+vycAAAF4AAAJZGhlYWQhvvMDAAAK3AAAADZoaGVhCPsFAAAACxQAAAAkaG10eBBYAAYAAAs4AAAAGGxvY2EE2gJMAAALUAAAAA5tYXhwABUBsAAAC2AAAAAgbmFtZZlKCfsAAAuAAAABhnBvc3QAAwAAAAANCAAAACAAAwQdAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAIAAb/9AUcA4wALgBiAIkAqgDsASwBTwFtAAABDgEHBgcOAQcGBw4BBxQWFxYXHgEXFhcWNz4BNzY3PgEnLgEnJicuAScmJy4BBxceARceARceARUUBgcOAQcGBw4BBwYHBiInJicuAScmJy4BNzY3PgE3Njc+ATc+ATc2FhcHDgEHBgcOARcWFx4BFxYXHgE3Njc+ATc2NCcuAScuAScuAScmIgcXHgEXHgEXFhQHBgcOAQcGBwYmJyYnLgE3Njc+ATc2FhclDgEHBhQXHgEfAQcUBgcOARcyFhUUFhcWNjc+ASc0Jj0BNz4BNzYmJy4BNTQmJy4BIyIGDwEnLgEjIgYPAScuAQcXHgEXFgYHDgEHBgcOARcUFxYGBwYmJy4BNzY3PgE1NC8CLgEnJjc+ATc2Nz4BOwEVMzUzFTM1NCYnJjY7ARclDgEHDgEXHgEfARUUFhceARcWNj8CNjU0NjU0NREjIgYHEw4BJy4BPQEnLgEnLgE1NDY3PgE/ARMUFRwBFQYVAncoTyYvKCg/FhULBQIBAgQQJiduRUVOPzw8ai4uIiclAwEHCAwXFz0mJiw6gD9mQ3swMj4PBAICBAcRDhciIVIwMDUUURREOztdICEPBgIFCA4OKxwcIRdIHBI3EBM7E2wmTB03ISEVDA0mDC0SKjExZDIxLDlKDQUEBhoUDDoSH0QjFUIUgSZIHCEsCAMDCRoaSy8wNEJwMCYXFg0KChwgZz4bUxv9KwsGBAYEAg0IEwECAgIBAQECEggPJw0MAwEBEhELAQECAgEDBAUFCAcKEQIBBAQOCQoOAwMCAhoLgwEDAgMGFQYLAgIBAQEBAQMDDAkRBgUCAQMBAgMBAhUMCgEBAQIDAgICAQIGBx8VHgECAQUFDAEEWwwmDRQTAgINDQcCAQMTDQ8fBQYBAQEMBQ0DAQEGBxEEBgcMBQMBCxAGFQgHAQEDjAQYEhghIVEvMDUWHCgmHhNNQkJhHh0FBAwMNSgpNTqJSB8uHS4rK0oeHhUdFgYgCTouL3FEER0lJR0RHjIbLygnOxQUCAMDCxwdWDk5Qx1gHykmJkYfHhkSJQkGDAECAgJfBx8WKDc4ekA/OBIvDiAQEQMODR0mb0IYShghQh0SOgwVGwYDAyQKKhshVS4SPxM0LS1DFBQCAyouJS4tYzIyLjVJDQYCB5YGHUtdRAoEEgcTtlSPJyUwAQMBBRIFBwYMCxxNJp5HrhARGx0NRiQkOAQECAUGAwwJCQgKCgoJCQgNCwUvCUAjUiUTBgwCBBkYWkBAU5gqBgUECAUIDhxBQZJCQh40Fg0OBQQfH0wjIwsJA8DAwGA4KAEBARgvBCwaJ5FaN0ASC7tZZwQKDwMDBAUGsyY2NXs/PzgBDQIB/JQCAQEBJabEBAQdFQ8mNFVcJBAjCAf+XlZNTHMhIgEAAA4AAP/ABTkDwAAbACgASgCjALkAzwD7ATYBTwFbAXQBgAGgAa0AAAEiJicuAScuAScuAScmNjc+ARceAQcUBgcOASMnHgEXHgEXLgEnJgYHAyImJy4BJy4BNz4BFx4BFy4BJy4BNz4BFx4BBw4BBzAiMQciJicuAScuATc+ARceARcWNz4BNzY3PgE3JicuAScmJyYnLgEnJicOAQcOAScuATc+ATc+ATMxMhYXFhceARcWFxYXHgEXFhcyFhceARUOAQcGBw4BBwYjJyImJyY2Nz4BNz4BFx4BBw4BBw4BIzciJicuATc+ATc+ARceAQcOAQcOASM3MCYjLgE3PgE1NCYnDgEHBiYnNDY3PgE3NhYXHgEXHgEVFAcOAQcGBw4BIwEiJy4BJyY1NDY3PgE3NjIXFhceATcyNzYWFxYGIwYjBiYnJicOARUUFx4BFxYzMjY3NhYXFgYHDgEjASImJy4BNz4BMzIWFxYGBw4BJyYiBzAiIzcyFhcuASMiBgc+AQUwIiMmIgcGJicuATc+ATMyFhcWBgcOASMnMhYXLgEjIgYHPgEDIicuAScmJzQ2NzYWFx4BMzI2Nz4BFx4BBwYHDgEHBiceATMyNjcOASMiJicETAIFAhQsFxgwGAQGAQEDAyNOIiEkAwUEAQMCmRIkEREhEAQZFBMuF1EEBgIXRCkFBAMDDAYiPRgCOS4FBAMDDQVFQBMBBwQCkyE/HgYLBgUDAwQMBQULBUdTVKhOTToaJg0sKyxXKysqKScnSSIhHh43FwMNBQYDAxo+IwMFBAMGAh4hIUooKCoqLCxYLS0sAwYCAgENKh0xP0CNSklGjQMHAgQCBStLHQMMBQYEAh9PLwIEA5gCAwIGBAMIDgYCDAYGBgMGDwgCCAQdBAEGBgIYGQ0NM246BgoBBwc8cjYDBgMDBAEQDwMDDQkJDQEIBf6kVUtLcCEgEA8BBAMDBgQ3PDt9QEFBBgoBAQgHQEBAfDw8OAwNHh5nRkVPKU8lBQ0EBAIGKVgu/ugDBgMCAQESQCYlQBICAgIDCAQxajICAWoTJhMPJxYWKA8TJgHZAgExazEECAMCAQESQCYlQBICAQMCBwNpEyYTDycWFigPEyaaKSUkNxERAgQEBAkEJF0zMl0kBAkEBAUBAhEQOCQk1A1fPz5gDCVXLi9XJQFhAQIPHAwLEwcBBgQFCAIdDhERSCwECAEBAXQGDwkJEwsZJwoKAwz+hAIDGzQWAwwGBQQDEysXIEgaAwwGBQQEJm4vAwUBhg8OAwcEBAwFBgMEAwYDIwwMZ1dXcjRpNgUJCRoRERUVGBg3Hh0gJFArBgQEAwwGMFooAgMCAyEeHzgZGRUVEhEaCAkEBAIDBgM8djlhTk5vHR4nBAMFDQMgYj0GBAIDDAZBZyICAsUBAQMLBhEkEQcFAgIMBhIlEgQFSAECDAZFmU85cDUTGwcBCAYHCgEHHRUCAQECBQM7fEApKClOJiYjBQb+uTMzsHZ3hkB8OwMFAQIBFg8PDwEIAQgGBwoJAQ4ODhU1cDmAcXCoMTAcGwQCBQUNBB4fAiwDAwMJBCkvLykECQMDAwEJCSgDAhQYGBQCAykKCgEDBAMIBCkwMCkECAMDAykDAhQYGBQCA/5AEhI/KyoxBQgCAgEDHh8fHgMBAgIIBTEqKz8SEspKYWFKGBgZFwAAAQAAAAAAAMZKnBdfDzz1AAsEAAAAAADes9dDAAAAAN6z10MAAP/ABTkDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAFOQAAAAAFOQABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAFHwAGBTkAAAAAAAAACgAUAB4COASyAAAAAQAAAAYBrgAOAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'); } /********************** Scaling layout : Start ********************/ /* html { font-size: 1px; font-size: calc( 100vw * (1/320) * 10); @media ( --mvp ) { font-size: calc( 100vw * (1/768) * 10); } @media ( --lgvp ) { font-size: calc( 100vw * (1/1480) * 10); font-size: 10px; } @media ( --nav-xlgvp ) { font-size: 10px; } } */ /********************** Scaling layout : End ********************/ body { -webkit-font-smoothing: antialiased; } #oSPe_callback_container { display: none; } img, video { width: 100%; } .code { color: white; font-size: 0.875rem; display: block; background-color: black; border: solid gray 2px; padding: 5px; margin: 5px 0; } h1 { font-family: 'GreycliffCF-light'; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: normal; } @media (min-width: 768px) { h1 { font-size: 2.5rem; line-height: 1.25; } } h2 { font-family: 'GreycliffCF-light'; font-size: 1.25rem; line-height: 1.4375rem; letter-spacing: 0; font-weight: normal; color: #002776; } @media (min-width: 768px) { h2 { font-size: 1.875rem; line-height: 1.875rem; } } h3 { font-family: 'GreycliffCF-medium'; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: -0.02em; color: #002776; font-weight: normal; } @media (min-width: 768px) { h3 { font-size: 1.5rem; line-height: 1.75rem; } } h4 { font-family: 'GreycliffCF-medium'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: -0.02em; color: #002776; font-feature-settings: 'case' 1; font-weight: normal; } @media (min-width: 768px) { h4 { font-size: 1.25rem; line-height: 1.25rem; } } h5 { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } h6 { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } .h1 { font-family: 'GreycliffCF-light'; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: normal; } @media (min-width: 768px) { .h1 { font-size: 2.5rem; line-height: 1.25; } } .h2 { font-family: 'GreycliffCF-light'; font-size: 1.25rem; line-height: 1.4375rem; letter-spacing: 0; font-weight: normal; color: #002776; } @media (min-width: 768px) { .h2 { font-size: 1.875rem; line-height: 1.875rem; } } .h3 { font-family: 'GreycliffCF-medium'; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: -0.02em; color: #002776; font-weight: normal; } @media (min-width: 768px) { .h3 { font-size: 1.5rem; line-height: 1.75rem; } } .h4 { font-family: 'GreycliffCF-medium'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: -0.02em; color: #002776; font-feature-settings: 'case' 1; font-weight: normal; } @media (min-width: 768px) { .h4 { font-size: 1.25rem; line-height: 1.25rem; } } .h5 { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } .h6 { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } .h6-light { font-family: 'GreycliffCF-light'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } .body1 { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .body1 { font-size: 1.125rem; line-height: 1.625rem; } } .body2 { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .body2 { font-size: 1rem; line-height: 1.375rem; } } /*.body2-demi { @mixin font-body2-demi; }*/ .body3 { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; } .body-text-small { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0; /*font-feature-settings: 'lnum' 1;*/ color: #666666; } .cta-primary { /* TODO: add hover states */ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .cta-primary { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .cta-primary:hover { background: #b0263a; } .cta-primary:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-primary:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-primary-light-blue { /* TODO: add hover states */ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .cta-primary-light-blue { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .cta-primary-light-blue:hover { background: #b0263a; } .cta-primary-light-blue:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-primary-light-blue:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-primary-light-blue { background: #0076CE; color: #FFFFFF; } .cta-primary-light-blue:hover { background: #3e90cf; color: #FFFFFF; } .cta-primary-light-blue:visited { background: #3e90cf; color: #FFFFFF; } .cta-primary-light-blue:active { background: #005ea6; color: #FFFFFF; outline-color: #002776; } .cta-primary-light-blue:focus { background: #005ea6; color: #FFFFFF; outline-color: #002776; } .cta-button-dark { /* TODO: add hover states */ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .cta-button-dark { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .cta-button-dark:hover { background: #b0263a; } .cta-button-dark:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-button-dark:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-button-dark:active { outline-color: #FFFFFF; } .cta-button-dark:focus { outline-color: #FFFFFF; } .cta-disabled { opacity: 0.3; cursor: default; pointer-events: none; } .cta-secondary { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-secondary { font-size: 1.125rem; line-height: 1.125rem; } } .cta-secondary { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .cta-secondary:hover { color: #3e90cf; } .cta-secondary:hover:before { background: #3e90cf; } .cta-secondary:active, .cta-secondary:focus { color: #005ea6; } .cta-secondary:active:before, .cta-secondary:focus:before { background: #005ea6; } @media (min-width: 768px) { .cta-secondary { font-size: 1.125rem; } } .cta-secondary:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .cta-secondary-up { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-secondary-up { font-size: 1.125rem; line-height: 1.125rem; } } .cta-secondary-up { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .cta-secondary-up:hover { color: #3e90cf; } .cta-secondary-up:hover:before { background: #3e90cf; } .cta-secondary-up:active, .cta-secondary-up:focus { color: #005ea6; } .cta-secondary-up:active:before, .cta-secondary-up:focus:before { background: #005ea6; } @media (min-width: 768px) { .cta-secondary-up { font-size: 1.125rem; } } .cta-secondary-up:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .cta-secondary-up { border-bottom: none; vertical-align: middle; text-decoration: none; } .cta-secondary-up:before { display: none; } .cta-secondary-up:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .cta-secondary-up:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .cta-secondary-up-ondark { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-secondary-up-ondark { font-size: 1.125rem; line-height: 1.125rem; } } .cta-secondary-up-ondark { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .cta-secondary-up-ondark:hover { color: #3e90cf; } .cta-secondary-up-ondark:hover:before { background: #3e90cf; } .cta-secondary-up-ondark:active, .cta-secondary-up-ondark:focus { color: #005ea6; } .cta-secondary-up-ondark:active:before, .cta-secondary-up-ondark:focus:before { background: #005ea6; } @media (min-width: 768px) { .cta-secondary-up-ondark { font-size: 1.125rem; } } .cta-secondary-up-ondark:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .cta-secondary-up-ondark { border-bottom: none; vertical-align: middle; text-decoration: none; } .cta-secondary-up-ondark:before { display: none; } .cta-secondary-up-ondark:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .cta-secondary-up-ondark:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .cta-secondary-up-ondark { color: #FFFFFF; } .cta-secondary-up-ondark:hover { color: #FFFFFF; } .cta-secondary-up-ondark:visited { color: #FFFFFF; } .cta-secondary-up-ondark:active { color: #FFFFFF; } .cta-secondary-up-ondark:focus { color: #FFFFFF; } .cta-secondary-up-ondark:after { color: #FFFFFF; } .cta-secondary-down { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-secondary-down { font-size: 1.125rem; line-height: 1.125rem; } } .cta-secondary-down { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .cta-secondary-down:hover { color: #3e90cf; } .cta-secondary-down:hover:before { background: #3e90cf; } .cta-secondary-down:active, .cta-secondary-down:focus { color: #005ea6; } .cta-secondary-down:active:before, .cta-secondary-down:focus:before { background: #005ea6; } @media (min-width: 768px) { .cta-secondary-down { font-size: 1.125rem; } } .cta-secondary-down:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .cta-secondary-down { border-bottom: none; vertical-align: middle; text-decoration: none; } .cta-secondary-down:before { display: none; } .cta-secondary-down:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .cta-secondary-down:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .cta-secondary-down:after { -webkit-transform: rotate(0); transform: rotate(0); } .cta-menu-close { float: right; height: 60px; line-height: 3.75rem; color: #002776; font-size: 0.875rem; font-family: 'PraxisCom-Regular'; background: transparent; border: 0; cursor: pointer; } .cta-menu-close:after { content: '\E906'; font-size: 1.25rem; line-height: 1.25rem; font-family: 'Icomoon'; display: inline-block; vertical-align: middle; margin-left: 10px; } .cta-light { font-family: 'GreycliffCF-light'; font-size: 0.875rem; letter-spacing: 0.08rem; } @media (min-width: 768px) { .cta-light { font-size: 1rem; } } .cta-font { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-font { font-size: 1.125rem; line-height: 1.125rem; } } .btn-cta { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .btn-cta { font-size: 1.125rem; line-height: 1.125rem; } } .btn-primary { /* TODO: add hover states */ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .btn-primary { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .btn-primary:hover { background: #b0263a; } .btn-primary:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .btn-primary:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .semibold-font { font-family: 'PraxisCom-Semibold'; /*font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .semibold-font { font-size: 1.125rem; line-height: 1.625rem; } } /* TODO : Remove these classes, ADD one .test class to add all so PostCSS wont remove. */ .cta-bold { font-family: 'PraxisCom-Bold'; } .wrapper { margin-top: 110px; } @media (min-width: 768px) { .wrapper { margin-top: 185px; } } @media (min-width: 1025px) { .wrapper { margin-top: 251px; } } /* Text meant only for screen readers. */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; left: 3px; top: 3px; z-index: 99; } .sr-only.skip-to-content:focus { width: auto; height: auto; clip: auto; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #002776; z-index: 999; position: relative } .global-footer-container .sr-only.skip-to-content:focus { color: #FFFFFF; } /* Currency symbol style. */ .currency i { font-style: normal; font-size: 100%; vertical-align: top; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; } .disclaimer-text { font-size: 0.625rem; font-family: 'PraxisCom-Regular'; } @media (min-width: 768px) { .disclaimer-text { font-size: 0.75rem; } } .legal-container { color: #666666; text-decoration: none; } /* Standard margin-bottom between all the components */ .react-component { margin-bottom: 50px; } @media (min-width: 1025px) { .react-component { margin-bottom: 120px; } } /* no margin for Specific components */ .react-component.alertMessaging, .react-component.globalHeaderMycruise, .react-component.cruiseDetailHeader, .react-component.secondaryNavigation, .react-component.footer, .react-component.footerQuote, .react-component.checkoutHeader, .react-component.accordionList, .react-component.searchResults, .react-component.titleH1Mycruise, .react-component.legalGateway, .react-component.bookNowModule, .react-component.itinerarySummary, .react-component.summaryDetailsModule, .react-component.vacationProtectionBanner, .react-component.inclusions, .react-component.pricingInfoModule, .react-component.securityFooter, .react-component.favoritesShoreX { margin: 0; } /* DO NOT REMOVE THESE STYLES /* This class is added to make both alertMessaging Component and GlobalHeader Component stay inside a fixed wrapper /* Removing these styles can break the page which may be diffciult to debug ---------------------------*/ .alert-header-wrapper { position: fixed; top: 0; width: 100%; z-index: 999; } /* adding these styles only for author editable mode */ /* adding important as margin-top is getting applied from js inline */ .wcmEditModeEnabled { /* stylelint-disable */ /* declaration-no-important */ margin-top: 0; padding-top: 0; /* stylelint-enable */ } .wcmEditModeEnabled .alert-header-wrapper { position: static; } body.openOverlay { overflow: hidden; } /* This is ADA Compliant variation for hiding text that need to be accessible by screen readers: For More See: https://webaim.org/techniques/css/invisiblecontent/ */ .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } /* No Focus for Mouse clicked items */ body:not(.show-focus-outlines) *:focus { outline: none; } /* Stronger Focused Outline for ADA Compliance */ .show-focus-outlines *:focus { border: none; box-shadow: inset 0 0 5px #00b5cb; -moz-box-shadow: inset 0 0 5px #00b5cb; -webkit-box-shadow: inset 0 0 5px #00b5cb; outline: 2px solid #00b5cb; outline-offset: -2px; } /* Image path fix, only for styleguide */ .styelguide .cta-secondary-up:after, .styelguide .cta-secondary-down:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAXCAYAAAD6FjQuAAABkElEQVRIia3VMWsUQRjG8d+FVMFvEItUElgEqxAEEfwOYojfwYMgmuYKrSIRAykipBRiDDbWaVS0EkRBhWiKA4lwTSzCESIxOYt9I5djL7ObuweWnXnfmec/MzszW8um60/Qxga+Gb4yzGBsFE/xBY2AbeAFtgcAXMKteDL8weWRMF3qGsVD/MBH3MNEScAE7uMTvodPFrklbNey6TpcwBbGC0w6+CCf8UvsdOUu4mbMYAq1gv6/MIn2CQxmsZYY/THe4w1u4CpGEn1u4zl0w2p4i2uJzlX0Dtflq3NqVB3cwdGQQEfh1zkJ9C7BZ6wOCbYafv9VtN4N/B4QtBs+p1QE28WDAWGN8EnCYAVfzwnq+yn6wf7KP25VnbnJzjojr+WHuIrW5du9UKkDeRf7JUFt+fXWVynYTyyUhD2SX03nhsEimok2TTxOGZWBHWAu0WYu2g0Mg1fY7JPbjHxSZWFQx2FP7DDipVQFtoXlnthyxIcOI//7tqLcinppVYXtYT7K81EvrdGKMHiGK/GupH8Xe1h5IQsupgAAAABJRU5ErkJggg==) 50% / 45% no-repeat; } .marginBody { /*padding-top: 55px; @media (--desktop) { padding-top: 212px; }*/ } /****** Common Components ******/ /* component/commons/inputField */ .common-input-group { margin-bottom: 15px; } .common-input-group .input-label { visibility: hidden; height: 20px; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #666666; margin: 0; } @media (min-width: 768px) { .common-input-group .input-label { margin: 0 0 5px; } } .common-input-group .input-label { display: block; } .common-input-group input[type='text'], .common-input-group input[type='password'], .common-input-group input[type='email'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .common-input-group .input-error-wrapper input { color: #666666; width: 100%; } .common-input-group .input-error-wrapper input::-webkit-input-placeholder { color: lightgrey; } .common-input-group .input-error-wrapper input::-moz-placeholder { color: lightgrey; } .common-input-group .input-error-wrapper input::-ms-input-placeholder { color: lightgrey; } .common-input-group .input-error-wrapper input::placeholder { color: lightgrey; } .common-input-group .input-label.show { visibility: visible; } .common-input-group .input-error-wrapper { position: relative;/* max-width: 438px;*/ } .common-input-group .input-field { -webkit-box-sizing: border-box; box-sizing: border-box; height: 55px; margin-bottom: 0; padding: 6px 10px 6px 15px; font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .common-input-group .input-field { font-size: 1rem; line-height: 1.375rem; } } .common-input-group .input-field { border: 1px solid #A6B4CF; -webkit-font-feature-settings: unset; font-feature-settings: unset; } @media (min-width: 1025px) { .common-input-group .input-field { padding: 6px 10px 6px 20px; } } .common-input-group .input-field { color: #666666; } @media (min-width: 768px) { .common-input-group .input-field {/* max-width: 438px;*/ } } .common-input-group.read-only .input-field { background-color: #EDF1F7; text-align: center; } .common-input-group input::-webkit-input-placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group input::-moz-placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group input::-ms-input-placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group input::placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group input::-ms-placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group.show-error input { border-color: #E30513; color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error .input-label { color: #E30513; } .common-input-group.show-error *:focus { outline: 2px auto #E30513; -webkit-box-shadow: 0 0 5px #E30513; box-shadow: 0 0 5px #E30513; } .common-input-group.show-error input::-webkit-input-placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error input::-moz-placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error input::-ms-input-placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error input::placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error input::-ms-placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group .input-error-wrapper .error-image.show-image { background-repeat: no-repeat; position: absolute; right: 18px; bottom: 17.5px; width: 20px; height: 20px; cursor: pointer; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNyAzNyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3OTAwMDk7fS5jbHMtMSwuY2xzLTJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5HbG9iYWxIZWFkZXJfSGFtYnVyZ2VyX0Nsb3NlZF9JY29uPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOC41LDBBMTguNSwxOC41LDAsMSwxLDAsMTguNSwxOC41LDE4LjUsMCwwLDEsMTguNSwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIwLjI0LDE4LjQ0LDI0LjksMjMuMSwyNC44MSwyNWwtMS43LS4wOS00LjY2LTQuNjYtNC41Nyw0LjZIMTIuMTFWMjNsNC41Ni00LjU5LTQuNi00LjZWMTIuMDZoMS43OWw0LjYsNC42TDIzLjA3LDEybDEuODcuMDktLjA5LDEuN1oiLz48L3N2Zz4=); } .common-input-group .input-error-wrapper .error-image.show-image:focus { outline: #002776 auto 1px; } .common-input-group .error-msg { display: none; } .common-input-group .error-msg.show-msg { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #E30513; display: block; margin: 5px 0 0; } @media (min-width: 768px) { .common-input-group .error-msg.show-msg { font-size: 0.75rem; } } .checkbox--hidden { visibility: hidden; height: 0; width: 0; } .select-group { position: relative; } .select-group:after { content: '\E902'; font-family: 'Icomoon'; color: #002776; position: absolute; font-size: 0.5625rem; text-align: center; right: 12px; top: 50%; margin-top: -15px; width: 26px; height: 26px; line-height: 2.1875rem; } @media (min-width: 1025px) { .select-group:after { font-size: 0.75rem; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .select-group:after {/* IE10+ specific styles go here*/ margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .select-group.show .list-dropdown { display: block; position: absolute; z-index: 1; } .select-group .dropdown-list { cursor: pointer; height: 55px; width: 100%; text-align: left; line-height: 1; background: transparent; position: relative; z-index: 9; border: 1px solid #A6B4CF; border-radius: 0; font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .select-group .dropdown-list { font-size: 1rem; line-height: 1.375rem; } } .select-group .dropdown-list { -webkit-appearance: none; -moz-appearance: none; margin: 0; overflow-y: auto; padding: 0 38px 0 15px; } @media (min-width: 1025px) { .select-group .dropdown-list { padding: 0 45px 0 20px;/* font-size: 1.125rem; line-height: 21px;*/ } } .select-group.show-error:after { color: #E30513; } .select-group .show .dropdown-list {/* background: transparent url(../../../images/SVG/up-arrow-dark-blue.svg) no-repeat right center;*/ background-position: 92%; background-size: 15px; } .select-group select.dropdown-list::-ms-expand { display: none; } .select-group .list-dropdown { display: none; height: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; border: 1px solid;/* border-color: transparent var(--color-tertiary47) var(--color-tertiary47);*/ font-size: 0.875rem; color: #666666; font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; } @media (min-width: 768px) { .select-group .list-dropdown { font-size: 1rem; } } .select-group .dropdown-list li.highlight { background-color: #011949; } .select-group .dropdown-list button:hover, .select-group .dropdown-list li:hover { cursor: pointer; } .select-group .dropdown-item { list-style-type: none; padding: 0; text-align: left; } .select-group .dropdown-item button { text-decoration: none; width: 100%; } .select-group .input-label.show { visibility: visible; } .select-group .input-label { visibility: hidden; font-size: 0.75rem; color: #666666; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; margin: 0 0 5px; display: block; height: 20px; } @media (min-width: 768px) { .select-group .input-label { font-size: 0.875rem; } } .select-group .dropdown-item button { font-size: 0.875rem; padding: 10px 25px; color: #666666; font-family: 'GreycliffCF-bold'; letter-spacing: 0.08rem; border: none; background: none; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; } @media (min-width: 768px) { .select-group .dropdown-item button { font-size: 1rem; } } .select-group .error-msg.show-msg { border-color: #E30513; color: #E30513; font-family: 'PraxisCom-Regular'; font-size: 14px; font-size: 0.875rem; padding-top: 5px; position: absolute; } @media (min-width: 768px) { .select-group .error-msg.show-msg { font-size: 0.75rem; } } .select-group.show-error .dropdown-list { border-color: #E30513; color: #E30513; } .select-group.show-error select { border-color: #E30513; color: #E30513; } .select-group.show-error *:focus { outline: 2px auto #E30513; -webkit-box-shadow: 0 0 5px #E30513; box-shadow: 0 0 5px #E30513; } .select-group.show-error .input-label { color: #E30513; } .select-group.show-error .dropdown-list {/* background-image: url(../../../images/down_arrow_red.png);*/ } .image-lazy-loader { display: inline } .image-lazy-loader.spinner { display: block; background: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/loading-icon.gif) 50% no-repeat; min-height: 70px; background-size: 70px; } [class^="icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Icomoon'; speak: none; font-style: normal; font-weight: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Icomoon'; speak: none; font-style: normal; font-weight: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ico-checkin:before { content: "\E935"; } .icon-ico-luggage:before { content: "\E936"; } .icon-ico-tickets:before { content: "\E937"; } .throbberOverlay .loading { background: #FFFFFF; font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .throbberOverlay .loading { font-size: 1rem; line-height: 1.375rem; } } .throbberOverlay .loading { position: fixed; width: 100%; z-index: 999999999; opacity: 0.8; top: 0; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .throbberOverlay .loading.show { -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .throbberOverlay .loading.hide { display: none; } .throbberOverlay .loading .loading-icon { background: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/loading-icon.gif) no-repeat; width: 100px; height: 100px; display: inline-block; background-size: contain; } .throbberOverlay .loading { left: 0; } .throbberOverlay .loading-icon { margin-top: -80px; } .throbberOverlay .throbberOverlay__text { position: fixed; top: 50%; left: 50%; width: 80%;/* margin-top: 70px;*/ font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .throbberOverlay .throbberOverlay__text { font-size: 1.125rem; line-height: 1.625rem; } } .throbberOverlay .throbberOverlay__text { z-index: 999999999; text-align: center; width: 100%; left: 0; color: #002776; margin-top: 20px; } /* @import 'backgrounds.css'; */ /*@import '../../../../../components/commons/styles/modal/index.css';*/ .aria-modal { padding: 0; width: 100%; max-width: 1280px; margin: auto; background-color: #FFFFFF; position: relative; padding-top: 60px } .aria-modal .modal-content-wrapper { padding: 0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .aria-modal .modal-content { background-color: #FFFFFF; height: auto; margin: 0 auto; } .aria-modal .modal-close-wrap { height: 60px; line-height: 3.75rem; position: relative; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; text-align: right; border-bottom: 1px solid #F2F0E8; } .aria-modal .close { float: right; height: 60px; line-height: 3.75rem; color: #002776; font-size: 0.875rem; font-family: 'PraxisCom-Regular'; background: transparent; border: 0; cursor: pointer; } .aria-modal .close:after { content: '\E906'; font-size: 1.25rem; line-height: 1.25rem; font-family: 'Icomoon'; display: inline-block; vertical-align: middle; margin-left: 10px; } .aria-modal .close {/* margin-right: 15px; border: none; color: var(--color-primary3); background-color: transparent; z-index: 99; background: 0; padding: 0; height: 30px; line-height: 30px; cursor: pointer; &:after { content:""; display: inline-block; vertical-align: middle; content: "\e906"; font-family: var(--font-icomoon); speak: none; margin-left: 10px; font-size: 28px; line-height: 30px; }*/ } .aria-modal .close-label.fade-out { opacity: 0; } .aria-modal .back-to-top { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .aria-modal .back-to-top { font-size: 1.125rem; line-height: 1.125rem; } } .aria-modal .back-to-top { text-decoration: underline; text-align: center; color: #F2F0E8; cursor: pointer; } .aria-modal-underlay { background-color: rgba(1, 25, 73, .85); z-index: 999; position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto } .aria-modal-underlay.content-modal { background-color: #FFFFFF; } @media (min-width: 481px) { .aria-modal .modal-content { height: 100%; } } @media (min-width: 768px) { .aria-modal { margin: auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .aria-modal:before { content: ''; display: table; } .aria-modal:after { content: ''; display: table; clear: both; } } @media (min-width: 768px) and (min-width: 768px) { .aria-modal { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) and (min-width: 1025px) { .aria-modal { padding-left: 60px; padding-right: 60px; } } @media (min-width: 768px) { .aria-modal { padding-bottom: 20px; } .aria-modal .close { margin-right: 30px; } .aria-modal .modal-content-wrapper { padding: 0; } .aria-modal .modal-content { height: auto; margin: 0 auto; } .aria-modal-underlay { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1025px) { .aria-modal { margin: auto; min-height: 600px; background: #FFFFFF } .aria-modal .close-label { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .aria-modal .modal-content { overflow-y: auto; } .aria-modal .modal-close-wrap { border: none; height: 80px; line-height: 5rem; } .aria-modal .close:after { font-size: 1.75rem; line-height: 1.875rem; } .aria-modal { .modal-content-wrapper { min-width: 100%; min-height: 100%; margin: 0; padding: 0; } } .aria-modal-underlay { padding: 40px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .knt-tmp-empty-css{ display: block; } .prev-btn span, .next-btn span { text-indent: -9999px; display: inline-block; } .custom-dropdown-wrapper { text-align: left; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; z-index: 9; border: 1px solid transparent } .custom-dropdown-wrapper .dropdown-toggle { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; border: none; position: relative; display: block; width: auto; display: inline-block; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 40px; } .custom-dropdown-wrapper .dropdown-toggle:after { content: '\E902'; font-family: 'Icomoon'; position: absolute; width: 30px; height: 30px; line-height: 1.875rem; top: 50%; right: 0; font-size: 0.625rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #002776; text-align: center; } .custom-dropdown-wrapper.open { border: 1px solid #F2F0E8; background: #FAF9F7; z-index: 999; } .custom-dropdown-wrapper.open .dropdown-toggle:after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .custom-dropdown-wrapper.open .dropdown-menu { background: #FAF9F7; padding: 10px 20px; } .custom-dropdown-wrapper .dropdown-item { display: block; padding: 10px 25px; font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; text-decoration: none; } .custom-dropdown-wrapper .dropdown-item:hover { color: #0076CE; } .show .sort-dropdown-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: #FAF9F7; overflow: auto } .show .sort-dropdown-overlay .action-bar { background: #fff; } .show .sort-dropdown-overlay .custom-dropdown-wrapper { width: 100%; } .show .sort-dropdown-overlay .custom-dropdown-wrapper .dropdown-toggle { display: none; } .show-focus-outlines .custom-dropdown-wrapper button[aria-expanded="false"]:focus { outline: #002776 auto 1px; } .show-focus-outlines .custom-dropdown-wrapper .dropdown-item:focus { outline: #002776 auto 1px; } /*@import '../components/commons/carouselControls/index.css';*/ /* Media Queries ---------------------------*/ /*@custom-media --smvp ( max-width: 375px); @custom-media --mvp ( min-width: 376px); @custom-media --tbvp ( min-width: 600px); @custom-media --lgvp ( min-width: 769px); @custom-media --xlgvp ( min-width: 1481px);*/ /* Max-width */ /* Navigation Media Queries ---------------------------*/ :root { /* Widths */ /* Colors */ /* PNO colors */ /* WHITE */ /* ROUGE */ /* NAVY BLUE */ /* GOLD */ /* GRAY */ /* GRAY */ /* Brand Global Header Color */ /* ROUGE */ /* BLUE */ /* PAMAPAS */ /* RED */ /* DEEP NAVY */ /* FUN BLUE */ /* FUN BLUE Light*/ /* FUN BLUE Lighter*/ /*BORDER BLUE*/ /* for internet packages we dont have existing colour code * / /*BORDER BLUE*/ /* Transparent Colors */ /* Fonts */ /* PNO Fonts */ /*--font-body1: 'NeutraText-book'; --font-body1-demi: 'NeutraText-demi'; --font-body2: 'NeutraText-book'; --font-body2-demi: 'NeutraText-demi'; --font-body3: 'NeutraText-book'; --font-body3-text-demi: 'NeutraText-demi'; --font-small-text: 'NeutraText-book'; --font-cta: 'NeutraDisplay-bold'; --font-cta-medium: 'NeutraDisplay-medium'; --font-cta-sabon: 'Sabon-roman'; --font-cta-demi: 'NeutraText-demi'; --font-cta-SabonLTStd-Italic: 'Sabon-italic'; --font-cta-book: 'NeutraText-book'; --font-italic: 'Sabon-italic'; --font-bold: 'NeutraText-bold'; --font-legend: 'NeutraDisplay-bold'; --font-neutra-text-bold: 'NeutraText-bold'; --font-neutra-text-demi: 'NeutraText-demi';*/ /* Opaque backgrounds */ /* LIGHT BLACK */ /* BLUE */ /* DEEP BLACK */ /* WHITE */ /* Media Image Background*/ /* DEEP BLUE */ /* OVERLAY BLUE */ /* Box shadow*/ /* New Shorex Common variable */ /* Icons */ /* Gradient */ /*transition*/ } /* stylelint-disable */ /* No need for mixin file */ :root { /* Fonts Mixins */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /*cta primary light blue*/ /*cta primary rouge*/ /* BUTTONS HAVING DARK BACKGROUND*/ /* BUTTONS OUTLINE*/ /* cta secondary blue with underline */ /* cta secondary blue with arrow */ /* cta secondary blue with arrow view more */ /* Box Shadow */ /* Flex Box */ /* Input - Checkbox */ /* Input - Text */ /* Rotate 45 deg */ /* reset default button style */ /* Ribbon */ /* Apply blue outline on focus */ /* Carousel controls */ /* paginator controls */ /* Component margin */ /* Bottom margin for components */ /* Custom component padding for cruise-detail page components */ /* Custom padding top for cruise-details page components */ /* Grid */ /* Usage : .component-inner-wrap { @mixin grid-wrap;} */ /* define max-height HetoTile */ /* Input Field styles with error states */ /* mixin product Row */ /* Box Sizing */ /* responsive font size of card cta */ } /* stylelint-enable */ /* Global Components */ /* @import 'defaults.css'; */ /*brand style of the component*/ .utility-nav-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: none; margin-left: auto; margin-right: auto } .utility-nav-container:before { content: ''; display: table } .utility-nav-container:after { content: ''; display: table; clear: both } .utility-nav-container:before { content: ''; display: table } .utility-nav-container:after { content: ''; display: table; clear: both } .utility-nav-container.svp-utility-nav { display: block; } .utility-nav-container.lvp-utility-nav { display: none; } .utility-nav-container .nav { list-style: none; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .utility-nav-container .nav .nav-item[data-name="cart"] { position: relative; } .utility-nav-container .nav .nav-item[data-name="logout"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .utility-nav-container .nav .nav-item[data-name="orders"] { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .utility-nav-container .nav-item .nav-link { width: 100%; display: block; padding: 15px 20px; min-height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .utility-nav-container .nav-item .cart-label { position: absolute; width: 16px; height: 16px; line-height: 1rem; text-align: center; border-radius: 50%; top: -6px; left: 35px; } .utility-nav-container .nav-item .nav-link.logout { width: auto; } .utility-nav-container .nav-item .nav-link::before { width: 25px; height: 25px; font-size: 1.5625rem; position: relative; vertical-align: middle; margin-right: 10px; padding: 0; } .utility-nav-container .nav-item .nav-text.logout { display: none; } .utility-nav-container .nav-item[data-name="countdown"], .utility-nav-container .nav-item[data-name="cart"], .utility-nav-container .nav-item[data-name="favourites"] { display: none; } .utility-nav-container .nav-item .cart { display: none; } @media (min-width: 768px){ .knt-tmp-empty-css{ display: block; } } @media (min-width: 1025px){ .utility-nav-container { width: auto; max-width: none; margin-left: auto; margin-right: auto } .utility-nav-container:last-child { float: none; clear: none; margin-right: 0; width: auto } .utility-nav-container:nth-child(1n) { float: none; clear: none; margin-right: 0; width: auto } .utility-nav-container:nth-child(1n + 1) { float: none; clear: none; margin-right: 0; width: auto } .utility-nav-container:before { content: ''; display: table } .utility-nav-container:after { content: ''; display: table; clear: both } .utility-nav-container.svp-utility-nav { display: none; } .utility-nav-container.lvp-utility-nav { display: block; } .utility-nav-container .nav { display: block; padding: 0; list-style: none; text-align: right; margin: 20px 0; position: relative; } .utility-nav-container .nav .nav-item:first-child { margin-top: 0; } .utility-nav-container .nav .nav-item { display: inline-block; margin: 0; } .utility-nav-container .nav-item .nav__countdown { display: inline-block; width: auto; padding: 0 10px; } .utility-nav-container .nav-item .nav-link { width: auto; display: inline-block; padding: 0 10px; min-height: auto; } .utility-nav-container .nav-item:first-child .nav-link { padding-left: 0; } .utility-nav-container .nav-item:last-child .nav-link { padding-right: 0; } .utility-nav-container .nav-item .dropdown { display: inline-block; position: relative; } .utility-nav-container .nav-item .dropdown-list { display: none; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .utility-nav-container .nav-link::before { margin-right: 5px; } .utility-nav-container .nav-item .nav-link::before { font-size: 1.25rem; } .utility-nav-container .nav-item .nav-text.logout:before { width: 25px; height: 25px; line-height: 1.5625rem; font-size: 1.25rem; margin-right: 5px; display: inline-block; vertical-align: middle; margin-right: 10px; padding: 0; } .utility-nav-container .nav-item .nav-text { display: inline-block; width: auto; line-height: 0.875rem; font-size: 0.875rem; } .utility-nav-container .nav-item:last-child .nav-link { padding-right: 0; } .utility-nav-container .nav-link::before { margin-right: 0.34vw; padding-right: 4px; } .utility-nav-container .nav-item[data-name="countdown"], .utility-nav-container .nav-item[data-name="cart"] { display: inline-block; } .utility-nav-container .nav-item .nav-link.logout { padding: 0 10px; } } @media (min-width: 1281px){ .utility-nav-container .nav-item .nav-link.logout { padding: 0 20px; } .utility-nav-container .nav-item .nav__countdown { padding: 0 20px; } .utility-nav-container .nav-item .nav-link { padding: 0 20px; } } .utility-nav-container .nav .nav-item { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .utility-nav-container .nav .nav-item { font-size: 1rem; line-height: 1.375rem; } } .utility-nav-container .nav .nav-item { border-bottom: 1px solid #E6E9F0; } .utility-nav-container .nav-item .nav-link { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #1E458A; font-size: 14px; line-height: 1.875rem; text-decoration: none; } .utility-nav-container .nav-link::before { font-family: 'Icomoon'; speak: none; font-size: 0.875rem; } .utility-nav-container .nav-item .nav-text { color: #666666; font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .utility-nav-container .nav-item .nav-text { font-size: 1rem; line-height: 1.375rem; } } .utility-nav-container .nav-item .nav-text { font-family: 'GreycliffCF-bold'; border-right: 1px solid #666666; line-height: 0.875rem; } .utility-nav-container .nav-item .nav__countdown .nav-text { color: #988642; font-size: 0.875rem; } .utility-nav-container .nav-link.login::before { content: "\E912"; color: #666666; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .utility-nav-container .nav-link.logout::before { content: "\E90D"; color: #988642; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .utility-nav-container .nav-link.orders::before { content: "\E910"; color: #988642; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .utility-nav-container .nav-link.cart::before { content: "\E904"; color: #988642; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .utility-nav-container .nav-link.Calendar::before { content: "\E91D"; color: #988642; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .utility-nav-container .nav-item .cart-label { background: #0076CE; color: #FFFFFF; font-size: 0.625rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width: 1025px){ .utility-nav-container .nav .nav-item { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } } @media (min-width: 1025px) and (min-width: 768px) { .utility-nav-container .nav .nav-item { font-size: 1rem; line-height: 1.375rem; } } @media (min-width: 1025px){ .utility-nav-container .nav .nav-item { font-size: 0.75rem; display: inline-block; vertical-align: top; border: none; } .utility-nav-container .nav .nav-item .nav-link { border-bottom: none; line-height: 1.5rem; font-size: 0.875rem; } .utility-nav-container .nav-item .nav__countdown { font-family: 'PraxisCom-Regular'; text-decoration: none; color: #002776; line-height: 1.5625rem; text-decoration: none; } .utility-nav-container .nav-item .nav-link { font-family: 'PraxisCom-Regular'; text-decoration: none; color: #1E458A; } .utility-nav-container .nav-item .nav-link.logout { border: 0; } .utility-nav-container .nav-item .nav-text.logout { opacity: .5; padding-right: 20px; } .utility-nav-container .nav-item .nav-text.logout:before { content: '\E900'; font-family: 'Icomoon'; } .utility-nav-container .nav-item .nav-text { font-family: 'PraxisCom-Regular'; border: none; color: #002776; font-size: 0.875rem; } .utility-nav-container .nav-item .nav-text .em { font-family: 'PraxisCom-Bold'; } .utility-nav-container .nav-link.login::before { content: "\E913"; color: #002776; } .utility-nav-container .nav-item .nav-text.logout { display: inline-block; } } @media (min-width: 1281px){ .utility-nav-container .nav .nav-item { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } } @media (min-width: 1281px) and (min-width: 768px) { .utility-nav-container .nav .nav-item { font-size: 1rem; line-height: 1.375rem; } } .Toastify__toast-container { z-index: 9999; -webkit-transform: translate3d(0, 0, 9999); position: fixed; padding: 4px; width: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; } .Toastify__toast-container--top-left { top: 1em; left: 1em; } .Toastify__toast-container--top-center { top: 1em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Toastify__toast-container--top-right { top: 1em; right: 1em; } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Toastify__toast-container--bottom-right { bottom: 1em; right: 1em; } @media only screen and (max-width : 480px) { .Toastify__toast-container { width: 100vw; padding: 0; left: 0; margin: 0; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: 0; -webkit-transform: translateX(0); transform: translateX(0); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: 0; -webkit-transform: translateX(0); transform: translateX(0); } .Toastify__toast-container--rtl { right: 0; left: auto; left: initial; } } .Toastify__toast { position: relative; min-height: 64px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 16px; margin-bottom: 1rem; padding: 8px; border-radius: 4px; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05); display: -ms-flexbox; -js-display: flex; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; max-height: 800px; overflow: hidden; font-family: sans-serif; cursor: default; direction: ltr; /* webkit only issue #791 */ z-index: 0; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-body { margin: auto 0; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; padding: 6px; display: -ms-flexbox; -js-display: flex; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .Toastify__toast-body > div:last-child { word-break: break-word; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end: 10px; width: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; -js-display: flex; display: -webkit-box; display: flex; } .Toastify--animate { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .Toastify--animate-icon { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } @media only screen and (max-width : 480px) { .Toastify__toast { margin-bottom: 0; border-radius: 0; } } .Toastify__toast-theme--dark { background: #121212; color: #fff; } .Toastify__toast-theme--light { background: #fff; color: #757575; } .Toastify__toast-theme--colored.Toastify__toast--default { background: #fff; color: #757575; } .Toastify__toast-theme--colored.Toastify__toast--info { color: #fff; background: #3498db; } .Toastify__toast-theme--colored.Toastify__toast--success { color: #fff; background: #07bc0c; } .Toastify__toast-theme--colored.Toastify__toast--warning { color: #fff; background: #f1c40f; } .Toastify__toast-theme--colored.Toastify__toast--error { color: #fff; background: #e74c3c; } .Toastify__progress-bar-theme--light { background: -webkit-gradient( linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), to(#ff2d55) ); background: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); } .Toastify__progress-bar-theme--dark { background: #bb86fc; } .Toastify__progress-bar--info { background: #3498db; } .Toastify__progress-bar--success { background: #07bc0c; } .Toastify__progress-bar--warning { background: #f1c40f; } .Toastify__progress-bar--error { background: #e74c3c; } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info { background: rgba(255, 255, 255, .7); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success { background: rgba(255, 255, 255, .7); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning { background: rgba(255, 255, 255, .7); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: rgba(255, 255, 255, .7); } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: 0.7; -webkit-transition: 0.3s ease; transition: 0.3s ease; -ms-flex-item-align: start; align-self: flex-start; } .Toastify__close-button--light { color: #000; opacity: 0.3; } .Toastify__close-button > svg { fill: currentColor; height: 16px; width: 14px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @-webkit-keyframes Toastify__trackProgress { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } } @keyframes Toastify__trackProgress { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: 9999; opacity: 0.7; -webkit-transform-origin: left; transform-origin: left; } .Toastify__progress-bar--animated { -webkit-animation: Toastify__trackProgress linear 1 forwards; animation: Toastify__trackProgress linear 1 forwards; } .Toastify__progress-bar--controlled { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .Toastify__progress-bar--rtl { right: 0; left: auto; left: initial; -webkit-transform-origin: right; transform-origin: right; } .Toastify__spinner { width: 20px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: #e0e0e0; border-right-color: #616161; -webkit-animation: Toastify__spin 0.65s linear infinite; animation: Toastify__spin 0.65s linear infinite; } @-webkit-keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes Toastify__bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes Toastify__bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes Toastify__bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { -webkit-animation-name: Toastify__bounceInLeft; animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { -webkit-animation-name: Toastify__bounceInRight; animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { -webkit-animation-name: Toastify__bounceInDown; animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { -webkit-animation-name: Toastify__bounceInUp; animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { -webkit-animation-name: Toastify__bounceOutLeft; animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { -webkit-animation-name: Toastify__bounceOutRight; animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { -webkit-animation-name: Toastify__bounceOutUp; animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { -webkit-animation-name: Toastify__bounceOutDown; animation-name: Toastify__bounceOutDown; } @-webkit-keyframes Toastify__zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .Toastify__zoom-enter { -webkit-animation-name: Toastify__zoomIn; animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { -webkit-animation-name: Toastify__zoomOut; animation-name: Toastify__zoomOut; } @-webkit-keyframes Toastify__flipIn { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes Toastify__flipIn { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes Toastify__flipOut { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes Toastify__flipOut { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { -webkit-animation-name: Toastify__flipIn; animation-name: Toastify__flipIn; } .Toastify__flip-exit { -webkit-animation-name: Toastify__flipOut; animation-name: Toastify__flipOut; } @-webkit-keyframes Toastify__slideInRight { from { -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInRight { from { -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInLeft { from { -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInLeft { from { -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInUp { from { -webkit-transform: translate3d(0, 110%, 0); transform: translate3d(0, 110%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInUp { from { -webkit-transform: translate3d(0, 110%, 0); transform: translate3d(0, 110%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInDown { from { -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInDown { from { -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); } } @keyframes Toastify__slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); } } @-webkit-keyframes Toastify__slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); } } @keyframes Toastify__slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); } } @-webkit-keyframes Toastify__slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); } } @keyframes Toastify__slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); } } @-webkit-keyframes Toastify__slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } } @keyframes Toastify__slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { -webkit-animation-name: Toastify__slideInLeft; animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { -webkit-animation-name: Toastify__slideInRight; animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { -webkit-animation-name: Toastify__slideInDown; animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { -webkit-animation-name: Toastify__slideInUp; animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { -webkit-animation-name: Toastify__slideOutLeft; animation-name: Toastify__slideOutLeft; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { -webkit-animation-name: Toastify__slideOutRight; animation-name: Toastify__slideOutRight; } .Toastify__slide-exit--top-center { -webkit-animation-name: Toastify__slideOutUp; animation-name: Toastify__slideOutUp; } .Toastify__slide-exit--bottom-center { -webkit-animation-name: Toastify__slideOutDown; animation-name: Toastify__slideOutDown; } @-webkit-keyframes Toastify__spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes Toastify__spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #oSPe_callback_container { display: none; } .global-header-wrapper { width: 100%; top: 0; z-index: 999; position: relative; } .global-header-container { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 150; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 55px } .global-header-container .popup { position: absolute; right: 20px; width: 220px; top: 60px; background: #FFFFFF; z-index: 10; text-align: center; padding: 35px; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1); font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666 } .global-header-container .popup:before { content: ""; position: absolute; top: -12px; right: 47px; content: ""; width: 25px; height: 25px; position: absolute; top: -6px; display: block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #FFFFFF; -webkit-box-shadow: 12px -12px 42px -5px rgba(0, 0, 0, .1); box-shadow: 12px -12px 42px -5px rgba(0, 0, 0, .1); } .global-header-container .popup .cta-primary { margin-right: 20px; } .global-header-container .dining_popup { width: 305px; top: 65px; padding: 45px 15px 30px 15px; } .global-header-container .popup__close { position: absolute; top: 15px; right: 15px } .global-header-container .popup__close:after { content: ""; display: inline-block; vertical-align: middle; content: "\E906"; font-family: 'Icomoon'; speak: none; margin-left: 10px; color: #002776; } .global-header-container .popup_dining__title { font-size: 1.25rem; line-height: 1.5rem; font-family: 'GreycliffCF-medium'; color: #002776; } .global-header-container .popup__cta { display: block } .global-header-container .popup__cta .cta-primary { display: block; margin-bottom: 12px; margin-right: 0px; } .global-header-container .popup__cta .cta-primary-light-blue { display: block; } .global-header-container .popup__cta__spa { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .global-header-container .popup__cta__spa .cta-primary { margin-bottom: 10px; margin-right: 0px; } .global-header-container .popup__cta__dining { padding: 0 8px; } .global-header-container .popup__price { padding: 30px 0px; font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .global-header-container .popup__price { font-size: 1.125rem; line-height: 1.625rem } } .global-header-container .popup__price { border-top: 1px solid #F2F0E8; margin: 30px 30px 0 } .global-header-container .popup__price span { color: #002776; font-family: 'PraxisCom-Bold'; } .global-header-container .popup_dining__price { margin: 17px 10px 0 10px; padding: 20px 0px; border-top: 1px solid #A6B4CF; font-size: 1.125rem; line-height: 1.625rem; color: #666666 } .global-header-container .popup_dining__price span { color: #002776; font-family: 'PraxisCom-Semibold'; } .global-header-container .popup__desc { padding-top: 10px; } .global-header-container .popup_dining__desc { font-size: 1rem; line-height: 1.5625rem; color: #666666; font-family: 'PraxisCom-Regular'; } .global-header-container .dining_desc_popup { font-size: 1rem; line-height: 2.5rem; color: #666666; font-family: 'PraxisCom-Regular'; padding-bottom: 20px; } .global-header-container .popup__lower_desc { padding-bottom: 20px; text-align: center; color: #2B386F; } .global-header-container .popup__lower__dining_desc { padding: 0 30px 24px; font-size: 1rem; line-height: 1.5625rem; font-family: 'PraxisCom-Regular'; } .global-header-container .rebookServiceLabel { color: #002776; margin-top: 10px } .global-header-container .rebookServiceLabel a { text-decoration: none; color: #002776 } .global-header-container .rebookServiceLabel a:visited { color: #002776; } .global-header-container .global-header { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .global-header-container {/* & .menu-bar span { display: block; }*/ } .global-header-container .nav-toggle-btn { display: table-cell; vertical-align: middle; } .global-header-container .nav-toggle-btn .toggle-btn { display: block; } .global-header-container .nav-toggle-btn .toggle-btn::after, .global-header-container .nav-close-btn .close-btn::after { display: block; vertical-align: middle; background-repeat: no-repeat; background-position: center; text-decoration: none; } .global-header-container .menu-bar .nav-close-btn { margin-left: auto; width: 25px; height: 25px; text-align: center; } .global-header-container .menu-bar .close-btn:after { vertical-align: middle; display: inline-block; width: 25px; height: 25px; line-height: 1.5625rem; } .global-header-container .nav-brand-logo { text-align: center; } .global-header-container .menu-bar .nav__countdown .nav-text { display: block; border: none; width: auto } .global-header-container {/* main nav*/ } .global-header-container .main-nav { margin: 0; padding-right: 60px; } .global-header-container .main-nav, .global-header-container .main-nav-item, .global-header-container .secondary-nav, .global-header-container .secondary-nav-item { list-style: none; padding: 0; margin: 0; } .global-header-container .main-nav-item { padding: 0 } .global-header-container .main-nav-item .main-nav-link { font-weight: 600; } .global-header-container .main-nav-link { display: block; padding: 15px 20px; min-height: 60px; line-height: 1.875rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .global-header-container .main-nav-link::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: -12px; left: 0; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .global-header-container .main-nav-item:last-child, .global-header-container .secondary-nav-item:last-child { padding-bottom: 0; } .global-header-container .main-nav-container { display: block; width: 100%; bottom: 0; top: 0; right: -100%; padding-top: 77px; position: fixed; z-index: 300; -webkit-transition: right .5s; transition: right .5s; overflow: auto; } .global-header-container .main-nav-container.active { right: 0; } .global-header-container .main-nav-link { text-decoration: none; } .global-header-container .main-nav-link.highlight { color: #B10F26; font-weight: 600; } .global-header-container .nav-toggle-btn { margin-left: auto; height: 30px; width: auto; position: relative } .global-header-container .nav-toggle-btn .cart-label { position: absolute; left: 20px; background: #0076CE; color: #FFFFFF; font-size: 0.625rem; width: 16px; height: 16px; line-height: 1rem; text-align: center; border-radius: 50%; font-family: 'PraxisCom-Regular'; } .global-header-container .nav-toggle-btn .toggle-btn { width: 30px; height: 30px; line-height: 1.875rem; display: inline-block; vertical-align: middle; text-align: center; } .global-header-container .nav-toggle-btn .cart { display: inline-block; vertical-align: middle; text-align: center; width: 30px; height: 30px; line-height: 1.875rem; margin-right: 20px; display: inline-block; vertical-align: middle; position: relative; } .global-header-container .nav-toggle-btn .favourites { display: inline-block; vertical-align: middle; text-align: center; width: 30px; height: 30px; line-height: 1.875rem; margin-right: 20px; display: inline-block; vertical-align: middle; position: relative; text-decoration: none } .global-header-container .nav-toggle-btn .favourites.active::before { font-family: 'Icomoon'; display: inline-block; vertical-align: middle; position: absolute; font-size: 1.3125rem; color: #B10F25; content: "\E944"; left: 0; bottom: 1px; } .global-header-container .nav-toggle-btn .favourites.inactive::before { font-family: 'Icomoon'; display: inline-block; vertical-align: middle; position: absolute; font-size: 1.25rem; color: #988642; content: "\E945"; left: 0; bottom: 1px; } .global-header-container .nav-toggle-btn .favourites .favourites-label { right: 0; bottom: 0; top: 0; margin-top: auto; margin-bottom: auto; margin-left: 25px; font-family: 'PraxisCom-Regular'; color: #666666; font-size: 0.875rem; } .global-header-container .nav-toggle-btn .cart::after { font-family: 'Icomoon'; display: inline-block; vertical-align: middle; } .global-header-container .nav-toggle-btn .toggle-btn::after { font-family: 'Icomoon'; vertical-align: middle; display: inline-block; } .global-header-container .main-nav-container .menu-bar { padding: 0 20px; position: fixed; width: 100%; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 99; } .model_body_session { text-align: center; margin: auto; width: 100% } .model_body_session h1 { padding-bottom: 20px; font-family: 'GreycliffCF-light'; color: #002776; font-size: 1.25rem; line-height: 1.25rem; letter-spacing: 0.03125rem; } .model_body_session p { padding-bottom: 20px; font-family: 'PraxisCom-Regular'; color: #666666; font-size: 1rem; line-height: 1.5625rem; } .session-modal-dialog { min-height: 210px; background: #FFFFFF; width: 85%; position: relative; padding-top: 15px; margin: auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-top: 50%; } .session-modal-dialog .close:after { content: "\E906"; font-family: Icomoon; display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 15px; font-size: 0.75rem; line-height: 30px; line-height: 1.875rem; font-weight: bold; } .session-modal-dialog .modal-close-wrap { border: none; height: 80px; line-height: 80px; line-height: 5rem; border-bottom: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; text-align: right; } .session-modal-dialog .close { float: right; height: 60px; line-height: 60px; line-height: 3.75rem; color: #002776; font-size: 0.875rem; font-size: .875rem; font-family: PraxisCom-Regular; background: transparent; border: 0; cursor: pointer; } .session-modal-dialog .close-label { color: transparent; text-shadow: none; background-color: transparent; border: 0; } .session-modal-dialog .modal-content-wrapper { padding: 0; display: -webkit-box; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .session-modal-dialog .modal-content { margin: 0 auto; } .modal-btns_session { text-align: center; } .modal-btns_session .cta-primary { margin: 10px; width: 80%; } .modal-btns_session .cta-button-outline { /* @mixin cta-primary; */ margin-top: 5px; width: 92%; background: #B10F26; color: #FFFFFF; border: none; height: 35px; border-radius: 20px; font-family: 'GreycliffCF-bold'; padding-top: 15px; display: inline-block; -webkit-text-decoration: auto; text-decoration: auto; } .modal-btns_session .cta-primary { margin: 10px; width: 90%; line-height: 2.5rem; height: 40px; border-radius: 15px; padding: 0 30px; } .aria-modal .modal-close-wrap { border-bottom: 0; } .react-component.namContractsBanner { margin-bottom: 0px !important; } /* .wrapper { margin-top: 55px; } */ /* Toast for Favourite functionality */ @-webkit-keyframes Toastify__trackProgress_extend { 0% { width: 0%; } 100% { width: 100% } } @keyframes Toastify__trackProgress_extend { 0% { width: 0%; } 100% { width: 100% } } .fav-toast-wrapper .fav-toast-container { position: relative; padding-left: 30px; padding-right: 15px } .fav-toast-wrapper .fav-toast-container::before { content: '\E908'; font-family: 'Icomoon'; font-size: 1.25rem; position: absolute; left: 0; color: #E42313; } .fav-toast-wrapper .fav-toast-container h5 { font-size: 1rem; color: #666666; margin-bottom: 8px; } .fav-toast-wrapper .fav-toast-container p { margin-top: 0px; font-size: 0.825rem; line-height: 1.1rem; font-family: 'PraxisCom-Regular'; color: #666666; } .Toastify__toast-container { width: 90vw !important; padding: 0; /* left: ; */ margin: 0; right: 0; display: block; margin-left: auto; margin-right: auto; } .Toastify__toast-container .closeButton { font-size: 1rem; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .Toastify__progress-bar { width: 0%; bottom: -1px; height: 3px; background-color: #E42313 } .Toastify__progress-bar.Toastify__progress-bar--animated { -webkit-animation: Toastify__trackProgress_extend; animation: Toastify__trackProgress_extend; } .Toastify__toast-container--bottom-center { bottom: 20px; } @media (min-width: 768px){ .global-header-container { height: 85px } .global-header-container .nav-toggle-btn { height: 40px; width: auto; } .global-header-container .nav-toggle-btn .toggle-btn { width: 40px; height: 40px; line-height: 2.5rem; } .global-header-container .nav-toggle-btn .cart { width: 40px; height: 40px; line-height: 2.5rem; margin-right: 20px; } .global-header-container .popup__cta { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .global-header-container .popup__cta .cta-primary { margin-bottom: 0px; margin-right: 20px; } .global-header-container .popup__cta__spa { display: block } .global-header-container .popup__cta__spa .cta-primary { margin-bottom: 0px; margin-right: 10px; } .global-header-container .popup { right: 35px; width: 530px; top: 60px; padding: 55px; } .global-header-container .dining_popup { right: 50px; width: 450px; top: 75px; padding: 60px 0px 27px 0px; } .global-header-container .popup__price { margin: 30px 50px 0; } .global-header-container .popup__close { display: none; } .global-header-container .main-nav-container { padding-top: 90px; } .global-header-container .dining_desc_popup { line-height: 2rem; padding: 10px 50px 20px; } .global-header-container .popup_dining__title { font-size: 1.875rem; line-height: 2.25rem; } .global-header-container .popup__lower__dining_desc { padding: 0 35px 24px; } .model_body_session h1 { font-size: 2.5rem; line-height: 2.9375rem; } .model_body_session p { font-size: 1.125rem; line-height: 1.625rem; } .session-modal-dialog { margin-top: 30%; padding-top: 15px; min-height: 270px; width: 70%; } .modal-btns_session .cta-button-outline { width: 65%; margin-top: 10px; } .modal-btns_session .cta-primary{ margin: 10px; width: 70%; line-height: 3.125rem; height: 50px; border-radius: 15px; padding: 0px 50px; } .fav-toast-wrapper .fav-toast-container h5 { font-size: 1.125rem; } .fav-toast-wrapper .fav-toast-container p { font-size: 1rem; } } @media (min-width: 981px){ .global-header-container .utility-nav-container .nav-item.favourites-m-list div { padding-left: 10px; padding-right: 10px; height: 25px; } .global-header-container .utility-nav-container .nav-item.favourites-m-list .favourites { display: inline-block; vertical-align: middle; text-align: center; line-height: 1.875rem; margin-right: 0; display: inline-block; vertical-align: middle; position: relative; text-decoration: none; border-left: unset; padding: 0 } .global-header-container .utility-nav-container .nav-item.favourites-m-list .favourites.active::before { font-family: 'Icomoon'; display: inline-block; vertical-align: middle; position: absolute; font-size: 1.3125rem; color: #B10F25; content: "\E944"; left: 0px; bottom: 7px; } .global-header-container .utility-nav-container .nav-item.favourites-m-list .favourites.inactive::before { font-family: 'Icomoon'; display: inline-block; vertical-align: middle; position: absolute; font-size: 1.3125rem; color: #988642; content: "\E945"; left: 0px; bottom: 7px; } .global-header-container .utility-nav-container .nav-item.favourites-m-list .favourites .favourites-label { font-family: 'PraxisCom-Regular'; color: #666666; font-size: 0.875rem; margin-left: 27px; } } @media (min-width: 1025px){ .global-header-container { position: fixed; top: 0 } .global-header-container .global-header { display: table; margin-bottom: 0; } .global-header-container .global-header:before { content: ''; display: table; } .global-header-container .global-header:after { content: ''; display: table; clear: both; } .global-header-container .nav-toggle-btn { display: none; } .global-header-container .main-nav-container { position: static; -webkit-transition: none; transition: none; right: 0; overflow: inherit; padding: 0; } .global-header-container .main-nav-container .menu-bar { display: none; } .global-header-container .navigation { display: inline-block; width: 100%; } .global-header-container .main-nav, .global-header-container .secondary-nav { text-align: right; position: static; margin: 0; border-bottom: 0; } .global-header-container .main-nav {/* padding-right: 60px;*/ } .global-header-container .secondary-nav {/* padding-right: 60px;*/ line-height: 3.75rem; height: 60px; position: relative; } .global-header-container .main-nav-item, .global-header-container .secondary-nav-item { display: inline-block; padding: 0; min-height: auto; line-height: 1em; position: relative; z-index: 9; } .global-header-container .secondary-nav-item { padding: 15px 10px; } .global-header-container .main-nav-item:last-child, .global-header-container .secondary-nav-item:last-child { margin-right: 0; margin-left: 0; padding-right: 0; padding-bottom: 20px; } .global-header-container .secondary-list.active .main-nav-link.active { padding-bottom: 20px; } .global-header-container .utility-nav-container.bg { width: 100%; } .global-header-container {/* & .utility-nav-container { & .nav-item { &.favourites-m-list { & div { padding-left: 15px; padding-right: 15px; border-left: 1px solid var(--color-secondary5); height: 25px; } } } }*/ } .global-header-container .main-nav-link { text-decoration: none; line-height: 1; letter-spacing: 0.05rem; display: inline-block; padding: 0; min-height: auto; } .global-header-container .main-nav-item { padding: 15px 10px; } .global-header-container .secondary-list-menu { display: none; } .global-header-container .image-list-menu { display: none; } .global-header-container .image-list-menu .image-link span { bottom: 15px; } .global-header-container .secondary-list.active .secondary-list-menu { display: block; margin-top: -4px; } .global-header-container .image-list.active .image-list-menu { display: block; } .global-header-container .secondary-list-menu { position: absolute; left: 0; right: 0; padding: 30px 0 81px; top: auto; overflow: hidden; -webkit-transition: none; transition: none; height: auto; } .global-header-container .secondary-list-menu ul { max-width: 990px; margin-left: auto; margin-right: auto; padding: 0; list-style-type: none; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; text-align: left; } .global-header-container .secondary-list-menu ul:before { content: ''; display: table; } .global-header-container .secondary-list-menu ul:after { content: ''; display: table; clear: both; } .global-header-container .secondary-list-menu ul:before { content: ''; display: table; } .global-header-container .secondary-list-menu ul:after { content: ''; display: table; clear: both; } .global-header-container .secondary-list-menu li { padding: 30px 0 0; overflow: hidden; -webkit-column-break-inside: avoid; } .global-header-container .secondary-list-menu .secondary-link { text-decoration: none; } .global-header-container .image-list-menu { position: absolute; left: 0; right: 0; padding: 50px 0 30px; top: auto; overflow: hidden; -webkit-transition: none; transition: none; height: auto; } .global-header-container .image-list-menu ul { max-width: 900px; margin-left: auto; margin-right: auto; padding: 0; margin: auto; } .global-header-container .image-list-menu ul:before { content: ''; display: table; } .global-header-container .image-list-menu ul:after { content: ''; display: table; clear: both; } .global-header-container .image-list-menu ul:before { content: ''; display: table; } .global-header-container .image-list-menu ul:after { content: ''; display: table; clear: both; } .global-header-container .image-list-menu li { width: calc(99.9% * 1/3 - (18px - 18px * 1/3)); margin-bottom: 18px; padding-bottom: 0; } .global-header-container .image-list-menu li:nth-child(1n) { float: left; margin-right: 18px; clear: none; } .global-header-container .image-list-menu li:last-child { margin-right: 0; } .global-header-container .image-list-menu li:nth-child(3n) { margin-right: 0; float: right; } .global-header-container .image-list-menu li:nth-child(3n + 1) { clear: both; } .global-header-container .image-list-menu li:last-child { margin-bottom: 20px; } .global-header-container .image-list-menu a { display: block; position: relative; } .global-header-container .image-list-menu a::before { background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .global-header-container .image-list-menu span { position: absolute; left: 30px; bottom: 20px; } .global-header-container .image-list-menu .image-lazy-loader { display: block; } .global-header-container .action-bar { display: none; } .global-header-container .popup { right: 70px; width: 630px; top: 60px; padding: 55px; } .global-header-container .dining_popup { right: 82px; width: 640px; } .global-header-container .cta_primary_dining { margin-right: 24px; width: 305px; } .global-header-container .cta-primary-light-blue_dining { width: 305px; } .session-modal-dialog { margin: auto; min-height: 300px; width: 55%; } .session-modal-dialog .close:after { font-size: 0.875rem; line-height: 1.875rem; font-weight: bold; } .modal-btns_session .cta-button-outline { /* @mixin cta-primary; */ margin: 20px; width: 62%; height: 40px; padding-top: 18px; } .modal-btns_session .cta-primary { margin: 10px; width: 70%; line-height: 3.75rem; height: 60px; border-radius: 15px; } .fav-toast-wrapper .fav-toast-container { padding-right: 18px; } .Toastify__toast-container { width: 30vw !important; padding: 0; left: unset; top: 220px; margin: 0; right: 40px; display: block; margin-left: auto; margin-right: auto; } .Toastify__toast-container .closeButton { font-size: 1rem; position: absolute; right: 13px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } @media (min-width: 1281px){ .global-header-container .main-nav-item { padding: 15px 25.5px; } .global-header-container .secondary-nav-item { padding: 15px 25.5px; } .global-header-container .utility-nav-container .nav-item.favourites-m-list div { padding-left: 15px; padding-right: 15px; } .modal-btns_session .cta-primary{ margin: 10px; width: 80%; line-height: 3.75rem; height: 60px; border-radius: 15px; } } @-webkit-keyframes animateCurve { 0% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr1.svg); opacity: 1;} 5% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr2.svg); } 10% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr3.svg); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: drop-shadow( 0 0 0 transparent ); filter: drop-shadow( 0 0 0 transparent )} 15% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr4.svg); } 20% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC41NTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q1e29wYWNpdHk6MC42NTtmaWxsOnVybCgjU1ZHSURfNF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NntvcGFjaXR5OjAuNDU7ZmlsbDp1cmwoI1NWR0lEXzVfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDd7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF82Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q4e2ZpbGw6dXJsKCNTVkdJRF83Xyk7fQoJLnN0OXtmaWxsOnVybCgjU1ZHSURfOF8pO30KCS5zdDEwe2ZpbGw6dXJsKCNTVkdJRF85Xyk7fQoJLnN0MTF7b3BhY2l0eTowLjY1O2ZpbGw6dXJsKCNTVkdJRF8xMF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTJ7b3BhY2l0eTowLjQ1O2ZpbGw6dXJsKCNTVkdJRF8xMV8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTN7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF8xMl8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgo8ZyBpZD0iTGF5ZXJfMyI+CjwvZz4KPGcgaWQ9IkxheWVyXzFfMV8iPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMHYxMTdjMzYuNiw0LjcsNzkuNCwzMC41LDk5LDM4LjFjMTkuNS03LjUsNjIuNC0yNi4zLDk5LTMxLjFWMEgweiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIyLjciIHgyPSI5OSIgeTI9IjIuNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxNTUuM0w5OSwxNTUuM0w5OSwxNTUuM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMi41Mjc2IiB5MT0iMzUuMzY1IiB4Mj0iMTAxLjQyNzYiIHkyPSIxNy4wMzUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAsMTA4LjNWMTI2bDAsMGMzNi42LDQuNyw3OS40LDIxLjgsOTguOSwyOS4zbDAsMEM2Ni40LDEzMC41LDI5LDExNi4yLDAsMTA4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIyLjciIHgyPSI5OSIgeTI9IjIuNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OSwxNTUuM0w5OSwxNTUuM0w5OSwxNTUuM3oiLz4KCTwvZz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjM4LjI1IiB4Mj0iNDkiIHkyPSIzOC4yNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2ODgzQzEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjBCOERFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NSIgZD0iTTAsMTA4LjN2Ni40YzE0LjYsMy4zLDMxLjUsMTAsNDksMTYuNUMzNC44LDEyMSw2LjYsMTEwLjMsMCwxMDguM3oiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTAuNzk1NiIgeTE9IjQzLjg4NzkiIHgyPSIzNC43NTAyIiB5Mj0iMzcuNjIwMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMCwxMDkuNnY3YzEwLjEsMi4zLDIxLjMsNC4yLDM0LDguM0MyMy41LDExOC4xLDExLjYsMTEzLjgsMCwxMDkuNnoiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTEuNTg1NiIgeTE9IjI5LjcwNzciIHgyPSIxMDAuNTg1NiIgeTI9IjExLjY5MjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQjYwRTBDIi8+CgkJPHN0b3AgIG9mZnNldD0iNi41MDk2MzBlLTAyIiBzdHlsZT0ic3RvcC1jb2xvcjojQzQwQzBFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNzg3IiBzdHlsZT0ic3RvcC1jb2xvcjojRDUwODExIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zMDIzIiBzdHlsZT0ic3RvcC1jb2xvcjojREYwNzEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC40NTMiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMjA2MTMiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU2OTgiIHN0eWxlPSJzdG9wLWNvbG9yOiNERDA3MTMiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjcwODUiIHN0eWxlPSJzdG9wLWNvbG9yOiNDRjBBMTIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjg1NzUiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNzBGMTAiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojOTkxNTBFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NyIgZD0iTTk5LDE1NS4zYy0zMi41LTE3LjktNzAuMS0zMC4yLTk5LTM2djcuNkMzNi41LDEzMS43LDc5LjQsMTQ3LjgsOTksMTU1LjN6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTguNDU0NiIgeTE9IjM1LjQyMjEiIHgyPSItMTk5NC4zMTQxIiB5Mj0iMTcuMDU5MyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNMTk4LDEwOC4zdjExdjYuN2wwLDBjLTM2LjYsNC43LTc5LjUsMjEuNy05OSwyOS4ybDAsMEMxMzEuNCwxMzAuNSwxNjksMTE2LjIsMTk4LDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xOTk2LjgzNyIgeTE9IjIuNiIgeDI9Ii0xOTk2LjgzNyIgeTI9IjIuNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5NS45MzciIHkxPSIzOC4zIiB4Mj0iLTIwNDYuOTM3IiB5Mj0iMzguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2ODgzQzEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjBCOERFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xOTgsMTA4LjN2Ni4zYy0xNC44LDMuMy0zMS42LDEwLTQ5LDE2LjVDMTYzLjEsMTIxLDE5MS4zLDExMC4zLDE5OCwxMDguM3oiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk2LjczNDEiIHkxPSI0My43NzkzIiB4Mj0iLTIwNjEuMjQiIHkyPSIzNy41MjA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEyIiBkPSJNMTk4LDEwOS43djVjLTEwLjUsMi40LTIxLjksNi40LTMzLjksMTAuM0MxNzQuNiwxMTguMSwxODYuNCwxMTMuOCwxOTgsMTA5Ljd6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5Ny41MjI3IiB5MT0iMjkuNzA3NyIgeDI9Ii0xOTk1LjM1MTQiIHkyPSIxMS42OTIyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I2MEUwQyIvPgoJCTxzdG9wICBvZmZzZXQ9IjYuNTA5NjMwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0M0MEMwRSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0Q1MDgxMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzAyMyIgc3R5bGU9InN0b3AtY29sb3I6I0RGMDcxMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNDUzIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIwNjEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41Njk4IiBzdHlsZT0ic3RvcC1jb2xvcjojREQwNzEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MDg1IiBzdHlsZT0ic3RvcC1jb2xvcjojQ0YwQTEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC44NTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojQjcwRjEwIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5MTUwRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEzIiBkPSJNOTksMTU1LjNjMzIuNS0xNy45LDcwLTMwLjIsOTktMzZ2Ny43QzE2MS40LDEzMS44LDExOC41LDE0Ny44LDk5LDE1NS4zeiIvPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 25% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4zNTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q1e29wYWNpdHk6MC4zNTtmaWxsOnVybCgjU1ZHSURfNF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NntvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzVfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDd7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzZfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q5e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0MTB7ZmlsbDp1cmwoI1NWR0lEXzlfKTt9Cgkuc3QxMXtvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzEwXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMntvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzExXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxM3tvcGFjaXR5OjcuMDAwMDAwZS0wMjtmaWxsOnVybCgjU1ZHSURfMTJfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzMiPgo8L2c+CjxnIGlkPSJMYXllcl8xXzFfIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDB2MTE3YzM2LjYsNC43LDc5LjQsMzAuNSw5OSwzOC4xYzE5LjUtNy41LDYyLjQtMjguMyw5OS0zMy4xVjBIMHoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMi43IiB4Mj0iOTkiIHkyPSIyLjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIuNTI3NiIgeTE9IjM1LjM2NSIgeDI9IjEwMS40Mjc2IiB5Mj0iMTcuMDM1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC4yNzg3IiBzdHlsZT0ic3RvcC1jb2xvcjojRjBGMEYwIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGN0Y3RjciLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wLDEwOC4zVjEyNGwwLDBjMzYuNiw0LjcsNzkuNCwyMy44LDk4LjksMzEuM2wwLDBDNjYuNCwxMzAuNSwyOSwxMTYuMiwwLDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMi43IiB4Mj0iOTkiIHkyPSIyLjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIzOC4yNSIgeDI9IjQ5IiB5Mj0iMzguMjUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNjg4M0MxIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0IwQjhERSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0wLDEwOC4zdjYuNGMxNC42LDMuMywzMS41LDEwLDQ5LDE2LjVDMzQuOCwxMjEsNi42LDExMC4zLDAsMTA4LjN6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjc5NTYiIHkxPSI0My44ODc5IiB4Mj0iMzQuNzUwMiIgeTI9IjM3LjYyMDIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTkxRDU0Ii8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNjA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkyQTZCIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zNjA3IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzNjgxIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41NTQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzRThFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MzI5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTk0MDkyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTAsMTA5LjZ2N2MxMC4xLDIuMywyMS4zLDQuMiwzNCw4LjNDMjMuNSwxMTguMSwxMS42LDExMy44LDAsMTA5LjZ6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xLjU4NTYiIHkxPSIyOS43MDc3IiB4Mj0iMTAwLjU4NTYiIHkyPSIxMS42OTIzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I2MEUwQyIvPgoJCTxzdG9wICBvZmZzZXQ9IjYuNTA5NjMwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0M0MEMwRSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0Q1MDgxMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzAyMyIgc3R5bGU9InN0b3AtY29sb3I6I0RGMDcxMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNDUzIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIwNjEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41Njk4IiBzdHlsZT0ic3RvcC1jb2xvcjojREQwNzEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MDg1IiBzdHlsZT0ic3RvcC1jb2xvcjojQ0YwQTEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC44NTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojQjcwRjEwIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5MTUwRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik05OSwxNTUuM2MtMzIuNS0xNy45LTcwLjEtMzAuMi05OS0zNnY1LjZDMzYuNSwxMjkuNyw3OS40LDE0Ny44LDk5LDE1NS4zeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfN18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTE5OTYuODM3IiB5MT0iMi42IiB4Mj0iLTE5OTYuODM3IiB5Mj0iMi42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzhfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk4LjQ1NDYiIHkxPSIzNS40MjIxIiB4Mj0iLTE5OTQuMzE0MSIgeTI9IjE3LjA1OTMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OSIgZD0iTTE5OCwxMDguM3YxMXY0LjdsMCwwYy0zNi42LDQuNy03OS41LDIzLjctOTksMzEuMmwwLDBDMTMxLjQsMTMwLjUsMTY5LDExNi4yLDE5OCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJPC9nPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTUuOTM3IiB5MT0iMzguMyIgeDI9Ii0yMDQ2LjkzNyIgeTI9IjM4LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNjg4M0MxIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0IwQjhERSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDExIiBkPSJNMTk4LDEwOC4zdjYuM2MtMTQuOCwzLjMtMzEuNiwxMC00OSwxNi41QzE2My4xLDEyMSwxOTEuMywxMTAuMywxOTgsMTA4LjN6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzExXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5Ni43MzQxIiB5MT0iNDMuNzc5MyIgeDI9Ii0yMDYxLjI0IiB5Mj0iMzcuNTIwNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMiIgZD0iTTE5OCwxMDkuN3Y1Yy0xMC41LDIuNC0yMS45LDYuNC0zMy45LDEwLjNDMTc0LjYsMTE4LjEsMTg2LjQsMTEzLjgsMTk4LDEwOS43eiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTcuNTIyNyIgeTE9IjI5LjcwNzciIHgyPSItMTk5NS4zNTE0IiB5Mj0iMTEuNjkyMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNjBFMEMiLz4KCQk8c3RvcCAgb2Zmc2V0PSI2LjUwOTYzMGUtMDIiIHN0eWxlPSJzdG9wLWNvbG9yOiNDNDBDMEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNENTA4MTEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjMwMjMiIHN0eWxlPSJzdG9wLWNvbG9yOiNERjA3MTIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjQ1MyIgc3R5bGU9InN0b3AtY29sb3I6I0UyMDYxMyIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTY5OCIgc3R5bGU9InN0b3AtY29sb3I6I0REMDcxMyIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzA4NSIgc3R5bGU9InN0b3AtY29sb3I6I0NGMEExMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuODU3NSIgc3R5bGU9InN0b3AtY29sb3I6I0I3MEYxMCIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5OTE1MEUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMyIgZD0iTTk5LDE1NS4zYzMyLjUtMTcuOSw3MC0zMC4yLDk5LTM2djUuN0MxNjEuNCwxMjkuOCwxMTguNSwxNDcuOCw5OSwxNTUuM3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 30% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4yO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF80Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q2e29wYWNpdHk6MC4xODtmaWxsOnVybCgjU1ZHSURfNV8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0N3tmaWxsOnVybCgjU1ZHSURfNl8pO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q5e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0MTB7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF85Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMXtvcGFjaXR5OjAuMTg7ZmlsbDp1cmwoI1NWR0lEXzEwXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwdjExN2MzNi42LDQuNyw3OS40LDMwLjUsOTksMzguMWMyMC4yLTcuOCw2Mi43LTMxLjQsOTktMzYuMVYwSDB6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjIuNyIgeDI9Ijk5IiB5Mj0iMi43IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE1NS4zTDk5LDE1NS4zTDk5LDE1NS4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yLjUyNzYiIHkxPSIzNS4zNjUiIHgyPSIxMDEuNDI3NiIgeTI9IjE3LjAzNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMCwxMDguM1YxMjJsMCwwYzM2LjYsNC43LDc5LjQsMjUuOCw5OC45LDMzLjNsMCwwQzY2LjQsMTMwLjUsMjksMTE2LjIsMCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjIuNyIgeDI9Ijk5IiB5Mj0iMi43IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk5LDE1NS4zTDk5LDE1NS4zTDk5LDE1NS4zeiIvPgoJPC9nPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iMzguMjUiIHgyPSI0OSIgeTI9IjM4LjI1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY4ODNDMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMEI4REUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMCwxMDguM3Y2LjRjMTQuNiwzLjMsMzEuNSwxMCw0OSwxNi41QzM0LjgsMTIxLDYuNiwxMTAuMywwLDEwOC4zeiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMC43OTU2IiB5MT0iNDMuODg3OSIgeDI9IjM0Ljc1MDIiIHkyPSIzNy42MjAyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0wLDEwOS42djdjMTAuMSwyLjMsMjEuMyw0LjIsMzQsOC4zQzIzLjUsMTE4LjEsMTEuNiwxMTMuOCwwLDEwOS42eiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTE5OTYuODM3IiB5MT0iMi42IiB4Mj0iLTE5OTYuODM3IiB5Mj0iMi42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk4LjQ1NDYiIHkxPSIzNS40MjIxIiB4Mj0iLTE5OTQuMzE0MSIgeTI9IjE3LjA1OTMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTE5OCwxMDguM3YxMXYyLjdsMCwwYy0zNi42LDQuNy03OS41LDI1LjctOTksMzMuMmwwLDBDMTMxLjQsMTMwLjUsMTY5LDExNi4yLDE5OCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk1LjkzNyIgeTE9IjM4LjMiIHgyPSItMjA0Ni45MzciIHkyPSIzOC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY4ODNDMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMEI4REUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE5OCwxMDguM3Y2LjNjLTE0LjgsMy4zLTMxLjYsMTAtNDksMTYuNUMxNjMuMSwxMjEsMTkxLjMsMTEwLjMsMTk4LDEwOC4zeiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTYuNzM0MSIgeTE9IjQzLjc3OTMiIHgyPSItMjA2MS4yNCIgeTI9IjM3LjUyMDciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTkxRDU0Ii8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNjA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkyQTZCIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zNjA3IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzNjgxIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41NTQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzRThFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MzI5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTk0MDkyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xOTgsMTA5Ljd2NWMtMTAuNSwyLjQtMjEuOSw2LjQtMzMuOSwxMC4zQzE3NC42LDExOC4xLDE4Ni40LDExMy44LDE5OCwxMDkuN3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 35% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzRfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDZ7ZmlsbDp1cmwoI1NWR0lEXzVfKTt9Cgkuc3Q3e2ZpbGw6dXJsKCNTVkdJRF82Xyk7fQoJLnN0OHtmaWxsOnVybCgjU1ZHSURfN18pO30KCS5zdDl7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzhfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzMiPgo8L2c+CjxnIGlkPSJMYXllcl8xXzFfIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDExMS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDI3LjksOTAuNywzNi4xYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMy0zMCw5MC44LTM2LjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjExMS4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNzI1LjMiIHgyPSI5OSIgeTI9IjE3MjUuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIuNTI3NiIgeTE9IjE2OTIuNjM1IiB4Mj0iMTAxLjQyNzYiIHkyPSIxNzEwLjk2NSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAsMTA4LjNWMTIybDAsMGMzNi42LDQuNyw3OS40LDI1LjgsOTguOSwzMy4zbDAsMEM2Ni40LDEzMC41LDI5LDExNi4yLDAsMTA4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNzI1LjMiIHgyPSI5OSIgeTI9IjE3MjUuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjc5NTYiIHkxPSIxNjg0LjExMjIiIHgyPSIzNC43NTAyIiB5Mj0iMTY5MC4zNzk5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMCwxMDkuNnY3YzEwLjEsMi4zLDIxLjMsNC4yLDM0LDguM0MyMy41LDExOC4xLDExLjYsMTEzLjgsMCwxMDkuNnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzI1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyNS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik05OC45LDE1NS40TDk4LjksMTU1LjRMOTguOSwxNTUuNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF82XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDQ5MC40NTQ2IiB5MT0iMTY5Mi41Nzc5IiB4Mj0iLTQzODYuMzE0IiB5Mj0iMTcxMC45NDA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTk4LDEwOC4zdjExdjIuN2wwLDBjLTM2LjYsNC43LTc5LjUsMjUuNy05OSwzMy4ybDAsMEMxMzEuNCwxMzAuNSwxNjksMTE2LjIsMTk4LDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzI1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyNS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik05OC45LDE1NS40TDk4LjksMTU1LjRMOTguOSwxNTUuNHoiLz4KCTwvZz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQ0ODguNzM0NCIgeTE9IjE2ODQuMjIwNyIgeDI9Ii00NDUzLjIzOTciIHkyPSIxNjkwLjQ3OTIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xOTgsMTA5Ljd2NWMtMTAuNSwyLjQtMjEuOSw2LjQtMzMuOSwxMC4zQzE3NC42LDExOC4xLDE4Ni40LDExMy44LDE5OCwxMDkuN3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 40% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMDYuMmMwLDMuMywyLjQsNi4xLDUuNiw2LjdjMzMuNyw2LjEsNzEuMiwyNy45LDkwLjcsMzYuMWMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtMzAsOTAuOC0zNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFYxMDYuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcyMC4zIiB4Mj0iOTkiIHkyPSIxNzIwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE1MC4zTDk5LDE1MC4zTDk5LDE1MC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcyMC4zIiB4Mj0iOTkiIHkyPSIxNzIwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDE1MC4zTDk5LDE1MC4zTDk5LDE1MC4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE3MjAuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNzIwLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTUwLjRMOTguOSwxNTAuNEw5OC45LDE1MC40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzIwLjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyMC40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDE1MC40TDk4LjksMTUwLjRMOTguOSwxNTAuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 45% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMDYuMmMwLDMuMywyLjQsNi4xLDUuNiw2LjdjMzMuNyw2LjEsNzEuMiwyMC45LDkwLjcsMjkuMWMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtMjMsOTAuOC0yOS4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFYxMDYuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcxMy4zIiB4Mj0iOTkiIHkyPSIxNzEzLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE0My4zTDk5LDE0My4zTDk5LDE0My4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcxMy4zIiB4Mj0iOTkiIHkyPSIxNzEzLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDE0My4zTDk5LDE0My4zTDk5LDE0My4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE3MTMuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNzEzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTQzLjRMOTguOSwxNDMuNEw5OC45LDE0My40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzEzLjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcxMy40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDE0My40TDk4LjksMTQzLjRMOTguOSwxNDMuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 50% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw5OC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDEzLjksOTAuNywyMi4xYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMy0xNiw5MC44LTIyLjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjk4LjJ6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2OTguMyIgeDI9Ijk5IiB5Mj0iMTY5OC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxMjguM0w5OSwxMjguM0w5OSwxMjguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2OTguMyIgeDI9Ijk5IiB5Mj0iMTY5OC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05OSwxMjguM0w5OSwxMjguM0w5OSwxMjguM3oiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjk4LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY5OC40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OC45LDEyOC40TDk4LjksMTI4LjRMOTguOSwxMjguNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY5OC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2OTguNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTguOSwxMjguNEw5OC45LDEyOC40TDk4LjksMTI4LjR6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJsYW5raW5nIj4KPC9nPgo8L3N2Zz4K); } 55% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw5MS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDguOSw5MC43LDE3LjFjMS43LDAuNywzLjYsMC43LDUuMywwYzIwLTguNCw1Ny4zLTExLDkwLjgtMTcuMQoJCWMzLjMtMC42LDUuNi0zLjQsNS42LTYuN1YwSDBWOTEuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTY4Ni4zIiB4Mj0iOTkiIHkyPSIxNjg2LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDExNi4zTDk5LDExNi4zTDk5LDExNi4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTY4Ni4zIiB4Mj0iOTkiIHkyPSIxNjg2LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDExNi4zTDk5LDExNi4zTDk5LDExNi4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2ODYuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjg2LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTE2LjRMOTguOSwxMTYuNEw5OC45LDExNi40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjg2LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY4Ni40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDExNi40TDk4LjksMTE2LjRMOTguOSwxMTYuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 60% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw4Ni4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDk5LDc2LjgsOTUuOCw5Ni4zLDEwNGMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtNSw5MC44LTExLjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjg2LjJ6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2NzUuMyIgeDI9Ijk5IiB5Mj0iMTY3NS4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxMDUuM0w5OSwxMDUuM0w5OSwxMDUuM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2NzUuMyIgeDI9Ijk5IiB5Mj0iMTY3NS4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05OSwxMDUuM0w5OSwxMDUuM0w5OSwxMDUuM3oiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjc1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY3NS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OC45LDEwNS40TDk4LjksMTA1LjRMOTguOSwxMDUuNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY3NS40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NzUuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTguOSwxMDUuNEw5OC45LDEwNS40TDk4LjksMTA1LjR6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJsYW5raW5nIj4KPC9nPgo8L3N2Zz4K); } 70% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw4MC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDkzLDc2LjgsODQuOCw5Ni4zLDkzYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY4MC4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjY0LjMiIHgyPSI5OSIgeTI9IjE2NjQuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksOTQuM0w5OSw5NC4zTDk5LDk0LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjY0LjMiIHgyPSI5OSIgeTI9IjE2NjQuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksOTQuM0w5OSw5NC4zTDk5LDk0LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY2NC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NjQuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw5NC40TDk4LjksOTQuNEw5OC45LDk0LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NjQuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjY0LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksOTQuNEw5OC45LDk0LjRMOTguOSw5NC40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 80% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw3My4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDg2LDc2LjgsNzcuOCw5Ni4zLDg2YzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY3My4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjU3LjMiIHgyPSI5OSIgeTI9IjE2NTcuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksODcuM0w5OSw4Ny4zTDk5LDg3LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjU3LjMiIHgyPSI5OSIgeTI9IjE2NTcuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksODcuM0w5OSw4Ny4zTDk5LDg3LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY1Ny40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NTcuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw4Ny40TDk4LjksODcuNEw5OC45LDg3LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NTcuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjU3LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksODcuNEw5OC45LDg3LjRMOTguOSw4Ny40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 90% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw2NC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDc3LDc2LjgsNjguOCw5Ni4zLDc3YzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY2NC4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjQ4LjMiIHgyPSI5OSIgeTI9IjE2NDguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksNzguM0w5OSw3OC4zTDk5LDc4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjQ4LjMiIHgyPSI5OSIgeTI9IjE2NDguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksNzguM0w5OSw3OC4zTDk5LDc4LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY0OC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NDguNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw3OC40TDk4LjksNzguNEw5OC45LDc4LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NDguNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjQ4LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksNzguNEw5OC45LDc4LjRMOTguOSw3OC40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); opacity: 1;} 100% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw0OS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDYyLDc2LjgsNTMuOCw5Ni4zLDYyYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY0OS4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjMzLjMiIHgyPSI5OSIgeTI9IjE2MzMuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksNjMuM0w5OSw2My4zTDk5LDYzLjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjMzLjMiIHgyPSI5OSIgeTI9IjE2MzMuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksNjMuM0w5OSw2My4zTDk5LDYzLjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTYzMy40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2MzMuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw2My40TDk4LjksNjMuNEw5OC45LDYzLjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2MzMuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjMzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksNjMuNEw5OC45LDYzLjRMOTguOSw2My40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); opacity: 1;filter: url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter: drop-shadow( 0 0 0 transparent );filter: drop-shadow( 0 0 0 transparent )} } @keyframes animateCurve { 0% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr1.svg); opacity: 1;} 5% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr2.svg); } 10% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr3.svg); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: drop-shadow( 0 0 0 transparent ); filter: drop-shadow( 0 0 0 transparent )} 15% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr4.svg); } 20% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC41NTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q1e29wYWNpdHk6MC42NTtmaWxsOnVybCgjU1ZHSURfNF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NntvcGFjaXR5OjAuNDU7ZmlsbDp1cmwoI1NWR0lEXzVfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDd7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF82Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q4e2ZpbGw6dXJsKCNTVkdJRF83Xyk7fQoJLnN0OXtmaWxsOnVybCgjU1ZHSURfOF8pO30KCS5zdDEwe2ZpbGw6dXJsKCNTVkdJRF85Xyk7fQoJLnN0MTF7b3BhY2l0eTowLjY1O2ZpbGw6dXJsKCNTVkdJRF8xMF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTJ7b3BhY2l0eTowLjQ1O2ZpbGw6dXJsKCNTVkdJRF8xMV8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTN7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF8xMl8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgo8ZyBpZD0iTGF5ZXJfMyI+CjwvZz4KPGcgaWQ9IkxheWVyXzFfMV8iPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMHYxMTdjMzYuNiw0LjcsNzkuNCwzMC41LDk5LDM4LjFjMTkuNS03LjUsNjIuNC0yNi4zLDk5LTMxLjFWMEgweiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIyLjciIHgyPSI5OSIgeTI9IjIuNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxNTUuM0w5OSwxNTUuM0w5OSwxNTUuM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMi41Mjc2IiB5MT0iMzUuMzY1IiB4Mj0iMTAxLjQyNzYiIHkyPSIxNy4wMzUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAsMTA4LjNWMTI2bDAsMGMzNi42LDQuNyw3OS40LDIxLjgsOTguOSwyOS4zbDAsMEM2Ni40LDEzMC41LDI5LDExNi4yLDAsMTA4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIyLjciIHgyPSI5OSIgeTI9IjIuNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OSwxNTUuM0w5OSwxNTUuM0w5OSwxNTUuM3oiLz4KCTwvZz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjM4LjI1IiB4Mj0iNDkiIHkyPSIzOC4yNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2ODgzQzEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjBCOERFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NSIgZD0iTTAsMTA4LjN2Ni40YzE0LjYsMy4zLDMxLjUsMTAsNDksMTYuNUMzNC44LDEyMSw2LjYsMTEwLjMsMCwxMDguM3oiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTAuNzk1NiIgeTE9IjQzLjg4NzkiIHgyPSIzNC43NTAyIiB5Mj0iMzcuNjIwMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMCwxMDkuNnY3YzEwLjEsMi4zLDIxLjMsNC4yLDM0LDguM0MyMy41LDExOC4xLDExLjYsMTEzLjgsMCwxMDkuNnoiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTEuNTg1NiIgeTE9IjI5LjcwNzciIHgyPSIxMDAuNTg1NiIgeTI9IjExLjY5MjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQjYwRTBDIi8+CgkJPHN0b3AgIG9mZnNldD0iNi41MDk2MzBlLTAyIiBzdHlsZT0ic3RvcC1jb2xvcjojQzQwQzBFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNzg3IiBzdHlsZT0ic3RvcC1jb2xvcjojRDUwODExIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zMDIzIiBzdHlsZT0ic3RvcC1jb2xvcjojREYwNzEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC40NTMiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMjA2MTMiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU2OTgiIHN0eWxlPSJzdG9wLWNvbG9yOiNERDA3MTMiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjcwODUiIHN0eWxlPSJzdG9wLWNvbG9yOiNDRjBBMTIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjg1NzUiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNzBGMTAiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojOTkxNTBFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NyIgZD0iTTk5LDE1NS4zYy0zMi41LTE3LjktNzAuMS0zMC4yLTk5LTM2djcuNkMzNi41LDEzMS43LDc5LjQsMTQ3LjgsOTksMTU1LjN6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTguNDU0NiIgeTE9IjM1LjQyMjEiIHgyPSItMTk5NC4zMTQxIiB5Mj0iMTcuMDU5MyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNMTk4LDEwOC4zdjExdjYuN2wwLDBjLTM2LjYsNC43LTc5LjUsMjEuNy05OSwyOS4ybDAsMEMxMzEuNCwxMzAuNSwxNjksMTE2LjIsMTk4LDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xOTk2LjgzNyIgeTE9IjIuNiIgeDI9Ii0xOTk2LjgzNyIgeTI9IjIuNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5NS45MzciIHkxPSIzOC4zIiB4Mj0iLTIwNDYuOTM3IiB5Mj0iMzguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2ODgzQzEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjBCOERFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xOTgsMTA4LjN2Ni4zYy0xNC44LDMuMy0zMS42LDEwLTQ5LDE2LjVDMTYzLjEsMTIxLDE5MS4zLDExMC4zLDE5OCwxMDguM3oiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk2LjczNDEiIHkxPSI0My43NzkzIiB4Mj0iLTIwNjEuMjQiIHkyPSIzNy41MjA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEyIiBkPSJNMTk4LDEwOS43djVjLTEwLjUsMi40LTIxLjksNi40LTMzLjksMTAuM0MxNzQuNiwxMTguMSwxODYuNCwxMTMuOCwxOTgsMTA5Ljd6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5Ny41MjI3IiB5MT0iMjkuNzA3NyIgeDI9Ii0xOTk1LjM1MTQiIHkyPSIxMS42OTIyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I2MEUwQyIvPgoJCTxzdG9wICBvZmZzZXQ9IjYuNTA5NjMwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0M0MEMwRSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0Q1MDgxMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzAyMyIgc3R5bGU9InN0b3AtY29sb3I6I0RGMDcxMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNDUzIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIwNjEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41Njk4IiBzdHlsZT0ic3RvcC1jb2xvcjojREQwNzEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MDg1IiBzdHlsZT0ic3RvcC1jb2xvcjojQ0YwQTEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC44NTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojQjcwRjEwIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5MTUwRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEzIiBkPSJNOTksMTU1LjNjMzIuNS0xNy45LDcwLTMwLjIsOTktMzZ2Ny43QzE2MS40LDEzMS44LDExOC41LDE0Ny44LDk5LDE1NS4zeiIvPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 25% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4zNTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q1e29wYWNpdHk6MC4zNTtmaWxsOnVybCgjU1ZHSURfNF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NntvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzVfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDd7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzZfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q5e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0MTB7ZmlsbDp1cmwoI1NWR0lEXzlfKTt9Cgkuc3QxMXtvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzEwXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMntvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzExXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxM3tvcGFjaXR5OjcuMDAwMDAwZS0wMjtmaWxsOnVybCgjU1ZHSURfMTJfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzMiPgo8L2c+CjxnIGlkPSJMYXllcl8xXzFfIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDB2MTE3YzM2LjYsNC43LDc5LjQsMzAuNSw5OSwzOC4xYzE5LjUtNy41LDYyLjQtMjguMyw5OS0zMy4xVjBIMHoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMi43IiB4Mj0iOTkiIHkyPSIyLjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIuNTI3NiIgeTE9IjM1LjM2NSIgeDI9IjEwMS40Mjc2IiB5Mj0iMTcuMDM1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC4yNzg3IiBzdHlsZT0ic3RvcC1jb2xvcjojRjBGMEYwIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGN0Y3RjciLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wLDEwOC4zVjEyNGwwLDBjMzYuNiw0LjcsNzkuNCwyMy44LDk4LjksMzEuM2wwLDBDNjYuNCwxMzAuNSwyOSwxMTYuMiwwLDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMi43IiB4Mj0iOTkiIHkyPSIyLjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIzOC4yNSIgeDI9IjQ5IiB5Mj0iMzguMjUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNjg4M0MxIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0IwQjhERSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0wLDEwOC4zdjYuNGMxNC42LDMuMywzMS41LDEwLDQ5LDE2LjVDMzQuOCwxMjEsNi42LDExMC4zLDAsMTA4LjN6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjc5NTYiIHkxPSI0My44ODc5IiB4Mj0iMzQuNzUwMiIgeTI9IjM3LjYyMDIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTkxRDU0Ii8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNjA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkyQTZCIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zNjA3IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzNjgxIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41NTQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzRThFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MzI5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTk0MDkyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTAsMTA5LjZ2N2MxMC4xLDIuMywyMS4zLDQuMiwzNCw4LjNDMjMuNSwxMTguMSwxMS42LDExMy44LDAsMTA5LjZ6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xLjU4NTYiIHkxPSIyOS43MDc3IiB4Mj0iMTAwLjU4NTYiIHkyPSIxMS42OTIzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I2MEUwQyIvPgoJCTxzdG9wICBvZmZzZXQ9IjYuNTA5NjMwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0M0MEMwRSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0Q1MDgxMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzAyMyIgc3R5bGU9InN0b3AtY29sb3I6I0RGMDcxMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNDUzIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIwNjEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41Njk4IiBzdHlsZT0ic3RvcC1jb2xvcjojREQwNzEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MDg1IiBzdHlsZT0ic3RvcC1jb2xvcjojQ0YwQTEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC44NTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojQjcwRjEwIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5MTUwRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik05OSwxNTUuM2MtMzIuNS0xNy45LTcwLjEtMzAuMi05OS0zNnY1LjZDMzYuNSwxMjkuNyw3OS40LDE0Ny44LDk5LDE1NS4zeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfN18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTE5OTYuODM3IiB5MT0iMi42IiB4Mj0iLTE5OTYuODM3IiB5Mj0iMi42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzhfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk4LjQ1NDYiIHkxPSIzNS40MjIxIiB4Mj0iLTE5OTQuMzE0MSIgeTI9IjE3LjA1OTMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OSIgZD0iTTE5OCwxMDguM3YxMXY0LjdsMCwwYy0zNi42LDQuNy03OS41LDIzLjctOTksMzEuMmwwLDBDMTMxLjQsMTMwLjUsMTY5LDExNi4yLDE5OCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJPC9nPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTUuOTM3IiB5MT0iMzguMyIgeDI9Ii0yMDQ2LjkzNyIgeTI9IjM4LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNjg4M0MxIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0IwQjhERSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDExIiBkPSJNMTk4LDEwOC4zdjYuM2MtMTQuOCwzLjMtMzEuNiwxMC00OSwxNi41QzE2My4xLDEyMSwxOTEuMywxMTAuMywxOTgsMTA4LjN6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzExXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5Ni43MzQxIiB5MT0iNDMuNzc5MyIgeDI9Ii0yMDYxLjI0IiB5Mj0iMzcuNTIwNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMiIgZD0iTTE5OCwxMDkuN3Y1Yy0xMC41LDIuNC0yMS45LDYuNC0zMy45LDEwLjNDMTc0LjYsMTE4LjEsMTg2LjQsMTEzLjgsMTk4LDEwOS43eiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTcuNTIyNyIgeTE9IjI5LjcwNzciIHgyPSItMTk5NS4zNTE0IiB5Mj0iMTEuNjkyMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNjBFMEMiLz4KCQk8c3RvcCAgb2Zmc2V0PSI2LjUwOTYzMGUtMDIiIHN0eWxlPSJzdG9wLWNvbG9yOiNDNDBDMEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNENTA4MTEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjMwMjMiIHN0eWxlPSJzdG9wLWNvbG9yOiNERjA3MTIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjQ1MyIgc3R5bGU9InN0b3AtY29sb3I6I0UyMDYxMyIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTY5OCIgc3R5bGU9InN0b3AtY29sb3I6I0REMDcxMyIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzA4NSIgc3R5bGU9InN0b3AtY29sb3I6I0NGMEExMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuODU3NSIgc3R5bGU9InN0b3AtY29sb3I6I0I3MEYxMCIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5OTE1MEUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMyIgZD0iTTk5LDE1NS4zYzMyLjUtMTcuOSw3MC0zMC4yLDk5LTM2djUuN0MxNjEuNCwxMjkuOCwxMTguNSwxNDcuOCw5OSwxNTUuM3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 30% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4yO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF80Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q2e29wYWNpdHk6MC4xODtmaWxsOnVybCgjU1ZHSURfNV8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0N3tmaWxsOnVybCgjU1ZHSURfNl8pO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q5e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0MTB7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF85Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMXtvcGFjaXR5OjAuMTg7ZmlsbDp1cmwoI1NWR0lEXzEwXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwdjExN2MzNi42LDQuNyw3OS40LDMwLjUsOTksMzguMWMyMC4yLTcuOCw2Mi43LTMxLjQsOTktMzYuMVYwSDB6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjIuNyIgeDI9Ijk5IiB5Mj0iMi43IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE1NS4zTDk5LDE1NS4zTDk5LDE1NS4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yLjUyNzYiIHkxPSIzNS4zNjUiIHgyPSIxMDEuNDI3NiIgeTI9IjE3LjAzNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMCwxMDguM1YxMjJsMCwwYzM2LjYsNC43LDc5LjQsMjUuOCw5OC45LDMzLjNsMCwwQzY2LjQsMTMwLjUsMjksMTE2LjIsMCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjIuNyIgeDI9Ijk5IiB5Mj0iMi43IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk5LDE1NS4zTDk5LDE1NS4zTDk5LDE1NS4zeiIvPgoJPC9nPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iMzguMjUiIHgyPSI0OSIgeTI9IjM4LjI1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY4ODNDMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMEI4REUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMCwxMDguM3Y2LjRjMTQuNiwzLjMsMzEuNSwxMCw0OSwxNi41QzM0LjgsMTIxLDYuNiwxMTAuMywwLDEwOC4zeiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMC43OTU2IiB5MT0iNDMuODg3OSIgeDI9IjM0Ljc1MDIiIHkyPSIzNy42MjAyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0wLDEwOS42djdjMTAuMSwyLjMsMjEuMyw0LjIsMzQsOC4zQzIzLjUsMTE4LjEsMTEuNiwxMTMuOCwwLDEwOS42eiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTE5OTYuODM3IiB5MT0iMi42IiB4Mj0iLTE5OTYuODM3IiB5Mj0iMi42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk4LjQ1NDYiIHkxPSIzNS40MjIxIiB4Mj0iLTE5OTQuMzE0MSIgeTI9IjE3LjA1OTMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTE5OCwxMDguM3YxMXYyLjdsMCwwYy0zNi42LDQuNy03OS41LDI1LjctOTksMzMuMmwwLDBDMTMxLjQsMTMwLjUsMTY5LDExNi4yLDE5OCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk1LjkzNyIgeTE9IjM4LjMiIHgyPSItMjA0Ni45MzciIHkyPSIzOC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY4ODNDMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMEI4REUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE5OCwxMDguM3Y2LjNjLTE0LjgsMy4zLTMxLjYsMTAtNDksMTYuNUMxNjMuMSwxMjEsMTkxLjMsMTEwLjMsMTk4LDEwOC4zeiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTYuNzM0MSIgeTE9IjQzLjc3OTMiIHgyPSItMjA2MS4yNCIgeTI9IjM3LjUyMDciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTkxRDU0Ii8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNjA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkyQTZCIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zNjA3IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzNjgxIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41NTQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzRThFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MzI5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTk0MDkyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xOTgsMTA5Ljd2NWMtMTAuNSwyLjQtMjEuOSw2LjQtMzMuOSwxMC4zQzE3NC42LDExOC4xLDE4Ni40LDExMy44LDE5OCwxMDkuN3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 35% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzRfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDZ7ZmlsbDp1cmwoI1NWR0lEXzVfKTt9Cgkuc3Q3e2ZpbGw6dXJsKCNTVkdJRF82Xyk7fQoJLnN0OHtmaWxsOnVybCgjU1ZHSURfN18pO30KCS5zdDl7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzhfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzMiPgo8L2c+CjxnIGlkPSJMYXllcl8xXzFfIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDExMS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDI3LjksOTAuNywzNi4xYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMy0zMCw5MC44LTM2LjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjExMS4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNzI1LjMiIHgyPSI5OSIgeTI9IjE3MjUuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIuNTI3NiIgeTE9IjE2OTIuNjM1IiB4Mj0iMTAxLjQyNzYiIHkyPSIxNzEwLjk2NSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAsMTA4LjNWMTIybDAsMGMzNi42LDQuNyw3OS40LDI1LjgsOTguOSwzMy4zbDAsMEM2Ni40LDEzMC41LDI5LDExNi4yLDAsMTA4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNzI1LjMiIHgyPSI5OSIgeTI9IjE3MjUuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjc5NTYiIHkxPSIxNjg0LjExMjIiIHgyPSIzNC43NTAyIiB5Mj0iMTY5MC4zNzk5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMCwxMDkuNnY3YzEwLjEsMi4zLDIxLjMsNC4yLDM0LDguM0MyMy41LDExOC4xLDExLjYsMTEzLjgsMCwxMDkuNnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzI1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyNS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik05OC45LDE1NS40TDk4LjksMTU1LjRMOTguOSwxNTUuNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF82XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDQ5MC40NTQ2IiB5MT0iMTY5Mi41Nzc5IiB4Mj0iLTQzODYuMzE0IiB5Mj0iMTcxMC45NDA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTk4LDEwOC4zdjExdjIuN2wwLDBjLTM2LjYsNC43LTc5LjUsMjUuNy05OSwzMy4ybDAsMEMxMzEuNCwxMzAuNSwxNjksMTE2LjIsMTk4LDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzI1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyNS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik05OC45LDE1NS40TDk4LjksMTU1LjRMOTguOSwxNTUuNHoiLz4KCTwvZz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQ0ODguNzM0NCIgeTE9IjE2ODQuMjIwNyIgeDI9Ii00NDUzLjIzOTciIHkyPSIxNjkwLjQ3OTIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xOTgsMTA5Ljd2NWMtMTAuNSwyLjQtMjEuOSw2LjQtMzMuOSwxMC4zQzE3NC42LDExOC4xLDE4Ni40LDExMy44LDE5OCwxMDkuN3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 40% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMDYuMmMwLDMuMywyLjQsNi4xLDUuNiw2LjdjMzMuNyw2LjEsNzEuMiwyNy45LDkwLjcsMzYuMWMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtMzAsOTAuOC0zNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFYxMDYuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcyMC4zIiB4Mj0iOTkiIHkyPSIxNzIwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE1MC4zTDk5LDE1MC4zTDk5LDE1MC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcyMC4zIiB4Mj0iOTkiIHkyPSIxNzIwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDE1MC4zTDk5LDE1MC4zTDk5LDE1MC4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE3MjAuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNzIwLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTUwLjRMOTguOSwxNTAuNEw5OC45LDE1MC40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzIwLjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyMC40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDE1MC40TDk4LjksMTUwLjRMOTguOSwxNTAuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 45% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMDYuMmMwLDMuMywyLjQsNi4xLDUuNiw2LjdjMzMuNyw2LjEsNzEuMiwyMC45LDkwLjcsMjkuMWMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtMjMsOTAuOC0yOS4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFYxMDYuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcxMy4zIiB4Mj0iOTkiIHkyPSIxNzEzLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE0My4zTDk5LDE0My4zTDk5LDE0My4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcxMy4zIiB4Mj0iOTkiIHkyPSIxNzEzLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDE0My4zTDk5LDE0My4zTDk5LDE0My4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE3MTMuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNzEzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTQzLjRMOTguOSwxNDMuNEw5OC45LDE0My40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzEzLjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcxMy40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDE0My40TDk4LjksMTQzLjRMOTguOSwxNDMuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 50% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw5OC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDEzLjksOTAuNywyMi4xYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMy0xNiw5MC44LTIyLjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjk4LjJ6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2OTguMyIgeDI9Ijk5IiB5Mj0iMTY5OC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxMjguM0w5OSwxMjguM0w5OSwxMjguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2OTguMyIgeDI9Ijk5IiB5Mj0iMTY5OC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05OSwxMjguM0w5OSwxMjguM0w5OSwxMjguM3oiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjk4LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY5OC40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OC45LDEyOC40TDk4LjksMTI4LjRMOTguOSwxMjguNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY5OC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2OTguNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTguOSwxMjguNEw5OC45LDEyOC40TDk4LjksMTI4LjR6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJsYW5raW5nIj4KPC9nPgo8L3N2Zz4K); } 55% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw5MS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDguOSw5MC43LDE3LjFjMS43LDAuNywzLjYsMC43LDUuMywwYzIwLTguNCw1Ny4zLTExLDkwLjgtMTcuMQoJCWMzLjMtMC42LDUuNi0zLjQsNS42LTYuN1YwSDBWOTEuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTY4Ni4zIiB4Mj0iOTkiIHkyPSIxNjg2LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDExNi4zTDk5LDExNi4zTDk5LDExNi4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTY4Ni4zIiB4Mj0iOTkiIHkyPSIxNjg2LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDExNi4zTDk5LDExNi4zTDk5LDExNi4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2ODYuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjg2LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTE2LjRMOTguOSwxMTYuNEw5OC45LDExNi40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjg2LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY4Ni40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDExNi40TDk4LjksMTE2LjRMOTguOSwxMTYuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 60% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw4Ni4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDk5LDc2LjgsOTUuOCw5Ni4zLDEwNGMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtNSw5MC44LTExLjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjg2LjJ6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2NzUuMyIgeDI9Ijk5IiB5Mj0iMTY3NS4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxMDUuM0w5OSwxMDUuM0w5OSwxMDUuM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2NzUuMyIgeDI9Ijk5IiB5Mj0iMTY3NS4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05OSwxMDUuM0w5OSwxMDUuM0w5OSwxMDUuM3oiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjc1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY3NS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OC45LDEwNS40TDk4LjksMTA1LjRMOTguOSwxMDUuNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY3NS40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NzUuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTguOSwxMDUuNEw5OC45LDEwNS40TDk4LjksMTA1LjR6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJsYW5raW5nIj4KPC9nPgo8L3N2Zz4K); } 70% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw4MC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDkzLDc2LjgsODQuOCw5Ni4zLDkzYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY4MC4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjY0LjMiIHgyPSI5OSIgeTI9IjE2NjQuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksOTQuM0w5OSw5NC4zTDk5LDk0LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjY0LjMiIHgyPSI5OSIgeTI9IjE2NjQuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksOTQuM0w5OSw5NC4zTDk5LDk0LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY2NC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NjQuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw5NC40TDk4LjksOTQuNEw5OC45LDk0LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NjQuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjY0LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksOTQuNEw5OC45LDk0LjRMOTguOSw5NC40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 80% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw3My4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDg2LDc2LjgsNzcuOCw5Ni4zLDg2YzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY3My4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjU3LjMiIHgyPSI5OSIgeTI9IjE2NTcuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksODcuM0w5OSw4Ny4zTDk5LDg3LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjU3LjMiIHgyPSI5OSIgeTI9IjE2NTcuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksODcuM0w5OSw4Ny4zTDk5LDg3LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY1Ny40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NTcuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw4Ny40TDk4LjksODcuNEw5OC45LDg3LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NTcuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjU3LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksODcuNEw5OC45LDg3LjRMOTguOSw4Ny40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 90% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw2NC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDc3LDc2LjgsNjguOCw5Ni4zLDc3YzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY2NC4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjQ4LjMiIHgyPSI5OSIgeTI9IjE2NDguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksNzguM0w5OSw3OC4zTDk5LDc4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjQ4LjMiIHgyPSI5OSIgeTI9IjE2NDguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksNzguM0w5OSw3OC4zTDk5LDc4LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY0OC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NDguNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw3OC40TDk4LjksNzguNEw5OC45LDc4LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NDguNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjQ4LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksNzguNEw5OC45LDc4LjRMOTguOSw3OC40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); opacity: 1;} 100% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw0OS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDYyLDc2LjgsNTMuOCw5Ni4zLDYyYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY0OS4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjMzLjMiIHgyPSI5OSIgeTI9IjE2MzMuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksNjMuM0w5OSw2My4zTDk5LDYzLjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjMzLjMiIHgyPSI5OSIgeTI9IjE2MzMuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksNjMuM0w5OSw2My4zTDk5LDYzLjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTYzMy40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2MzMuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw2My40TDk4LjksNjMuNEw5OC45LDYzLjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2MzMuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjMzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksNjMuNEw5OC45LDYzLjRMOTguOSw2My40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); opacity: 1;filter: url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter: drop-shadow( 0 0 0 transparent );filter: drop-shadow( 0 0 0 transparent )} } @-webkit-keyframes animateCurveReverse { 0% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw0OS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDYyLDc2LjgsNTMuOCw5Ni4zLDYyYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY0OS4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjMzLjMiIHgyPSI5OSIgeTI9IjE2MzMuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksNjMuM0w5OSw2My4zTDk5LDYzLjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjMzLjMiIHgyPSI5OSIgeTI9IjE2MzMuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksNjMuM0w5OSw2My4zTDk5LDYzLjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTYzMy40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2MzMuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw2My40TDk4LjksNjMuNEw5OC45LDYzLjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2MzMuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjMzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksNjMuNEw5OC45LDYzLjRMOTguOSw2My40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); opacity: 1;} 5% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw2NC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDc3LDc2LjgsNjguOCw5Ni4zLDc3YzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY2NC4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjQ4LjMiIHgyPSI5OSIgeTI9IjE2NDguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksNzguM0w5OSw3OC4zTDk5LDc4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjQ4LjMiIHgyPSI5OSIgeTI9IjE2NDguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksNzguM0w5OSw3OC4zTDk5LDc4LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY0OC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NDguNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw3OC40TDk4LjksNzguNEw5OC45LDc4LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NDguNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjQ4LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksNzguNEw5OC45LDc4LjRMOTguOSw3OC40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 10% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw3My4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDg2LDc2LjgsNzcuOCw5Ni4zLDg2YzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY3My4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjU3LjMiIHgyPSI5OSIgeTI9IjE2NTcuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksODcuM0w5OSw4Ny4zTDk5LDg3LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjU3LjMiIHgyPSI5OSIgeTI9IjE2NTcuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksODcuM0w5OSw4Ny4zTDk5LDg3LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY1Ny40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NTcuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw4Ny40TDk4LjksODcuNEw5OC45LDg3LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NTcuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjU3LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksODcuNEw5OC45LDg3LjRMOTguOSw4Ny40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 15% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw4MC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDkzLDc2LjgsODQuOCw5Ni4zLDkzYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY4MC4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjY0LjMiIHgyPSI5OSIgeTI9IjE2NjQuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksOTQuM0w5OSw5NC4zTDk5LDk0LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjY0LjMiIHgyPSI5OSIgeTI9IjE2NjQuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksOTQuM0w5OSw5NC4zTDk5LDk0LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY2NC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NjQuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw5NC40TDk4LjksOTQuNEw5OC45LDk0LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NjQuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjY0LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksOTQuNEw5OC45LDk0LjRMOTguOSw5NC40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 20% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw4Ni4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDk5LDc2LjgsOTUuOCw5Ni4zLDEwNGMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtNSw5MC44LTExLjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjg2LjJ6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2NzUuMyIgeDI9Ijk5IiB5Mj0iMTY3NS4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxMDUuM0w5OSwxMDUuM0w5OSwxMDUuM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2NzUuMyIgeDI9Ijk5IiB5Mj0iMTY3NS4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05OSwxMDUuM0w5OSwxMDUuM0w5OSwxMDUuM3oiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjc1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY3NS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OC45LDEwNS40TDk4LjksMTA1LjRMOTguOSwxMDUuNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY3NS40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NzUuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTguOSwxMDUuNEw5OC45LDEwNS40TDk4LjksMTA1LjR6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJsYW5raW5nIj4KPC9nPgo8L3N2Zz4K); } 25% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw5MS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDguOSw5MC43LDE3LjFjMS43LDAuNywzLjYsMC43LDUuMywwYzIwLTguNCw1Ny4zLTExLDkwLjgtMTcuMQoJCWMzLjMtMC42LDUuNi0zLjQsNS42LTYuN1YwSDBWOTEuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTY4Ni4zIiB4Mj0iOTkiIHkyPSIxNjg2LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDExNi4zTDk5LDExNi4zTDk5LDExNi4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTY4Ni4zIiB4Mj0iOTkiIHkyPSIxNjg2LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDExNi4zTDk5LDExNi4zTDk5LDExNi4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2ODYuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjg2LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTE2LjRMOTguOSwxMTYuNEw5OC45LDExNi40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjg2LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY4Ni40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDExNi40TDk4LjksMTE2LjRMOTguOSwxMTYuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 30% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw5OC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDEzLjksOTAuNywyMi4xYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMy0xNiw5MC44LTIyLjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjk4LjJ6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2OTguMyIgeDI9Ijk5IiB5Mj0iMTY5OC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxMjguM0w5OSwxMjguM0w5OSwxMjguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2OTguMyIgeDI9Ijk5IiB5Mj0iMTY5OC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05OSwxMjguM0w5OSwxMjguM0w5OSwxMjguM3oiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjk4LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY5OC40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OC45LDEyOC40TDk4LjksMTI4LjRMOTguOSwxMjguNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY5OC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2OTguNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTguOSwxMjguNEw5OC45LDEyOC40TDk4LjksMTI4LjR6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJsYW5raW5nIj4KPC9nPgo8L3N2Zz4K); } 35% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMDYuMmMwLDMuMywyLjQsNi4xLDUuNiw2LjdjMzMuNyw2LjEsNzEuMiwyMC45LDkwLjcsMjkuMWMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtMjMsOTAuOC0yOS4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFYxMDYuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcxMy4zIiB4Mj0iOTkiIHkyPSIxNzEzLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE0My4zTDk5LDE0My4zTDk5LDE0My4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcxMy4zIiB4Mj0iOTkiIHkyPSIxNzEzLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDE0My4zTDk5LDE0My4zTDk5LDE0My4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE3MTMuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNzEzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTQzLjRMOTguOSwxNDMuNEw5OC45LDE0My40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzEzLjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcxMy40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDE0My40TDk4LjksMTQzLjRMOTguOSwxNDMuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 40% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMDYuMmMwLDMuMywyLjQsNi4xLDUuNiw2LjdjMzMuNyw2LjEsNzEuMiwyNy45LDkwLjcsMzYuMWMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtMzAsOTAuOC0zNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFYxMDYuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcyMC4zIiB4Mj0iOTkiIHkyPSIxNzIwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE1MC4zTDk5LDE1MC4zTDk5LDE1MC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcyMC4zIiB4Mj0iOTkiIHkyPSIxNzIwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDE1MC4zTDk5LDE1MC4zTDk5LDE1MC4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE3MjAuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNzIwLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTUwLjRMOTguOSwxNTAuNEw5OC45LDE1MC40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzIwLjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyMC40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDE1MC40TDk4LjksMTUwLjRMOTguOSwxNTAuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 45% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzRfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDZ7ZmlsbDp1cmwoI1NWR0lEXzVfKTt9Cgkuc3Q3e2ZpbGw6dXJsKCNTVkdJRF82Xyk7fQoJLnN0OHtmaWxsOnVybCgjU1ZHSURfN18pO30KCS5zdDl7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzhfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzMiPgo8L2c+CjxnIGlkPSJMYXllcl8xXzFfIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDExMS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDI3LjksOTAuNywzNi4xYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMy0zMCw5MC44LTM2LjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjExMS4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNzI1LjMiIHgyPSI5OSIgeTI9IjE3MjUuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIuNTI3NiIgeTE9IjE2OTIuNjM1IiB4Mj0iMTAxLjQyNzYiIHkyPSIxNzEwLjk2NSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAsMTA4LjNWMTIybDAsMGMzNi42LDQuNyw3OS40LDI1LjgsOTguOSwzMy4zbDAsMEM2Ni40LDEzMC41LDI5LDExNi4yLDAsMTA4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNzI1LjMiIHgyPSI5OSIgeTI9IjE3MjUuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjc5NTYiIHkxPSIxNjg0LjExMjIiIHgyPSIzNC43NTAyIiB5Mj0iMTY5MC4zNzk5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMCwxMDkuNnY3YzEwLjEsMi4zLDIxLjMsNC4yLDM0LDguM0MyMy41LDExOC4xLDExLjYsMTEzLjgsMCwxMDkuNnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzI1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyNS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik05OC45LDE1NS40TDk4LjksMTU1LjRMOTguOSwxNTUuNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF82XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDQ5MC40NTQ2IiB5MT0iMTY5Mi41Nzc5IiB4Mj0iLTQzODYuMzE0IiB5Mj0iMTcxMC45NDA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTk4LDEwOC4zdjExdjIuN2wwLDBjLTM2LjYsNC43LTc5LjUsMjUuNy05OSwzMy4ybDAsMEMxMzEuNCwxMzAuNSwxNjksMTE2LjIsMTk4LDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzI1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyNS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik05OC45LDE1NS40TDk4LjksMTU1LjRMOTguOSwxNTUuNHoiLz4KCTwvZz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQ0ODguNzM0NCIgeTE9IjE2ODQuMjIwNyIgeDI9Ii00NDUzLjIzOTciIHkyPSIxNjkwLjQ3OTIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xOTgsMTA5Ljd2NWMtMTAuNSwyLjQtMjEuOSw2LjQtMzMuOSwxMC4zQzE3NC42LDExOC4xLDE4Ni40LDExMy44LDE5OCwxMDkuN3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 50% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4yO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF80Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q2e29wYWNpdHk6MC4xODtmaWxsOnVybCgjU1ZHSURfNV8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0N3tmaWxsOnVybCgjU1ZHSURfNl8pO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q5e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0MTB7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF85Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMXtvcGFjaXR5OjAuMTg7ZmlsbDp1cmwoI1NWR0lEXzEwXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwdjExN2MzNi42LDQuNyw3OS40LDMwLjUsOTksMzguMWMyMC4yLTcuOCw2Mi43LTMxLjQsOTktMzYuMVYwSDB6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjIuNyIgeDI9Ijk5IiB5Mj0iMi43IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE1NS4zTDk5LDE1NS4zTDk5LDE1NS4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yLjUyNzYiIHkxPSIzNS4zNjUiIHgyPSIxMDEuNDI3NiIgeTI9IjE3LjAzNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMCwxMDguM1YxMjJsMCwwYzM2LjYsNC43LDc5LjQsMjUuOCw5OC45LDMzLjNsMCwwQzY2LjQsMTMwLjUsMjksMTE2LjIsMCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjIuNyIgeDI9Ijk5IiB5Mj0iMi43IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk5LDE1NS4zTDk5LDE1NS4zTDk5LDE1NS4zeiIvPgoJPC9nPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iMzguMjUiIHgyPSI0OSIgeTI9IjM4LjI1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY4ODNDMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMEI4REUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMCwxMDguM3Y2LjRjMTQuNiwzLjMsMzEuNSwxMCw0OSwxNi41QzM0LjgsMTIxLDYuNiwxMTAuMywwLDEwOC4zeiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMC43OTU2IiB5MT0iNDMuODg3OSIgeDI9IjM0Ljc1MDIiIHkyPSIzNy42MjAyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0wLDEwOS42djdjMTAuMSwyLjMsMjEuMyw0LjIsMzQsOC4zQzIzLjUsMTE4LjEsMTEuNiwxMTMuOCwwLDEwOS42eiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTE5OTYuODM3IiB5MT0iMi42IiB4Mj0iLTE5OTYuODM3IiB5Mj0iMi42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk4LjQ1NDYiIHkxPSIzNS40MjIxIiB4Mj0iLTE5OTQuMzE0MSIgeTI9IjE3LjA1OTMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTE5OCwxMDguM3YxMXYyLjdsMCwwYy0zNi42LDQuNy03OS41LDI1LjctOTksMzMuMmwwLDBDMTMxLjQsMTMwLjUsMTY5LDExNi4yLDE5OCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk1LjkzNyIgeTE9IjM4LjMiIHgyPSItMjA0Ni45MzciIHkyPSIzOC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY4ODNDMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMEI4REUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE5OCwxMDguM3Y2LjNjLTE0LjgsMy4zLTMxLjYsMTAtNDksMTYuNUMxNjMuMSwxMjEsMTkxLjMsMTEwLjMsMTk4LDEwOC4zeiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTYuNzM0MSIgeTE9IjQzLjc3OTMiIHgyPSItMjA2MS4yNCIgeTI9IjM3LjUyMDciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTkxRDU0Ii8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNjA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkyQTZCIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zNjA3IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzNjgxIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41NTQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzRThFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MzI5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTk0MDkyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xOTgsMTA5Ljd2NWMtMTAuNSwyLjQtMjEuOSw2LjQtMzMuOSwxMC4zQzE3NC42LDExOC4xLDE4Ni40LDExMy44LDE5OCwxMDkuN3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 55% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4zNTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q1e29wYWNpdHk6MC4zNTtmaWxsOnVybCgjU1ZHSURfNF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NntvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzVfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDd7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzZfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q5e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0MTB7ZmlsbDp1cmwoI1NWR0lEXzlfKTt9Cgkuc3QxMXtvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzEwXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMntvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzExXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxM3tvcGFjaXR5OjcuMDAwMDAwZS0wMjtmaWxsOnVybCgjU1ZHSURfMTJfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzMiPgo8L2c+CjxnIGlkPSJMYXllcl8xXzFfIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDB2MTE3YzM2LjYsNC43LDc5LjQsMzAuNSw5OSwzOC4xYzE5LjUtNy41LDYyLjQtMjguMyw5OS0zMy4xVjBIMHoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMi43IiB4Mj0iOTkiIHkyPSIyLjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIuNTI3NiIgeTE9IjM1LjM2NSIgeDI9IjEwMS40Mjc2IiB5Mj0iMTcuMDM1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC4yNzg3IiBzdHlsZT0ic3RvcC1jb2xvcjojRjBGMEYwIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGN0Y3RjciLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wLDEwOC4zVjEyNGwwLDBjMzYuNiw0LjcsNzkuNCwyMy44LDk4LjksMzEuM2wwLDBDNjYuNCwxMzAuNSwyOSwxMTYuMiwwLDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMi43IiB4Mj0iOTkiIHkyPSIyLjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIzOC4yNSIgeDI9IjQ5IiB5Mj0iMzguMjUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNjg4M0MxIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0IwQjhERSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0wLDEwOC4zdjYuNGMxNC42LDMuMywzMS41LDEwLDQ5LDE2LjVDMzQuOCwxMjEsNi42LDExMC4zLDAsMTA4LjN6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjc5NTYiIHkxPSI0My44ODc5IiB4Mj0iMzQuNzUwMiIgeTI9IjM3LjYyMDIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTkxRDU0Ii8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNjA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkyQTZCIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zNjA3IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzNjgxIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41NTQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzRThFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MzI5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTk0MDkyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTAsMTA5LjZ2N2MxMC4xLDIuMywyMS4zLDQuMiwzNCw4LjNDMjMuNSwxMTguMSwxMS42LDExMy44LDAsMTA5LjZ6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xLjU4NTYiIHkxPSIyOS43MDc3IiB4Mj0iMTAwLjU4NTYiIHkyPSIxMS42OTIzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I2MEUwQyIvPgoJCTxzdG9wICBvZmZzZXQ9IjYuNTA5NjMwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0M0MEMwRSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0Q1MDgxMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzAyMyIgc3R5bGU9InN0b3AtY29sb3I6I0RGMDcxMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNDUzIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIwNjEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41Njk4IiBzdHlsZT0ic3RvcC1jb2xvcjojREQwNzEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MDg1IiBzdHlsZT0ic3RvcC1jb2xvcjojQ0YwQTEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC44NTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojQjcwRjEwIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5MTUwRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik05OSwxNTUuM2MtMzIuNS0xNy45LTcwLjEtMzAuMi05OS0zNnY1LjZDMzYuNSwxMjkuNyw3OS40LDE0Ny44LDk5LDE1NS4zeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfN18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTE5OTYuODM3IiB5MT0iMi42IiB4Mj0iLTE5OTYuODM3IiB5Mj0iMi42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzhfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk4LjQ1NDYiIHkxPSIzNS40MjIxIiB4Mj0iLTE5OTQuMzE0MSIgeTI9IjE3LjA1OTMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OSIgZD0iTTE5OCwxMDguM3YxMXY0LjdsMCwwYy0zNi42LDQuNy03OS41LDIzLjctOTksMzEuMmwwLDBDMTMxLjQsMTMwLjUsMTY5LDExNi4yLDE5OCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJPC9nPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTUuOTM3IiB5MT0iMzguMyIgeDI9Ii0yMDQ2LjkzNyIgeTI9IjM4LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNjg4M0MxIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0IwQjhERSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDExIiBkPSJNMTk4LDEwOC4zdjYuM2MtMTQuOCwzLjMtMzEuNiwxMC00OSwxNi41QzE2My4xLDEyMSwxOTEuMywxMTAuMywxOTgsMTA4LjN6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzExXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5Ni43MzQxIiB5MT0iNDMuNzc5MyIgeDI9Ii0yMDYxLjI0IiB5Mj0iMzcuNTIwNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMiIgZD0iTTE5OCwxMDkuN3Y1Yy0xMC41LDIuNC0yMS45LDYuNC0zMy45LDEwLjNDMTc0LjYsMTE4LjEsMTg2LjQsMTEzLjgsMTk4LDEwOS43eiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTcuNTIyNyIgeTE9IjI5LjcwNzciIHgyPSItMTk5NS4zNTE0IiB5Mj0iMTEuNjkyMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNjBFMEMiLz4KCQk8c3RvcCAgb2Zmc2V0PSI2LjUwOTYzMGUtMDIiIHN0eWxlPSJzdG9wLWNvbG9yOiNDNDBDMEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNENTA4MTEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjMwMjMiIHN0eWxlPSJzdG9wLWNvbG9yOiNERjA3MTIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjQ1MyIgc3R5bGU9InN0b3AtY29sb3I6I0UyMDYxMyIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTY5OCIgc3R5bGU9InN0b3AtY29sb3I6I0REMDcxMyIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzA4NSIgc3R5bGU9InN0b3AtY29sb3I6I0NGMEExMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuODU3NSIgc3R5bGU9InN0b3AtY29sb3I6I0I3MEYxMCIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5OTE1MEUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMyIgZD0iTTk5LDE1NS4zYzMyLjUtMTcuOSw3MC0zMC4yLDk5LTM2djUuN0MxNjEuNCwxMjkuOCwxMTguNSwxNDcuOCw5OSwxNTUuM3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 60% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC41NTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q1e29wYWNpdHk6MC42NTtmaWxsOnVybCgjU1ZHSURfNF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NntvcGFjaXR5OjAuNDU7ZmlsbDp1cmwoI1NWR0lEXzVfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDd7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF82Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q4e2ZpbGw6dXJsKCNTVkdJRF83Xyk7fQoJLnN0OXtmaWxsOnVybCgjU1ZHSURfOF8pO30KCS5zdDEwe2ZpbGw6dXJsKCNTVkdJRF85Xyk7fQoJLnN0MTF7b3BhY2l0eTowLjY1O2ZpbGw6dXJsKCNTVkdJRF8xMF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTJ7b3BhY2l0eTowLjQ1O2ZpbGw6dXJsKCNTVkdJRF8xMV8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTN7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF8xMl8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgo8ZyBpZD0iTGF5ZXJfMyI+CjwvZz4KPGcgaWQ9IkxheWVyXzFfMV8iPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMHYxMTdjMzYuNiw0LjcsNzkuNCwzMC41LDk5LDM4LjFjMTkuNS03LjUsNjIuNC0yNi4zLDk5LTMxLjFWMEgweiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIyLjciIHgyPSI5OSIgeTI9IjIuNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxNTUuM0w5OSwxNTUuM0w5OSwxNTUuM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMi41Mjc2IiB5MT0iMzUuMzY1IiB4Mj0iMTAxLjQyNzYiIHkyPSIxNy4wMzUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAsMTA4LjNWMTI2bDAsMGMzNi42LDQuNyw3OS40LDIxLjgsOTguOSwyOS4zbDAsMEM2Ni40LDEzMC41LDI5LDExNi4yLDAsMTA4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIyLjciIHgyPSI5OSIgeTI9IjIuNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OSwxNTUuM0w5OSwxNTUuM0w5OSwxNTUuM3oiLz4KCTwvZz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjM4LjI1IiB4Mj0iNDkiIHkyPSIzOC4yNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2ODgzQzEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjBCOERFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NSIgZD0iTTAsMTA4LjN2Ni40YzE0LjYsMy4zLDMxLjUsMTAsNDksMTYuNUMzNC44LDEyMSw2LjYsMTEwLjMsMCwxMDguM3oiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTAuNzk1NiIgeTE9IjQzLjg4NzkiIHgyPSIzNC43NTAyIiB5Mj0iMzcuNjIwMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMCwxMDkuNnY3YzEwLjEsMi4zLDIxLjMsNC4yLDM0LDguM0MyMy41LDExOC4xLDExLjYsMTEzLjgsMCwxMDkuNnoiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTEuNTg1NiIgeTE9IjI5LjcwNzciIHgyPSIxMDAuNTg1NiIgeTI9IjExLjY5MjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQjYwRTBDIi8+CgkJPHN0b3AgIG9mZnNldD0iNi41MDk2MzBlLTAyIiBzdHlsZT0ic3RvcC1jb2xvcjojQzQwQzBFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNzg3IiBzdHlsZT0ic3RvcC1jb2xvcjojRDUwODExIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zMDIzIiBzdHlsZT0ic3RvcC1jb2xvcjojREYwNzEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC40NTMiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMjA2MTMiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU2OTgiIHN0eWxlPSJzdG9wLWNvbG9yOiNERDA3MTMiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjcwODUiIHN0eWxlPSJzdG9wLWNvbG9yOiNDRjBBMTIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjg1NzUiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNzBGMTAiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojOTkxNTBFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NyIgZD0iTTk5LDE1NS4zYy0zMi41LTE3LjktNzAuMS0zMC4yLTk5LTM2djcuNkMzNi41LDEzMS43LDc5LjQsMTQ3LjgsOTksMTU1LjN6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTguNDU0NiIgeTE9IjM1LjQyMjEiIHgyPSItMTk5NC4zMTQxIiB5Mj0iMTcuMDU5MyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNMTk4LDEwOC4zdjExdjYuN2wwLDBjLTM2LjYsNC43LTc5LjUsMjEuNy05OSwyOS4ybDAsMEMxMzEuNCwxMzAuNSwxNjksMTE2LjIsMTk4LDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xOTk2LjgzNyIgeTE9IjIuNiIgeDI9Ii0xOTk2LjgzNyIgeTI9IjIuNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5NS45MzciIHkxPSIzOC4zIiB4Mj0iLTIwNDYuOTM3IiB5Mj0iMzguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2ODgzQzEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjBCOERFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xOTgsMTA4LjN2Ni4zYy0xNC44LDMuMy0zMS42LDEwLTQ5LDE2LjVDMTYzLjEsMTIxLDE5MS4zLDExMC4zLDE5OCwxMDguM3oiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk2LjczNDEiIHkxPSI0My43NzkzIiB4Mj0iLTIwNjEuMjQiIHkyPSIzNy41MjA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEyIiBkPSJNMTk4LDEwOS43djVjLTEwLjUsMi40LTIxLjksNi40LTMzLjksMTAuM0MxNzQuNiwxMTguMSwxODYuNCwxMTMuOCwxOTgsMTA5Ljd6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5Ny41MjI3IiB5MT0iMjkuNzA3NyIgeDI9Ii0xOTk1LjM1MTQiIHkyPSIxMS42OTIyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I2MEUwQyIvPgoJCTxzdG9wICBvZmZzZXQ9IjYuNTA5NjMwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0M0MEMwRSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0Q1MDgxMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzAyMyIgc3R5bGU9InN0b3AtY29sb3I6I0RGMDcxMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNDUzIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIwNjEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41Njk4IiBzdHlsZT0ic3RvcC1jb2xvcjojREQwNzEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MDg1IiBzdHlsZT0ic3RvcC1jb2xvcjojQ0YwQTEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC44NTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojQjcwRjEwIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5MTUwRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEzIiBkPSJNOTksMTU1LjNjMzIuNS0xNy45LDcwLTMwLjIsOTktMzZ2Ny43QzE2MS40LDEzMS44LDExOC41LDE0Ny44LDk5LDE1NS4zeiIvPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 70% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr4.svg); } 80% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr3.svg); } 90% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr2.svg); } 100% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr1.svg); } } @keyframes animateCurveReverse { 0% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw0OS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDYyLDc2LjgsNTMuOCw5Ni4zLDYyYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY0OS4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjMzLjMiIHgyPSI5OSIgeTI9IjE2MzMuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksNjMuM0w5OSw2My4zTDk5LDYzLjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjMzLjMiIHgyPSI5OSIgeTI9IjE2MzMuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksNjMuM0w5OSw2My4zTDk5LDYzLjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTYzMy40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2MzMuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw2My40TDk4LjksNjMuNEw5OC45LDYzLjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2MzMuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjMzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksNjMuNEw5OC45LDYzLjRMOTguOSw2My40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); opacity: 1;} 5% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw2NC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDc3LDc2LjgsNjguOCw5Ni4zLDc3YzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY2NC4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjQ4LjMiIHgyPSI5OSIgeTI9IjE2NDguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksNzguM0w5OSw3OC4zTDk5LDc4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjQ4LjMiIHgyPSI5OSIgeTI9IjE2NDguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksNzguM0w5OSw3OC4zTDk5LDc4LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY0OC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NDguNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw3OC40TDk4LjksNzguNEw5OC45LDc4LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NDguNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjQ4LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksNzguNEw5OC45LDc4LjRMOTguOSw3OC40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 10% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw3My4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDg2LDc2LjgsNzcuOCw5Ni4zLDg2YzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY3My4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjU3LjMiIHgyPSI5OSIgeTI9IjE2NTcuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksODcuM0w5OSw4Ny4zTDk5LDg3LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjU3LjMiIHgyPSI5OSIgeTI9IjE2NTcuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksODcuM0w5OSw4Ny4zTDk5LDg3LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY1Ny40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NTcuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw4Ny40TDk4LjksODcuNEw5OC45LDg3LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NTcuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjU3LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksODcuNEw5OC45LDg3LjRMOTguOSw4Ny40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 15% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw4MC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDkzLDc2LjgsODQuOCw5Ni4zLDkzYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMywwLDkwLjgtNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFY4MC4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjY0LjMiIHgyPSI5OSIgeTI9IjE2NjQuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksOTQuM0w5OSw5NC4zTDk5LDk0LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNjY0LjMiIHgyPSI5OSIgeTI9IjE2NjQuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTksOTQuM0w5OSw5NC4zTDk5LDk0LjN6Ii8+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY2NC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NjQuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTguOSw5NC40TDk4LjksOTQuNEw5OC45LDk0LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2NjQuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjY0LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTk4LjksOTQuNEw5OC45LDk0LjRMOTguOSw5NC40eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 20% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw4Ni4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN0MzOS4zLDk5LDc2LjgsOTUuOCw5Ni4zLDEwNGMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtNSw5MC44LTExLjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjg2LjJ6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2NzUuMyIgeDI9Ijk5IiB5Mj0iMTY3NS4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxMDUuM0w5OSwxMDUuM0w5OSwxMDUuM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2NzUuMyIgeDI9Ijk5IiB5Mj0iMTY3NS4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05OSwxMDUuM0w5OSwxMDUuM0w5OSwxMDUuM3oiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjc1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY3NS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OC45LDEwNS40TDk4LjksMTA1LjRMOTguOSwxMDUuNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY3NS40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2NzUuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTguOSwxMDUuNEw5OC45LDEwNS40TDk4LjksMTA1LjR6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJsYW5raW5nIj4KPC9nPgo8L3N2Zz4K); } 25% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw5MS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDguOSw5MC43LDE3LjFjMS43LDAuNywzLjYsMC43LDUuMywwYzIwLTguNCw1Ny4zLTExLDkwLjgtMTcuMQoJCWMzLjMtMC42LDUuNi0zLjQsNS42LTYuN1YwSDBWOTEuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTY4Ni4zIiB4Mj0iOTkiIHkyPSIxNjg2LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDExNi4zTDk5LDExNi4zTDk5LDExNi4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTY4Ni4zIiB4Mj0iOTkiIHkyPSIxNjg2LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDExNi4zTDk5LDExNi4zTDk5LDExNi4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE2ODYuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNjg2LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTE2LjRMOTguOSwxMTYuNEw5OC45LDExNi40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjg2LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY4Ni40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDExNi40TDk4LjksMTE2LjRMOTguOSwxMTYuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 30% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw5OC4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDEzLjksOTAuNywyMi4xYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMy0xNiw5MC44LTIyLjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjk4LjJ6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2OTguMyIgeDI9Ijk5IiB5Mj0iMTY5OC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxMjguM0w5OSwxMjguM0w5OSwxMjguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjE2OTguMyIgeDI9Ijk5IiB5Mj0iMTY5OC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05OSwxMjguM0w5OSwxMjguM0w5OSwxMjguM3oiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNjk4LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTY5OC40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OC45LDEyOC40TDk4LjksMTI4LjRMOTguOSwxMjguNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDM4OC44MzY5IiB5MT0iMTY5OC40IiB4Mj0iLTQzODguODM2OSIgeTI9IjE2OTguNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtNDI4OS45MzcgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTguOSwxMjguNEw5OC45LDEyOC40TDk4LjksMTI4LjR6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJsYW5raW5nIj4KPC9nPgo8L3N2Zz4K); } 35% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMDYuMmMwLDMuMywyLjQsNi4xLDUuNiw2LjdjMzMuNyw2LjEsNzEuMiwyMC45LDkwLjcsMjkuMWMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtMjMsOTAuOC0yOS4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFYxMDYuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcxMy4zIiB4Mj0iOTkiIHkyPSIxNzEzLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE0My4zTDk5LDE0My4zTDk5LDE0My4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcxMy4zIiB4Mj0iOTkiIHkyPSIxNzEzLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDE0My4zTDk5LDE0My4zTDk5LDE0My4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE3MTMuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNzEzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTQzLjRMOTguOSwxNDMuNEw5OC45LDE0My40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzEzLjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcxMy40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDE0My40TDk4LjksMTQzLjRMOTguOSwxNDMuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 40% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMDYuMmMwLDMuMywyLjQsNi4xLDUuNiw2LjdjMzMuNyw2LjEsNzEuMiwyNy45LDkwLjcsMzYuMWMxLjcsMC43LDMuNiwwLjcsNS4zLDBjMjAtOC40LDU3LjMtMzAsOTAuOC0zNi4xCgkJYzMuMy0wLjYsNS42LTMuNCw1LjYtNi43VjBIMFYxMDYuMnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcyMC4zIiB4Mj0iOTkiIHkyPSIxNzIwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE1MC4zTDk5LDE1MC4zTDk5LDE1MC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMTcyMC4zIiB4Mj0iOTkiIHkyPSIxNzIwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTk5LDE1MC4zTDk5LDE1MC4zTDk5LDE1MC4zeiIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQzODguODM2OSIgeTE9IjE3MjAuNCIgeDI9Ii00Mzg4LjgzNjkiIHkyPSIxNzIwLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk4LjksMTUwLjRMOTguOSwxNTAuNEw5OC45LDE1MC40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzIwLjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyMC40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik05OC45LDE1MC40TDk4LjksMTUwLjRMOTguOSwxNTAuNHoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 45% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4xO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzRfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDZ7ZmlsbDp1cmwoI1NWR0lEXzVfKTt9Cgkuc3Q3e2ZpbGw6dXJsKCNTVkdJRF82Xyk7fQoJLnN0OHtmaWxsOnVybCgjU1ZHSURfN18pO30KCS5zdDl7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzhfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzMiPgo8L2c+CjxnIGlkPSJMYXllcl8xXzFfIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDExMS4yYzAsMy4zLDIuNCw2LjEsNS42LDYuN2MzMy43LDYuMSw3MS4yLDI3LjksOTAuNywzNi4xYzEuNywwLjcsMy42LDAuNyw1LjMsMGMyMC04LjQsNTcuMy0zMCw5MC44LTM2LjEKCQljMy4zLTAuNiw1LjYtMy40LDUuNi02LjdWMEgwVjExMS4yeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNzI1LjMiIHgyPSI5OSIgeTI9IjE3MjUuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIuNTI3NiIgeTE9IjE2OTIuNjM1IiB4Mj0iMTAxLjQyNzYiIHkyPSIxNzEwLjk2NSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAsMTA4LjNWMTIybDAsMGMzNi42LDQuNyw3OS40LDI1LjgsOTguOSwzMy4zbDAsMEM2Ni40LDEzMC41LDI5LDExNi4yLDAsMTA4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIxNzI1LjMiIHgyPSI5OSIgeTI9IjE3MjUuMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTE1NzApIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjc5NTYiIHkxPSIxNjg0LjExMjIiIHgyPSIzNC43NTAyIiB5Mj0iMTY5MC4zNzk5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtMTU3MCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMCwxMDkuNnY3YzEwLjEsMi4zLDIxLjMsNC4yLDM0LDguM0MyMy41LDExOC4xLDExLjYsMTEzLjgsMCwxMDkuNnoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzI1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyNS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik05OC45LDE1NS40TDk4LjksMTU1LjRMOTguOSwxNTUuNHoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF82XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNDQ5MC40NTQ2IiB5MT0iMTY5Mi41Nzc5IiB4Mj0iLTQzODYuMzE0IiB5Mj0iMTcxMC45NDA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTk4LDEwOC4zdjExdjIuN2wwLDBjLTM2LjYsNC43LTc5LjUsMjUuNy05OSwzMy4ybDAsMEMxMzEuNCwxMzAuNSwxNjksMTE2LjIsMTk4LDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00Mzg4LjgzNjkiIHkxPSIxNzI1LjQiIHgyPSItNDM4OC44MzY5IiB5Mj0iMTcyNS40IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIC00Mjg5LjkzNyAtMTU3MCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik05OC45LDE1NS40TDk4LjksMTU1LjRMOTguOSwxNTUuNHoiLz4KCTwvZz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQ0ODguNzM0NCIgeTE9IjE2ODQuMjIwNyIgeDI9Ii00NDUzLjIzOTciIHkyPSIxNjkwLjQ3OTIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgLTQyODkuOTM3IC0xNTcwKSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xOTgsMTA5Ljd2NWMtMTAuNSwyLjQtMjEuOSw2LjQtMzMuOSwxMC4zQzE3NC42LDExOC4xLDE4Ni40LDExMy44LDE5OCwxMDkuN3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 50% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4yO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qze2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDV7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF80Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q2e29wYWNpdHk6MC4xODtmaWxsOnVybCgjU1ZHSURfNV8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0N3tmaWxsOnVybCgjU1ZHSURfNl8pO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q5e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0MTB7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF85Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMXtvcGFjaXR5OjAuMTg7ZmlsbDp1cmwoI1NWR0lEXzEwXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwdjExN2MzNi42LDQuNyw3OS40LDMwLjUsOTksMzguMWMyMC4yLTcuOCw2Mi43LTMxLjQsOTktMzYuMVYwSDB6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjIuNyIgeDI9Ijk5IiB5Mj0iMi43IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk5LDE1NS4zTDk5LDE1NS4zTDk5LDE1NS4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yLjUyNzYiIHkxPSIzNS4zNjUiIHgyPSIxMDEuNDI3NiIgeTI9IjE3LjAzNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMCwxMDguM1YxMjJsMCwwYzM2LjYsNC43LDc5LjQsMjUuOCw5OC45LDMzLjNsMCwwQzY2LjQsMTMwLjUsMjksMTE2LjIsMCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OSIgeTE9IjIuNyIgeDI9Ijk5IiB5Mj0iMi43IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk5LDE1NS4zTDk5LDE1NS4zTDk5LDE1NS4zeiIvPgoJPC9nPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iMzguMjUiIHgyPSI0OSIgeTI9IjM4LjI1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY4ODNDMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMEI4REUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMCwxMDguM3Y2LjRjMTQuNiwzLjMsMzEuNSwxMCw0OSwxNi41QzM0LjgsMTIxLDYuNiwxMTAuMywwLDEwOC4zeiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMC43OTU2IiB5MT0iNDMuODg3OSIgeDI9IjM0Ljc1MDIiIHkyPSIzNy42MjAyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0wLDEwOS42djdjMTAuMSwyLjMsMjEuMyw0LjIsMzQsOC4zQzIzLjUsMTE4LjEsMTEuNiwxMTMuOCwwLDEwOS42eiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTE5OTYuODM3IiB5MT0iMi42IiB4Mj0iLTE5OTYuODM3IiB5Mj0iMi42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk4LjQ1NDYiIHkxPSIzNS40MjIxIiB4Mj0iLTE5OTQuMzE0MSIgeTI9IjE3LjA1OTMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTE5OCwxMDguM3YxMXYyLjdsMCwwYy0zNi42LDQuNy03OS41LDI1LjctOTksMzMuMmwwLDBDMTMxLjQsMTMwLjUsMTY5LDExNi4yLDE5OCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk1LjkzNyIgeTE9IjM4LjMiIHgyPSItMjA0Ni45MzciIHkyPSIzOC4zIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY4ODNDMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMEI4REUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE5OCwxMDguM3Y2LjNjLTE0LjgsMy4zLTMxLjYsMTAtNDksMTYuNUMxNjMuMSwxMjEsMTkxLjMsMTEwLjMsMTk4LDEwOC4zeiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTYuNzM0MSIgeTE9IjQzLjc3OTMiIHgyPSItMjA2MS4yNCIgeTI9IjM3LjUyMDciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTkxRDU0Ii8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNjA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkyQTZCIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zNjA3IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzNjgxIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41NTQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzRThFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MzI5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTk0MDkyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xOTgsMTA5Ljd2NWMtMTAuNSwyLjQtMjEuOSw2LjQtMzMuOSwxMC4zQzE3NC42LDExOC4xLDE4Ni40LDExMy44LDE5OCwxMDkuN3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 55% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC4zNTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q1e29wYWNpdHk6MC4zNTtmaWxsOnVybCgjU1ZHSURfNF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NntvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzVfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDd7b3BhY2l0eTo3LjAwMDAwMGUtMDI7ZmlsbDp1cmwoI1NWR0lEXzZfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q5e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0MTB7ZmlsbDp1cmwoI1NWR0lEXzlfKTt9Cgkuc3QxMXtvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzEwXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMntvcGFjaXR5OjAuMzU7ZmlsbDp1cmwoI1NWR0lEXzExXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxM3tvcGFjaXR5OjcuMDAwMDAwZS0wMjtmaWxsOnVybCgjU1ZHSURfMTJfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzMiPgo8L2c+CjxnIGlkPSJMYXllcl8xXzFfIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDB2MTE3YzM2LjYsNC43LDc5LjQsMzAuNSw5OSwzOC4xYzE5LjUtNy41LDYyLjQtMjguMyw5OS0zMy4xVjBIMHoiLz4KCTxnIGNsYXNzPSJzdDEiPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMi43IiB4Mj0iOTkiIHkyPSIyLjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIuNTI3NiIgeTE9IjM1LjM2NSIgeDI9IjEwMS40Mjc2IiB5Mj0iMTcuMDM1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC4yNzg3IiBzdHlsZT0ic3RvcC1jb2xvcjojRjBGMEYwIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGN0Y3RjciLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wLDEwOC4zVjEyNGwwLDBjMzYuNiw0LjcsNzkuNCwyMy44LDk4LjksMzEuM2wwLDBDNjYuNCwxMzAuNSwyOSwxMTYuMiwwLDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk5IiB5MT0iMi43IiB4Mj0iOTkiIHkyPSIyLjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTksMTU1LjNMOTksMTU1LjNMOTksMTU1LjN6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIzOC4yNSIgeDI9IjQ5IiB5Mj0iMzguMjUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNjg4M0MxIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0IwQjhERSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0wLDEwOC4zdjYuNGMxNC42LDMuMywzMS41LDEwLDQ5LDE2LjVDMzQuOCwxMjEsNi42LDExMC4zLDAsMTA4LjN6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjc5NTYiIHkxPSI0My44ODc5IiB4Mj0iMzQuNzUwMiIgeTI9IjM3LjYyMDIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTkxRDU0Ii8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNjA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkyQTZCIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zNjA3IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzNjgxIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41NTQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTkzRThFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MzI5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTk0MDkyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTAsMTA5LjZ2N2MxMC4xLDIuMywyMS4zLDQuMiwzNCw4LjNDMjMuNSwxMTguMSwxMS42LDExMy44LDAsMTA5LjZ6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xLjU4NTYiIHkxPSIyOS43MDc3IiB4Mj0iMTAwLjU4NTYiIHkyPSIxMS42OTIzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I2MEUwQyIvPgoJCTxzdG9wICBvZmZzZXQ9IjYuNTA5NjMwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0M0MEMwRSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0Q1MDgxMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzAyMyIgc3R5bGU9InN0b3AtY29sb3I6I0RGMDcxMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNDUzIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIwNjEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41Njk4IiBzdHlsZT0ic3RvcC1jb2xvcjojREQwNzEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MDg1IiBzdHlsZT0ic3RvcC1jb2xvcjojQ0YwQTEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC44NTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojQjcwRjEwIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5MTUwRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik05OSwxNTUuM2MtMzIuNS0xNy45LTcwLjEtMzAuMi05OS0zNnY1LjZDMzYuNSwxMjkuNyw3OS40LDE0Ny44LDk5LDE1NS4zeiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfN18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTE5OTYuODM3IiB5MT0iMi42IiB4Mj0iLTE5OTYuODM3IiB5Mj0iMi42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQ0VDRUMiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y1RjVGNSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OCIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzhfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk4LjQ1NDYiIHkxPSIzNS40MjIxIiB4Mj0iLTE5OTQuMzE0MSIgeTI9IjE3LjA1OTMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0OSIgZD0iTTE5OCwxMDguM3YxMXY0LjdsMCwwYy0zNi42LDQuNy03OS41LDIzLjctOTksMzEuMmwwLDBDMTMxLjQsMTMwLjUsMTY5LDExNi4yLDE5OCwxMDguM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTk4LjksMTU1LjRMOTguOSwxNTUuNEw5OC45LDE1NS40eiIvPgoJPC9nPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTUuOTM3IiB5MT0iMzguMyIgeDI9Ii0yMDQ2LjkzNyIgeTI9IjM4LjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNjg4M0MxIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0IwQjhERSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDExIiBkPSJNMTk4LDEwOC4zdjYuM2MtMTQuOCwzLjMtMzEuNiwxMC00OSwxNi41QzE2My4xLDEyMSwxOTEuMywxMTAuMywxOTgsMTA4LjN6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzExXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5Ni43MzQxIiB5MT0iNDMuNzc5MyIgeDI9Ii0yMDYxLjI0IiB5Mj0iMzcuNTIwNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMiIgZD0iTTE5OCwxMDkuN3Y1Yy0xMC41LDIuNC0yMS45LDYuNC0zMy45LDEwLjNDMTc0LjYsMTE4LjEsMTg2LjQsMTEzLjgsMTk4LDEwOS43eiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTcuNTIyNyIgeTE9IjI5LjcwNzciIHgyPSItMTk5NS4zNTE0IiB5Mj0iMTEuNjkyMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNjBFMEMiLz4KCQk8c3RvcCAgb2Zmc2V0PSI2LjUwOTYzMGUtMDIiIHN0eWxlPSJzdG9wLWNvbG9yOiNDNDBDMEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNENTA4MTEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjMwMjMiIHN0eWxlPSJzdG9wLWNvbG9yOiNERjA3MTIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjQ1MyIgc3R5bGU9InN0b3AtY29sb3I6I0UyMDYxMyIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTY5OCIgc3R5bGU9InN0b3AtY29sb3I6I0REMDcxMyIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzA4NSIgc3R5bGU9InN0b3AtY29sb3I6I0NGMEExMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuODU3NSIgc3R5bGU9InN0b3AtY29sb3I6I0I3MEYxMCIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5OTE1MEUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxMyIgZD0iTTk5LDE1NS4zYzMyLjUtMTcuOSw3MC0zMC4yLDk5LTM2djUuN0MxNjEuNCwxMjkuOCwxMTguNSwxNDcuOCw5OSwxNTUuM3oiLz4KPC9nPgo8ZyBpZD0iQmxhbmtpbmciPgo8L2c+Cjwvc3ZnPgo=); } 60% { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOTggMTU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTggMTU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC41NTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q1e29wYWNpdHk6MC42NTtmaWxsOnVybCgjU1ZHSURfNF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NntvcGFjaXR5OjAuNDU7ZmlsbDp1cmwoI1NWR0lEXzVfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDd7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF82Xyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q4e2ZpbGw6dXJsKCNTVkdJRF83Xyk7fQoJLnN0OXtmaWxsOnVybCgjU1ZHSURfOF8pO30KCS5zdDEwe2ZpbGw6dXJsKCNTVkdJRF85Xyk7fQoJLnN0MTF7b3BhY2l0eTowLjY1O2ZpbGw6dXJsKCNTVkdJRF8xMF8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTJ7b3BhY2l0eTowLjQ1O2ZpbGw6dXJsKCNTVkdJRF8xMV8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTN7b3BhY2l0eTowLjE1O2ZpbGw6dXJsKCNTVkdJRF8xMl8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgo8ZyBpZD0iTGF5ZXJfMyI+CjwvZz4KPGcgaWQ9IkxheWVyXzFfMV8iPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMHYxMTdjMzYuNiw0LjcsNzkuNCwzMC41LDk5LDM4LjFjMTkuNS03LjUsNjIuNC0yNi4zLDk5LTMxLjFWMEgweiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIyLjciIHgyPSI5OSIgeTI9IjIuNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05OSwxNTUuM0w5OSwxNTUuM0w5OSwxNTUuM3oiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMi41Mjc2IiB5MT0iMzUuMzY1IiB4Mj0iMTAxLjQyNzYiIHkyPSIxNy4wMzUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjI3ODciIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYwRjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Y3RjdGNyIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAsMTA4LjNWMTI2bDAsMGMzNi42LDQuNyw3OS40LDIxLjgsOTguOSwyOS4zbDAsMEM2Ni40LDEzMC41LDI5LDExNi4yLDAsMTA4LjN6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSIyLjciIHgyPSI5OSIgeTI9IjIuNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05OSwxNTUuM0w5OSwxNTUuM0w5OSwxNTUuM3oiLz4KCTwvZz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjM4LjI1IiB4Mj0iNDkiIHkyPSIzOC4yNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2ODgzQzEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjBCOERFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NSIgZD0iTTAsMTA4LjN2Ni40YzE0LjYsMy4zLDMxLjUsMTAsNDksMTYuNUMzNC44LDEyMSw2LjYsMTEwLjMsMCwxMDguM3oiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTAuNzk1NiIgeTE9IjQzLjg4NzkiIHgyPSIzNC43NTAyIiB5Mj0iMzcuNjIwMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTFENTQiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjE2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTJBNkIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjM2MDciIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTM2ODEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU1NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTNFOEUiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjczMjkiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOTQwOTIiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMCwxMDkuNnY3YzEwLjEsMi4zLDIxLjMsNC4yLDM0LDguM0MyMy41LDExOC4xLDExLjYsMTEzLjgsMCwxMDkuNnoiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTEuNTg1NiIgeTE9IjI5LjcwNzciIHgyPSIxMDAuNTg1NiIgeTI9IjExLjY5MjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTgpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQjYwRTBDIi8+CgkJPHN0b3AgIG9mZnNldD0iNi41MDk2MzBlLTAyIiBzdHlsZT0ic3RvcC1jb2xvcjojQzQwQzBFIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4xNzg3IiBzdHlsZT0ic3RvcC1jb2xvcjojRDUwODExIi8+CgkJPHN0b3AgIG9mZnNldD0iMC4zMDIzIiBzdHlsZT0ic3RvcC1jb2xvcjojREYwNzEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC40NTMiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMjA2MTMiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjU2OTgiIHN0eWxlPSJzdG9wLWNvbG9yOiNERDA3MTMiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjcwODUiIHN0eWxlPSJzdG9wLWNvbG9yOiNDRjBBMTIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIwLjg1NzUiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNzBGMTAiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojOTkxNTBFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NyIgZD0iTTk5LDE1NS4zYy0zMi41LTE3LjktNzAuMS0zMC4yLTk5LTM2djcuNkMzNi41LDEzMS43LDc5LjQsMTQ3LjgsOTksMTU1LjN6Ii8+Cgk8ZyBjbGFzcz0ic3QxIj4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTk5Ni44MzciIHkxPSIyLjYiIHgyPSItMTk5Ni44MzciIHkyPSIyLjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIC0xODk3LjkzNyAxNTgpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUNFQyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNUY1Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTIwOTguNDU0NiIgeTE9IjM1LjQyMjEiIHgyPSItMTk5NC4zMTQxIiB5Mj0iMTcuMDU5MyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuMjc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjBGMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGN0Y3Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNMTk4LDEwOC4zdjExdjYuN2wwLDBjLTM2LjYsNC43LTc5LjUsMjEuNy05OSwyOS4ybDAsMEMxMzEuNCwxMzAuNSwxNjksMTE2LjIsMTk4LDEwOC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xOTk2LjgzNyIgeTE9IjIuNiIgeDI9Ii0xOTk2LjgzNyIgeTI9IjIuNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFQ0VDIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNUY1RjUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNOTguOSwxNTUuNEw5OC45LDE1NS40TDk4LjksMTU1LjR6Ii8+Cgk8L2c+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5NS45MzciIHkxPSIzOC4zIiB4Mj0iLTIwNDYuOTM3IiB5Mj0iMzguMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgLTE4OTcuOTM3IDE1OCkiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2ODgzQzEiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjBCOERFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xOTgsMTA4LjN2Ni4zYy0xNC44LDMuMy0zMS42LDEwLTQ5LDE2LjVDMTYzLjEsMTIxLDE5MS4zLDExMC4zLDE5OCwxMDguM3oiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0yMDk2LjczNDEiIHkxPSI0My43NzkzIiB4Mj0iLTIwNjEuMjQiIHkyPSIzNy41MjA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MUQ1NCIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTYwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE5MkE2QiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzYwNyIgc3R5bGU9InN0b3AtY29sb3I6IzE5MzY4MSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzE5M0U4RSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNzMyOSIgc3R5bGU9InN0b3AtY29sb3I6IzE5NDA5MiIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEyIiBkPSJNMTk4LDEwOS43djVjLTEwLjUsMi40LTIxLjksNi40LTMzLjksMTAuM0MxNzQuNiwxMTguMSwxODYuNCwxMTMuOCwxOTgsMTA5Ljd6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjA5Ny41MjI3IiB5MT0iMjkuNzA3NyIgeDI9Ii0xOTk1LjM1MTQiIHkyPSIxMS42OTIyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAtMTg5Ny45MzcgMTU4KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I2MEUwQyIvPgoJCTxzdG9wICBvZmZzZXQ9IjYuNTA5NjMwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0M0MEMwRSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMTc4NyIgc3R5bGU9InN0b3AtY29sb3I6I0Q1MDgxMSIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuMzAyMyIgc3R5bGU9InN0b3AtY29sb3I6I0RGMDcxMiIvPgoJCTxzdG9wICBvZmZzZXQ9IjAuNDUzIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIwNjEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC41Njk4IiBzdHlsZT0ic3RvcC1jb2xvcjojREQwNzEzIi8+CgkJPHN0b3AgIG9mZnNldD0iMC43MDg1IiBzdHlsZT0ic3RvcC1jb2xvcjojQ0YwQTEyIi8+CgkJPHN0b3AgIG9mZnNldD0iMC44NTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojQjcwRjEwIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5MTUwRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEzIiBkPSJNOTksMTU1LjNjMzIuNS0xNy45LDcwLTMwLjIsOTktMzZ2Ny43QzE2MS40LDEzMS44LDExOC41LDE0Ny44LDk5LDE1NS4zeiIvPgo8L2c+CjxnIGlkPSJCbGFua2luZyI+CjwvZz4KPC9zdmc+Cg==); } 70% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr4.svg); } 80% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr3.svg); } 90% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr2.svg); } 100% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr1.svg); } } @-webkit-keyframes animateLogo { 0% { top : 10px; } 100% { top : 0; } } @keyframes animateLogo { 0% { top : 10px; } 100% { top : 0; } } @-webkit-keyframes animateLogoReverse { 0% { top : 0;} 100% { top : 10px;} } @keyframes animateLogoReverse { 0% { top : 0;} 100% { top : 10px;} } @-webkit-keyframes animateLogoDesktop { 0% { top:35px;} 100% { top:0px;} } @keyframes animateLogoDesktop { 0% { top:35px;} 100% { top:0px;} } @-webkit-keyframes animateLogoReverseDesktop { 0% { top:0px;} 100% { top:35px;} } @keyframes animateLogoReverseDesktop { 0% { top:0px;} 100% { top:35px;} } @-webkit-keyframes animateCurveIE { 0% { background-position: 0 -23px; opacity: 1;} 5% { background-position: 0 -268px } 10% { background-position: 0 -513px } 15% { background-position: 0 -758px } 20% { background-position: 0 -1003px} 25% { background-position: 0 -1248px} 30% { background-position: 0 -1493px} 35% { background-position: 0 -1738px} 40% { background-position: 0 -1983px} 45% { background-position: 0 -2228px} 50% { background-position: 0 -2473px } 55% { background-position: 0 -2718px } 60% { background-position: 0 -2963px } 70% { background-position: 0 -3208px } 80% { background-position: 0 -3453px } 90% { background-position: 0 -3698px } 100% { background-position: 0 -3943px; opacity: 1;} } @keyframes animateCurveIE { 0% { background-position: 0 -23px; opacity: 1;} 5% { background-position: 0 -268px } 10% { background-position: 0 -513px } 15% { background-position: 0 -758px } 20% { background-position: 0 -1003px} 25% { background-position: 0 -1248px} 30% { background-position: 0 -1493px} 35% { background-position: 0 -1738px} 40% { background-position: 0 -1983px} 45% { background-position: 0 -2228px} 50% { background-position: 0 -2473px } 55% { background-position: 0 -2718px } 60% { background-position: 0 -2963px } 70% { background-position: 0 -3208px } 80% { background-position: 0 -3453px } 90% { background-position: 0 -3698px } 100% { background-position: 0 -3943px; opacity: 1;} } @-webkit-keyframes animateCurveReverseIE { 0% { background-position: 0 -3943px; opacity: 0;} 5% { background-position: 0 -3698px; } 10% { background-position: 0 -3453px; } 15% { background-position: 0 -3208px; } 20% { background-position: 0 -2963px; } 25% { background-position: 0 -2718px; } 30% { background-position: 0 -2473px; opacity: 1;} 35% { background-position: 0 -2228px; } 40% { background-position: 0 -1983px; } 45% { background-position: 0 -1738px; } 50% { background-position: 0 -1493px; } 55% { background-position: 0 -1248px; } 60% { background-position: 0 -1003px; } 70% { background-position: 0 -758px; } 80% { background-position: 0 -513px; } 90% { background-position: 0 -268px; } 100% { background-position: 0 -23px; } } @keyframes animateCurveReverseIE { 0% { background-position: 0 -3943px; opacity: 0;} 5% { background-position: 0 -3698px; } 10% { background-position: 0 -3453px; } 15% { background-position: 0 -3208px; } 20% { background-position: 0 -2963px; } 25% { background-position: 0 -2718px; } 30% { background-position: 0 -2473px; opacity: 1;} 35% { background-position: 0 -2228px; } 40% { background-position: 0 -1983px; } 45% { background-position: 0 -1738px; } 50% { background-position: 0 -1493px; } 55% { background-position: 0 -1248px; } 60% { background-position: 0 -1003px; } 70% { background-position: 0 -758px; } 80% { background-position: 0 -513px; } 90% { background-position: 0 -268px; } 100% { background-position: 0 -23px; } } .global-header-container { background: #FFFFFF; border-bottom: 2px solid rgba(237, 241, 247, .85) } .global-header-container .global-header { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .global-header-container .global-header:before { content: ''; display: table; } .global-header-container .global-header:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .global-header-container .global-header { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .global-header-container .global-header { padding-left: 60px; padding-right: 60px; } } .global-header-container .global-header { position: relative; z-index: 1; } .global-header-container .menu-bar, .global-header-container .menu-bar-small { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-header-container .menu-bar-small, .global-header-container .main-nav-container .menu-bar { height: 77px; } .global-header-container .nav-brand-logo { width: 100px; margin: 0; text-align: left; top: 10px; left: 5px; position: relative; } .global-header-container .brand-logo img { max-width: 107px; height: 39px; width: auto; margin: 0; z-index: 4; position: relative; } .global-header-container .menu-bar-small .nav-call-btn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: absolute; right: 64px; } .global-header-container .menu-bar-small .nav-brand-logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .global-header-container .menu-bar-small .nav-toggle-btn { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .global-header-container.scrolled .menu-bar-small:after { width: 0; left: 0; } .global-header-container .nav-toggle-btn .cart::after { content: "\E904"; color: #988642; font-size: 1.5625rem; } .global-header-container .nav-toggle-btn .toggle-btn::after { content: "\E909"; color: #002776; } .global-header-container .main-nav-container .menu-bar { background: #EDF1F7; border-bottom: 1px solid #E6E9F0; } .global-header-container .menu-bar .close-btn:after { content: "\E906"; font-family: 'Icomoon'; color: #002776; } .global-header-container .menu-bar .nav-text .em { font-family: 'PraxisCom-Bold'; } .global-header-container .menu-bar .nav-text { font-size: 0.75rem; } .global-header-container .menu-bar .nav__countdown .nav-text { line-height: 1rem; font-size: 1rem; font-family: 'PraxisCom-Regular'; } .global-header-container .menu-bar .nav__countdown .nav-text:first-child { color: #002776; margin-bottom: 3px; opacity: .5; } .global-header-container .menu-bar .nav__countdown .nav-text:last-child { color: #988642; } .global-header-container {/* main nav*/ } .global-header-container .main-nav { background-color: #FFFFFF; } .global-header-container .main-nav-item { border-bottom: 1px solid #E6E9F0; } .global-header-container .main-nav-item:last-child { border-bottom: none; } .global-header-container .main-nav-container { color: #988642; background-color: #FFFFFF; } .global-header-container .main-nav-container .menu-bar { color: #002776; } .global-header-container .main-nav-link { font-family: 'GreycliffCF-medium'; font-size: 1rem; letter-spacing: 0; color: #1E458A; } .global-header-container .secondary-list-menu .secondary-link { font-family: 'GreycliffCF-medium'; font-size: 1rem; letter-spacing: 0; color: #1E458A; } .global-header-container {/* secondary nav*/ } .global-header-container .secondary-nav { background-color: #EDF1F7; } .global-header-container .secondary-nav-item { border-bottom: 1px solid #E6E9F0; } .global-header-container .secondary-list-menu { color: #988642; background-color: #002776; -webkit-box-shadow: 0 5px 15px -5px rgba(1, 25, 73, .85); box-shadow: 0 5px 15px -5px rgba(1, 25, 73, .85); } .global-header-container .secondary-list-menu .secondary-link { text-decoration: underline; } .global-header-container .nav-Curve { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_animation_fr1.svg); height: 90px; width: 120px; display: inline-block; background-repeat: no-repeat; position: absolute; top: 0; left:10px; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: drop-shadow( 0px 8px 4px rgba(0, 0, 0, .1) ); filter: drop-shadow( 0px 8px 4px rgba(0, 0, 0, .1) ); pointer-events: none; } .global-header-container .nav-brand-logo a::before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .3)), color-stop(60%, rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, 1))); background: linear-gradient(to top, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .9) 60%, rgba(255, 255, 255, 1) 100%); position: absolute; content: ''; width: 135%; height: 35px; left: -22px; top: -15px; z-index: 2; overflow: visible; } .global-header-wrapper.scrolled .nav-Curve { -webkit-animation: animateCurve .6s ease-in-out; animation: animateCurve .6s ease-in-out; opacity: 0 } .global-header-wrapper.rev-scrolled .nav-Curve { -webkit-animation: animateCurveReverse .6s cubic-bezier(0, 0.19, 0, 1.29); animation: animateCurveReverse .6s cubic-bezier(0, 0.19, 0, 1.29); } .global-header-wrapper.scrolled .nav-brand-logo a::before { visibility: hidden; } .global-header-wrapper.rev-scrolled .nav-brand-logo a::before { visibility: visible; } .global-header-wrapper.scrolled .nav-brand-logo { -webkit-animation: animateLogo .8s cubic-bezier(0, 0.19, 0, 1.29); animation: animateLogo .8s cubic-bezier(0, 0.19, 0, 1.29); top: 0; } .global-header-wrapper.rev-scrolled .nav-brand-logo { -webkit-animation: animateLogoReverse .8s cubic-bezier(0, 0.19, 0, 1.29); animation: animateLogoReverse .8s cubic-bezier(0, 0.19, 0, 1.29); top: 10px; } .global-header-wrapper.scrolled .mob-logo-po { -webkit-animation: animateLogo .8s cubic-bezier(0, 0.19, 0, 1.29); animation: animateLogo .8s cubic-bezier(0, 0.19, 0, 1.29); top: 0; } .global-header-wrapper.rev-scrolled .mob-logo-po { -webkit-animation: animateLogoReverse .8s cubic-bezier(0, 0.19, 0, 1.29); animation: animateLogoReverse .8s cubic-bezier(0, 0.19, 0, 1.29); top: 10px; } .Toastify__toast-container .closeButton { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeTE9Ii0wLjU1NDY2NyIgeDI9IjIxLjk2MzciIHkyPSItMC41NTQ2NjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MTA0IDAuNzA3MTEgLTAuNzA3MTA0IDAuNzA3MTEgMC44NTE1NjIgMC43OTE1MDQpIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS13aWR0aD0iMS4xMDkzMyIvPgo8bGluZSB5MT0iLTAuNTU0NjY3IiB4Mj0iMjEuOTYzNyIgeTI9Ii0wLjU1NDY2NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxMjUgLTAuNzA3MDg4IDAuNzA3MTI1IDAuNzA3MDg4IDIuMDQ2ODggMTYuMzIyMykiIHN0cm9rZT0iIzY2NjY2NiIgc3Ryb2tlLXdpZHRoPSIxLjEwOTMzIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; width: 19px; height: 17px; border: unset; background-color: inherit; } @media (min-width: 768px){ .knt-tmp-empty-css{ display: block; } .global-header-container .nav-brand-logo { width: 180px; left: 15px; } .global-header-container .brand-logo img { max-width: 180px; height: 68px; } .global-header-container .nav-Curve { height: 52px; width: 290px; } .global-header-container .main-nav-container .menu-bar, .global-header-container .menu-bar-small { height: 90px } .global-header-container .main-nav-container .menu-bar:after, .global-header-container .menu-bar-small:after { left: -10px; } .global-header-container .nav-Curve { left: 25px; height: 160px; } } @media (min-width: 1025px){ .global-header-container { height: 181px; border: none; background-color: transparent; display: block } .global-header-container:before { content: ""; display: block; background: rgba(237, 241, 247, .85); position: absolute; bottom: 0; height: 60px; width: 100%;/* border-top: 3px solid var(--color-primary3)*/ } .global-header-container:after { content: ""; position: absolute; width: 100%; background: #FFFFFF; top: 0; bottom: 58px } .global-header-container .nav-brand-logo { width: 211px; position: absolute; left: -30px; top: 35px; padding: 20px 15px; } .global-header-container .nav-brand-logo a::before { height: 80px; left: -23px; top: -27px; } .global-header-container .menu-bar-small { position: relative; display: table-cell; width: auto; padding: 0; vertical-align: middle; z-index: 9; } .global-header-container .menu-bar-small .nav-call-btn { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .global-header-container .menu-bar-small .nav-brand-logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .global-header-container .nav-Curve { height: 195px; width: 245px; top: 5px; left: -45px; } .global-header-container .brand-logo img { max-width: 211px; height: 77px; } .global-header-container .main-nav { background: transparent;/* border-bottom: 3px solid var(--color-primary3);*/ } .global-header-container .main-nav-container { background: transparent; } .global-header-container .main-nav-item { color: #1E458A; border-bottom: none; } .global-header-container .secondary-nav-item { color: #1E458A; border-bottom: none; } .global-header-container .main-nav-link { line-height: 1.625rem; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; font-size: 1rem; color: #1E458A; } .global-header-container .secondary-list.active .main-nav-link { background: #002776; color: #FFFFFF; } .global-header-container .main-nav-link::after { content: ""; position: absolute; width: 100%; height: 1px; background: #002776; bottom: -12px; left: 0; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .global-header-container .main-nav-link.active::after, .global-header-container .main-nav-link:hover::after { opacity: 1; bottom: -8px; } .global-header-container .secondary-list.active .main-nav-link.active { border-bottom: 0; } .global-header-container .secondary-nav { background: none; } .global-header-container .secondary-nav .main-nav-link { background: transparent; } .global-header-container .secondary-list-menu { background: #002776; } .global-header-wrapper.scrolled .nav-brand-logo { -webkit-animation: animateLogoDesktop .8s cubic-bezier(0, 0.19, 0, 1.29); animation: animateLogoDesktop .8s cubic-bezier(0, 0.19, 0, 1.29); top: 0; } .global-header-wrapper.rev-scrolled .nav-brand-logo { -webkit-animation: animateLogoReverseDesktop .8s cubic-bezier(0, 0.19, 0, 1.29); animation: animateLogoReverseDesktop .8s cubic-bezier(0, 0.19, 0, 1.29); top: 35px; } /*sticky header anm*/ .global-header-container { -webkit-transition: all .3s ease; transition: all .3s ease } .global-header-container:before, .global-header-container:after { -webkit-transition: all .3s ease; transition: all .3s ease; } .global-header-container .secondary-nav { -webkit-transition: all .3s ease; transition: all .3s ease; } .global-header-container .utility-nav-container { -webkit-transition: all .3s ease; transition: all .3s ease; } .global-header-container .nav { -webkit-transition: all .3s ease; transition: all .3s ease; } .scrolled .global-header-container { /*position: fixed;*/ top: 0; height: 159px } .scrolled .global-header-container:before { height: 50px; -webkit-transition: all .3s ease; transition: all .3s ease; background: rgba(237, 241, 247, 1); } .scrolled .global-header-container:after { bottom: 50px; -webkit-transition: all .3s ease; transition: all .3s ease; } .scrolled .global-header-container .secondary-nav { height: 50px; line-height: 3.125rem; -webkit-transition: all .3s ease; transition: all .3s ease; } .scrolled .global-header-container .utility-nav-container { margin-bottom: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .scrolled .global-header-container .nav { margin-bottom: 8px; -webkit-transition: all .3s ease; transition: all .3s ease; } .ie-css .global-header-wrapper .nav-Curve { background-image: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/SVG/livery/logo_livery.svg); background-size: 100%; background-position: 0 -23px; } .ie-css .global-header-wrapper.scrolled .nav-Curve { -webkit-animation: animateCurveIE .6s ease-in-out; animation: animateCurveIE .6s ease-in-out; -webkit-animation-timing-function: steps(1,end); animation-timing-function: steps(1,end); opacity: 0 } .ie-css .global-header-wrapper.rev-scrolled .nav-Curve { -webkit-animation: animateCurveReverseIE .6s cubic-bezier(0, 0.19, 0, 1.29); animation: animateCurveReverseIE .6s cubic-bezier(0, 0.19, 0, 1.29); -webkit-animation-timing-function: steps(1,end); animation-timing-function: steps(1,end); } } @media (min-width: 1281px){ .global-header-container .main-nav-link { font-size: 1rem; } } .footerMycruise { margin-bottom: 0; } .global-footer-container { padding-bottom: 30px } .global-footer-container .accordion { padding-top: 50px; } .global-footer-container .title { height: auto; width: auto; position: relative; padding: 25px 0 17px 0; margin-top: 2px; } .global-footer-container .logo a { display: table-cell; } .global-footer-container .arrow-wrapper { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .global-footer-container .h3 { margin: 0; } .global-footer-container .content { height: 30px; width: auto; position: relative; margin-top: 0; } .global-footer-container .content-open { height: auto; } .global-footer-container .content li { list-style-type: none; padding: 9px 0 26px 0; } .global-footer-container .content ul:first-child { padding: 0; } .global-footer-container .content li:last-child { padding: 9px 0 13px 0; } .global-footer-container .content-text { visibility: hidden; overflow: auto; } .global-footer-container .content-text-open { visibility: visible; } .global-footer-container .footer-links-div { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10em; } .global-footer-container .footer-links-container ul { list-style-type: none; } .global-footer-container .footer-paragraph { width: auto; } .global-footer-container .awards { display: table; margin: 0 auto; } .global-footer-container .awards a { display: table-cell; } .global-footer-container .footer-links-div { display: block; margin: 0 auto; } .global-footer-container .footer-links-container ul { text-decoration: none; list-style-type: none; padding-left: 0; margin-top: 12px; } .global-footer-container {/* & .footer-links-container li:first-child { padding-top: 0; }*//* & .footer-links-container li { padding-top: 34px; } & .footer-links-container li:last-child { padding-bottom: 20px; }*/ } .global-footer-container .social-share-icons { margin: 0 auto; padding-bottom: 0; overflow: hidden; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .global-footer-container .social-share-icons .social-share-wrapper { height: 30px;/* @mixin flex-box;*//* justify-content: space-between; align-items: center;*/ } .global-footer-container .social-share-icons a { display: inline-block; width: 24px; height: 24px; } .global-footer-container .social-share-icons .social-icon-container { display: inline-block; margin-right: 18px; } .global-footer-container .social-share-icons .social-icon-container:last-child { margin-right: 0; } .global-footer-container .social-share-icons span { text-indent: -9999px; display: inline-block; } .global-footer-container .awards a { padding: 10px; } .global-footer-container .footer-links-container { display: block; padding-bottom: 11px; position: relative; padding-top: 60px; } .global-footer-container .footer-paragraph { margin: 0 auto; } .global-footer-container .quote-block { padding: 43px 0 82px 0; margin-bottom: 0; } .global-footer-container .logo { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0; } .global-footer-container .footer-paragraph { width: auto; } .global-footer-container .ffa-angle-down { width: 29px; height: 23px; position: absolute; right: 0; right: -14px; } .global-footer-container .ffa-rotate-180 { width: 29px; height: 23px; position: absolute; right: 0; right: -14px; } .global-footer-container .decoration { height: 15px; display: block; margin-top: 7px; margin-bottom: 24px; } .global-footer-container .accordion-item button { width: 100%; } .global-footer-container .copyright-wrapper { margin-bottom: 50px; } .global-footer-container .copyright-wrapper p:first-of-type { display: inline; } @media (min-width: 768px){ .global-footer-container .lvp-dom { display: none; } .global-footer-container .mvp-dom { display: block; } .global-footer-container .accordion { padding-top: 90px; display: block; } .global-footer-container .awards a { width: auto; } .global-footer-container .logo { margin: 30px 0; } .global-footer-container .accordion-item { display: table; position: relative; width: 100%; } .global-footer-container .title { padding: 41px 0 41px 0; } .global-footer-container .content li:last-child { padding: 9px 0 0 0; } .global-footer-container .content li { padding: 9px 0 40px 0; } .global-footer-container {/* & .content { margin-top: -30px; }*/ } .global-footer-container .content ul { list-style-type: none; padding: 0 0 0 4px; } .global-footer-container .arrow-wrapper { position: absolute; right: 0; } .global-footer-container .footer-links-div { display: block; margin: auto; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .global-footer-container .footer-links-container ul { padding-top: 0; margin: 0; } .global-footer-container {/* & .footer-links-container li:first-child { padding-top: 29px; } & .footer-links-container li { padding-top: 29px; }*/ } .global-footer-container .content-text ul { padding-top: 35px; } .global-footer-container .content-text ul:first-child { padding-top: 0; } .global-footer-container .content-text ul:last-child { padding-bottom: 34px; } .global-footer-container .social-share-icons { float: none; width: 236px;/* margin: 25px auto;*/ } .global-footer-container .footer-links-container { padding-bottom: 30px; } .global-footer-container .quote-block { padding: 43px 0 82px 0; } .global-footer-container .ffa-angle-down { width: 29px; height: 23px; } .global-footer-container .ffa-rotate-180 { width: 29px; height: 23px; } } @media (min-width: 1025px){ .global-footer-container { position: relative } .global-footer-container .lvp-dom { display: block; } .global-footer-container .mvp-dom { display: none; } .global-footer-container .accordion { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 29px; margin-top: 0; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .global-footer-container .title { padding-bottom: 40px; } .global-footer-container .content { height: auto; width: auto; } .global-footer-container .content ul { padding-left: 0; } .global-footer-container .content-open { margin-top: 0; height: 200px; } .global-footer-container .arrow-wrapper { margin-left: 375px; } .global-footer-container .content li { padding: 17px 0 0 0; } .global-footer-container .content li:last-child { padding: 17px 0 0 0; } .global-footer-container {/* & .social-share-icons { padding-top: 52px; }*/ } .global-footer-container .footer-links-div {/* display: table-cell; column-count: 1;*/ margin-left: 0; } .global-footer-container .footer-links-div ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; padding-left: 0; margin-top: 0px; } .global-footer-container .footer-links-div li { margin-right: 25px; } .global-footer-container .footer-links-container { display: table; padding: 4px 0 0 0; width: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 90px; } .global-footer-container {/* & .footer-links-container li:first-child { padding-top: 60px; } & .footer-links-container li { padding-top: 60px; margin-right: 50px; }*/ } .global-footer-container .accordion-item { border-top: 0; border-bottom: 0; width: 25%; } .global-footer-container .logo { margin: 40px 0; } .global-footer-container .logo-wrapper { margin: 30px auto; } .global-footer-container .content ul:first-child { padding-top: 0; } .global-footer-container .quote-block { padding: 73px 0 70px 0; } .global-footer-container .awards img { display: inline-block; max-width: 100%; } .global-footer-container .social-share-wrapper { padding: 1px; overflow: hidden;/* float: right;*/ } .global-footer-container .social-share-wrapper span { overflow: hidden; } } .global-footer-container { background: #002776; border-bottom: 8px solid #011949 } .global-footer-container .logo { width: 150px; margin: 40px auto 20px; } .global-footer-container .logo-wrapper { text-align: center; margin-bottom: 45px; } .global-footer-container .logo-link { font-family: 'PraxisCom-Bold'; color: white; } .global-footer-container .content { background: #002776; height: 0 } .global-footer-container .content li { padding-bottom: 20px; } .global-footer-container .content-open { height: auto; padding-top: 20px; } .global-footer-container .grid-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .global-footer-container .grid-wrap:before { content: ''; display: table; } .global-footer-container .grid-wrap:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .global-footer-container .grid-wrap { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .global-footer-container .grid-wrap { padding-left: 60px; padding-right: 60px; } } .global-footer-container .title { font-family: 'GreycliffCF-medium'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: -0.02em; color: #002776; font-feature-settings: 'case' 1; font-weight: normal; } @media (min-width: 768px) { .global-footer-container .title { font-size: 1.25rem; line-height: 1.25rem; } } .global-footer-container .title { color: #FFFFFF; margin-bottom: 30px; background: #002776; border: 1px solid #0076CE; border-right: 0; border-left: 0; margin-bottom: 0; margin-top: -1px; text-align: left; padding: 20px 0; } .global-footer-container .arrow-wrapper { right: 15px; } .global-footer-container .ffa-angle-down { position: relative; right: 0; display: block; width: auto; height: auto } .global-footer-container .ffa-angle-down::before { content: "\E902"; display: block; font-size: 0.625rem; font-family: 'Icomoon'; } .global-footer-container .ffa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); width: auto; height: auto; } .global-footer-container .sub-link { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .global-footer-container .sub-link { font-size: 1rem; line-height: 1.375rem; } } .global-footer-container .sub-link { color: #FFFFFF; text-decoration: none; } .global-footer-container {/* TODO: verify why there is a display none important*//* & .social-share-icons, & .social-share-wrapper, & .social-icon-container { display: flex; }*/ } .global-footer-container .social-share-icons { position: absolute; top: 0; left: 0; right: 0; } .global-footer-container .social-share-wrapper { margin: 0 auto; } .global-footer-container .social-share-icons .social-icon-container { margin-right: 20px } .global-footer-container .social-share-icons .social-icon-container a { color: #FFFFFF; font-family: 'Icomoon'; font-size: 1.125rem; text-decoration: none; width: auto; } .global-footer-container .facebook::before { content: "\E916"; display: block; } .global-footer-container .twitter::before { content: "\E919"; display: block; } .global-footer-container .youtube::before { content: "\E91A"; display: block; } .global-footer-container .instagram::before { content: "\E918"; display: block; } .global-footer-container .googlePlus::before { content: "\E917"; display: block; } .global-footer-container .pinterest::before { content: "\E93A"; display: block; } .global-footer-container .footer-links-container {/* padding-top: 60px; margin-top: 20px;*//* & li { padding-top: 20px; }*/ } .global-footer-container .footer-links-div { border-top: 1px solid #0076CE; padding-top: 20px; } /* @import 'tablet.css' ( --tablet ); */ @media (min-width: 1025px){ .footerMycruise { margin-bottom: 0; } .global-footer-container .title { border: none; margin-bottom: 30px; margin-top: 30px; padding: 40px 0 0; } .global-footer-container .content { height: auto; } .global-footer-container .content-open { padding-top: 0px; } .global-footer-container .social-share-icons { margin-right: 0; width: auto;/* justify-content: flex-end;*/ } .global-footer-container .logo-wrapper { width: 25%; text-align: left; margin-bottom: 0; margin-right: 0; } .global-footer-container .logo { width: 240px; margin: 20px 0; } .global-footer-container .content li { padding-bottom: 0; } .global-footer-container .social-share-wrapper { margin: 0; } .global-footer-container .social-icon-container a { color: #FFFFFF; font-family: 'Icomoon'; font-size: 1.875rem; text-decoration: none; height: 30px; } .global-footer-container .footer-links-container {/* padding-top: 0px; margin-top: 0;*//* & li { padding-top: 60px; }*/ } .global-footer-container .footer-links-div { border-top: none; padding-top: 0px; width: 75%; margin-right: 0; display: inline-block; } .global-footer-container .social-share-icons { position: static; margin-left: 0; display: inline-block; width: 25%; } } .loyaltyTierSlot { line-height: 1; position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 15px 0 } .loyaltyTierSlot .loyaltyTierSlot__type { margin-left: 5px; } .loyaltyTierSlot .tooltip__dd { text-align: left; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 30px; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; } .loyaltyTierSlot .tooltip__close { position: absolute; top: 10px; right: 10px; font-size: 1.25rem; } .loyaltyTierSlot .tooltip__icon { vertical-align: top; display: inline-block; position: absolute; top: -3px; left: 50%; margin-left: -8px; margin-bottom: 4px; color: #988642 } .loyaltyTierSlot .tooltip__icon:before { content: '\E90C'; font-family: 'Icomoon'; display: inline-block; vertical-align: top; font-size: 1rem; } @media (min-width: 768px) { .loyaltyTierSlot .tooltip__icon:before { font-size: 1.375rem } } .loyaltyTierSlot .tooltip__icon .tooltip__dd { background: #FFFFFF; -webkit-box-shadow: 0 0px 20px 10px rgba(0, 0, 0, .1); box-shadow: 0 0px 20px 10px rgba(0, 0, 0, .1); text-align: left; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 30px; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box } @media (min-width: 1025px) { .loyaltyTierSlot .tooltip__icon .tooltip__dd { text-align: left; position: absolute; top: 55px; left: auto; right: -20px; max-width: 350px; min-width: 250px; height: auto; padding: 30px; width: auto } .loyaltyTierSlot .tooltip__icon .tooltip__dd:before { content: ''; position: absolute; background: #FFFFFF; top: -20px; right: 10px; content: ''; width: 45px; height: 45px; position: absolute; top: -6px; display: block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; } } .loyaltyTierSlot .tooltip__icon .tooltip__close { position: absolute; top: 10px; right: 10px; font-size: 1.25rem; } @media (min-width: 1025px) { .loyaltyTierSlot .tooltip__icon .tooltip__close { display: none } } .loyaltyTierSlot .tooltip__icon .tooltip__dd p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .loyaltyTierSlot .tooltip__icon .tooltip__dd p { font-size: 1rem; line-height: 1.375rem; } } .loyaltyTierSlot .tooltip__icon .tooltip__dd p { text-transform: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; background: #FFFFFF; } .loyaltyTierSlot .tooltip__icon .tooltip__close:after { content: '\E906'; font-family: 'Icomoon'; color: #988642; width: 30px; } .loyaltyTierSlot .tooltip__icon { vertical-align: top; display: inline-block; position: relative; left: auto; margin-left: 10px; margin-bottom: 0 } .loyaltyTierSlot .tooltip__icon:before { content: "\E90C"; font-family: 'Icomoon'; display: inline-block; vertical-align: top; font-size: 1rem; } @media (min-width: 768px){ .loyaltyTierSlot .tooltip__icon:before { font-size: 1.375rem; } .loyaltyTierSlot .tooltip__icon .tooltip__dd { background: #fff; -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, .1); box-shadow: 0 0 20px 10px rgba(0, 0, 0, .1); text-align: left; position: fixed; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 30px 30px; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media (min-width: 1025px){ .loyaltyTierSlot { padding: 25px 0 } .loyaltyTierSlot .tooltip__close { display: none; } .loyaltyTierSlot .tooltip__dd { text-align: left; position: absolute; top: 55px; left: auto; right: -20px; max-width: 350px; min-width: 250px; height: auto; padding: 30px; width: auto } .loyaltyTierSlot .tooltip__dd:before { content: ""; position: absolute; top: -20px; right: 10px; content: ""; width: 45px; height: 45px; position: absolute; top: -6px; display: block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; } } .loyaltyTierSlot { font-family: 'PraxisCom-Regular' } .loyaltyTierSlot .loyaltyTierSlot__txt { color: #002776; } .loyaltyTierSlot .loyaltyTierSlot__type { color: #666666; } .bookingSummaryMycruise { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .bookingSummaryMycruise:before { content: ''; display: table; } .bookingSummaryMycruise:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .bookingSummaryMycruise { padding-left: 32px; padding-right: 32px } } @media (min-width: 1025px) { .bookingSummaryMycruise { padding-left: 60px; padding-right: 60px } } .bookingSummaryMycruise { padding: 0 } .bookingSummaryMycruise .title-component { margin-bottom: 15px; } .bookingSummaryMycruise .tileH1-section { text-align: center; margin-bottom: 40px; } .bookingSummaryMycruise .bookingSummary__info { margin-top: 30px; padding: 0 20px; } .bookingSummaryMycruise .cruiseInfo__data { display: inline-block; margin-top: 10px } .bookingSummaryMycruise .cruiseInfo__data:first-child { margin-right: 20px; padding-right: 20px; } .bookingSummaryMycruise .image-lazy-loader { overflow: hidden; } .bookingSummaryMycruise .bookingSummary { -webkit-transform: translate(0); transform: translate(0); } .bookingSummaryMycruise h5 { margin-bottom: 2px; display: block; line-height: 1.1875rem; } .bookingSummaryMycruise .cruiseInfo__subtitle { margin-bottom: 12px; } .bookingSummaryMycruise h2 { line-height: 1.6; } .bookingSummaryMycruise .nextSteps .tooltip__dd { background: #FFFFFF; -webkit-box-shadow: 0 0px 20px 10px rgba(0, 0, 0, .1); box-shadow: 0 0px 20px 10px rgba(0, 0, 0, .1); text-align: left; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 30px; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box } @media (min-width: 1025px) { .bookingSummaryMycruise .nextSteps .tooltip__dd { text-align: left; position: absolute; top: 100px; bottom: auto; left: auto; right: auto; max-width: 350px; min-width: 250px; height: auto; padding: 30px; width: auto } .bookingSummaryMycruise .nextSteps .tooltip__dd.left { left: 25px; right: auto; } .bookingSummaryMycruise .nextSteps .tooltip__dd.center { left: 185px; right: auto; } .bookingSummaryMycruise .nextSteps .tooltip__dd.right { left: 345px; right: auto; } .bookingSummaryMycruise .nextSteps .tooltip__dd:before { content: ''; position: absolute; background: #FFFFFF; top: -20px; left: 10px; content: ''; width: 45px; height: 45px; position: absolute; top: -6px; display: block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; } } .bookingSummaryMycruise .nextSteps .tooltip__close { position: absolute; top: 10px; right: 10px; font-size: 1.25rem; } @media (min-width: 1025px) { .bookingSummaryMycruise .nextSteps .tooltip__close { display: none } } .bookingSummaryMycruise .nextSteps .tooltip__dd p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .bookingSummaryMycruise .nextSteps .tooltip__dd p { font-size: 1rem; line-height: 1.375rem; } } .bookingSummaryMycruise .nextSteps .tooltip__dd p { text-transform: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; background: #FFFFFF; margin-top: 0; } .bookingSummaryMycruise .nextSteps .tooltip__close:after { content: '\E906'; font-family: 'Icomoon'; color: #988642; width: 30px; } .bookingSummaryMycruise .nextSteps { position: relative } .bookingSummaryMycruise .nextSteps p { margin-top: 20px; } .bookingSummaryMycruise .cruiseInfo__ports { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 0 30px; } .bookingSummaryMycruise .cruiseInfo__portData { margin-right: 30px; min-width: 45%; line-height: 1.4; } .bookingSummaryMycruise .nextSteps__list { display: block; } .bookingSummaryMycruise .nextSteps__item { list-style: none; padding-right: 10px; display: inline-block; vertical-align: top; position: relative } .bookingSummaryMycruise .nextSteps__item.active .iconSummary { opacity: 1 } .bookingSummaryMycruise .nextSteps__item.active .iconSummary:before { opacity: 1; } .bookingSummaryMycruise .nextSteps__item .iconSummary:before { opacity: 0.6; border-radius: 50%; height: 50px; width: 50px; text-align: center; line-height: 3.125rem; display: block; font-size: 1.25rem; margin: 0px auto 8px; } .bookingSummaryMycruise .nextSteps__item:last-child { padding-right: 0; } .bookingSummaryMycruise .nextSteps__item .iconSummary { opacity: 0.5; display: block; text-decoration: none; max-width: 100px; } .bookingSummaryMycruise .tooltip__dd { text-align: left; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 30px; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; } .bookingSummaryMycruise .tooltip__close { position: absolute; top: 10px; right: 10px; font-size: 1.25rem; } .bookingSummaryMycruise .image-lazy-loader .image-lazy-loader { width: unset !important; } .bookingSummaryMycruise .image-lazy-loader .portGuide.cabinDetails { margin-top: 0; padding: 14px; border: 1px solid rgba(0, 0, 0, .1) } .bookingSummaryMycruise .image-lazy-loader .portGuide.cabinDetails .cruiseInfo__portGuide { color: #666666; font-family: 'PraxisCom-Regular'; line-height: 1.1875rem; margin-bottom: 10px; } .bookingSummaryMycruise .image-lazy-loader .portGuide.cabinDetails .cta-secondary { cursor: pointer !important } .bookingSummaryMycruise .image-lazy-loader .portGuide.cabinDetails .cta-secondary::before { content: ''; background: #002776; } .overlay-text { max-width: 670px; margin: 0 auto; padding: 30px 30px 50px 30px /* & h1 { text-align: center; margin: 0 0 15px; font-weight: normal; &:before { font-family: var(--font-icomoon); display: block; width: 58px; height: 42px; margin: 0 auto 6px; text-align: center; } } */ } .overlay-text p { text-align: center; margin-bottom: 15px; } .overlay-text li { list-style: none; margin-bottom: 20px; } .overlay-text li::before { font-family: 'Icomoon'; font-size: 0.3125rem; display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); text-align: center; float: left; margin-right: 7px; } @media (min-width: 768px){ .bookingSummaryMycruise { padding: 0 } .bookingSummaryMycruise .nextSteps__item { padding-right: 50px; } .bookingSummaryMycruise .cruiseInfo__portData { min-width: 25%; } } @media (min-width: 981px){ .bookingSummaryMycruise { padding: 0 60px 0 } .bookingSummaryMycruise .image-lazy-loader { width: 50%; margin-bottom: 0; } .bookingSummaryMycruise .bookingSummary__info { padding: 0 0 0 60px; } .bookingSummaryMycruise .bookingSummary { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .bookingSummaryMycruise .bookingSummary picture img { width: 200%; height: 360px; } .bookingSummaryMycruise .nextSteps__item { padding-right: 50px; } .bookingSummaryMycruise .nextSteps p { max-width: 83% } } @media (min-width: 1025px){ .bookingSummaryMycruise .bookingSummary__info { padding: 0 0 0 100px; } } .bookingSummaryMycruise .cruiseInfo__subtitle { text-transform: uppercase } .bookingSummaryMycruise .cruiseInfo__data { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .bookingSummaryMycruise .cruiseInfo__data { font-size: 1rem; line-height: 1.375rem } } .bookingSummaryMycruise .cruiseInfo__data:first-child { border-right: 1px solid #D3DEF0; margin-right: 20px; padding-right: 20px; } .bookingSummaryMycruise .nextSteps__item { text-align: center } .bookingSummaryMycruise .nextSteps__item .iconSummary:before { color: #FFFFFF; background-color: #002776; font-family: 'Icomoon'; } .bookingSummaryMycruise .nextSteps__item .iconSummary { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; text-transform: uppercase; } .bookingSummaryMycruise .cruiseInfo__ports { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .bookingSummaryMycruise .cruiseInfo__ports { font-size: 1rem; line-height: 1.375rem; } } .bookingSummaryMycruise .nextSteps{ font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666 } .bookingSummaryMycruise .nextSteps .iconSummary { text-transform: uppercase; font-size: 0.875rem; cursor: pointer; } .bookingSummaryMycruise .nextSteps .bordeingContainer { color: #002776; font-family: 'GreycliffCF-bold'; text-decoration: none; cursor: default; display: block } .bookingSummaryMycruise .nextSteps .bordeingContainer p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .bookingSummaryMycruise .nextSteps .bordeingContainer p { font-size: 1rem; line-height: 1.375rem; } } .bookingSummaryMycruise .nextSteps .bordeingContainer p { font-family: 'PraxisCom-Regular'; } .bookingSummaryMycruise .nextSteps .bordeingContainer a { text-decoration: underline; display: inline-block; cursor: pointer; color: #002776; } .bookingSummaryMycruise .cabinDetails { margin-top: 20px } .bookingSummaryMycruise .cabinDetails h5 { display: inline !important; margin-right: 10px; } .bookingSummaryMycruise .cabinDetails .cruiseInfo__data_wrapper { margin-top: 6px; } .bookingSummaryMycruise .cabinDetails .cruiseInfo__data { margin-top: 0px } .bookingSummaryMycruise .cabinDetails .cruiseInfo__data:first-child { font-size: 0.875rem; line-height: 1.0625rem; border-right: 1px solid #D3DEF0; } .bookingSummaryMycruise .cabinDetails .cruiseInfo__data.no-cabin { border-right: 0; margin-right: 0px; } .bookingSummaryMycruise .cabinDetails a { color: #002776; font-family: 'GreycliffCF-bold'; text-decoration: none; cursor: default; display: inline; font-size: 0.875rem; line-height: 1.0625rem } .bookingSummaryMycruise .cabinDetails a p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .bookingSummaryMycruise .cabinDetails a p { font-size: 1rem; line-height: 1.375rem; } } .bookingSummaryMycruise .cabinDetails a p { font-family: 'PraxisCom-Regular'; } .bookingSummaryMycruise .cabinDetails a span { text-decoration: underline; display: inline-block; cursor: pointer; } .overlay-text p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .overlay-text p { font-size: 1rem; line-height: 1.375rem; } } .overlay-text {/* & h1 { &:before { content: "\e91c"; font-size: 40px; color: var(--color-primary4); } }*/ } .overlay-text li { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .overlay-text li { font-size: 1rem; line-height: 1.375rem; } } .overlay-text li { padding-left: 20px; } .overlay-text li::before { content: "\E902"; color: #0076CE; } .overlay-text p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .overlay-text p { font-size: 1.125rem; line-height: 1.625rem; } } .overlay-text ul { margin-top: 30px; } /* @import 'tablet.css' ( --tablet ); */ @media (min-width: 1025px){ .bookingSummaryMycruise .nextSteps .bordeingContainer a { font-size: 0.875rem; } .overlay-text ul { margin-top: 50px; } } .tabs .tab-content-hide { display: none; } .tabs .tab-content-show { display: block; } .tabs .tabpanel-content-hide { display: none; } .tabs .tabpanel-content-show { display: block; } .tabs .tab-image { position: relative } .tabs .tab-image:before { font-family: 'Icomoon'; speak: none; width: 40px; height: 40px; line-height: 2.5rem; position: absolute; border-radius: 50%; top: 6px; right: 6px; z-index: 9; -webkit-transform: scale(0); transform: scale(0); } .tabs .tab-image img { border-radius: 50%; display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; height: 130px; width: 130px; margin: 10px auto; border: 4px solid transparent; } .tabs .active .tab-image:before { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s cubic-bezier(0.77, 0.03, 0.25, 1) .2s; transition: -webkit-transform .3s cubic-bezier(0.77, 0.03, 0.25, 1) .2s; transition: transform .3s cubic-bezier(0.77, 0.03, 0.25, 1) .2s; transition: transform .3s cubic-bezier(0.77, 0.03, 0.25, 1) .2s, -webkit-transform .3s cubic-bezier(0.77, 0.03, 0.25, 1) .2s; } .tabs .slider-wrapper { position: relative; padding-left: 40px !important; padding-right: 40px !important; border-bottom: 1px solid #EDF1F7 } .tabs .slider-wrapper .prev { height: 10px; width: 10px; position: absolute; left: 0; top: 0 } .tabs .slider-wrapper .prev::before { content: "\E903"; color: #EDF1F7; background-color: #fff; font-family: 'Icomoon'; display: block; font-size: 20px; font-size: 1.25rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tabs .slider-wrapper .prev.active::before { color: #002776; } .tabs .slider-wrapper .next { height: 10px; width: 10px; position: absolute; right: 0; top: 0 } .tabs .slider-wrapper .next::before { content: "\E903"; color: #EDF1F7; background-color: #fff; font-family: 'Icomoon'; display: block; font-size: 20px; font-size: 1.25rem; } .tabs .slider-wrapper .next.active::before { color: #002776; } .tabs .slider-wrapper .tabs-labels { border-bottom: none } .tabs .slider-wrapper .tabs-labels li:last-child { margin-right: 0 !important; } .tabs .slider {/* padding-right: 40px !important; padding-left: 40px !important;*//* & .slick-slider { & li { margin-right: 0 !important; } & .slick-prev, & .slick-next { width: 25px; text-align: center; cursor: pointer; position: absolute; top: -25px; z-index: 2; &:before { content: "\E903"; color: #002776; background-color: #fff; font-family: var(--font-icomoon); display: block; height: 100%; font-size: 1.25rem; line-height: 8.4375rem; } &.disabled { &:before { color: var(--color-secondary6); } cursor: default; } } & .slick-prev { left: 0; text-align: center; } & .slick-next { right: 0; text-align: center; } } & li a { word-wrap: break-word !important; }*//* &::after { content: 'next'; } &::before { content: 'prev'; height: 10px; width: 10px; position: absolute; left: 0; }*/ } .state-room-acc-wrapper { padding: 35px 0; margin: 0 auto; } .configuratorTab .room-item__fare { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .configuratorTab .room-item__fare { font-size: 1rem; line-height: 1.375rem; } } .configuratorTab .room-item__fare { text-transform: uppercase; } .configuratorTab .tabs { padding: 0; position: relative } .configuratorTab .tabs:before { content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 50px; } .configuratorTab .tabs:after { content: ''; position: absolute; top: 0; right: 0; width: 0px; height: 50px; } .configuratorTab .tabs-labels { text-align: center; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; padding: 0 0 13px 20px } .configuratorTab .tabs-labels::-webkit-scrollbar { display: none; } .configuratorTab .roomInfo fieldset { display: inline-block; } .configuratorTab .tabs-labels li { list-style: none; display: inline-block; margin-right: 60px; } .configuratorTab .radio--readOnly { border-radius: 10px; padding: 10px 20px; display: inline-block; } .configuratorTab .configurator__info { margin-top: 30px; } .configuratorTab fieldset { display: inline-block; margin-right: 30px; margin-bottom: 10px; padding: 0; } .configuratorTab form { margin-bottom: 10px; margin-top: 20px } .configuratorTab form h5 { margin-top: 35px; } .configuratorTab form .input-label { visibility: hidden; height: 20px; margin: 0; } @media (min-width: 768px) { .configuratorTab form .input-label { margin: 0 0 5px; } } .configuratorTab form .input-label { display: block; } .configuratorTab .cta-primary { margin-top: 20px; } .configuratorTab .select-group { padding: 15px 0 10px; } .configuratorTab .configurator__moreInfo { display: inline-block; margin-left: 10px; position: relative; } .configuratorTab .tooltip__icon { vertical-align: top; display: inline-block; position: absolute; top: -3px; left: 50%; margin-left: -8px; margin-bottom: 4px; color: #988642; } .configuratorTab .tooltip__icon:before { content: '\E90C'; font-family: 'Icomoon'; display: inline-block; vertical-align: top; font-size: 1rem; } @media (min-width: 768px) { .configuratorTab .tooltip__icon:before { font-size: 1.375rem } } .configuratorTab .tooltip__icon .tooltip__dd { background: #FFFFFF; -webkit-box-shadow: 0 0px 20px 10px rgba(0, 0, 0, .1); box-shadow: 0 0px 20px 10px rgba(0, 0, 0, .1); text-align: left; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 30px; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box } @media (min-width: 1025px) { .configuratorTab .tooltip__icon .tooltip__dd { text-align: left; position: absolute; top: 55px; left: auto; right: -20px; max-width: 350px; min-width: 250px; height: auto; padding: 30px; width: auto } .configuratorTab .tooltip__icon .tooltip__dd:before { content: ''; position: absolute; background: #FFFFFF; top: -20px; right: 10px; content: ''; width: 45px; height: 45px; position: absolute; top: -6px; display: block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; } } .configuratorTab .tooltip__icon .tooltip__close { position: absolute; top: 10px; right: 10px; font-size: 1.25rem; } @media (min-width: 1025px) { .configuratorTab .tooltip__icon .tooltip__close { display: none } } .configuratorTab .tooltip__icon .tooltip__dd p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .configuratorTab .tooltip__icon .tooltip__dd p { font-size: 1rem; line-height: 1.375rem; } } .configuratorTab .tooltip__icon .tooltip__dd p { text-transform: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; background: #FFFFFF; } .configuratorTab .tooltip__icon .tooltip__close:after { content: '\E906'; font-family: 'Icomoon'; color: #988642; width: 30px; } .configuratorTab .tooltip__icon { left: calc(100% + 14px); top: 0; } .configuratorTab form.disable fieldset, .configuratorTab form.disable .input-field { opacity: 0.5; pointer-events: none; } .configuratorTab form.disable .input-field { width: 60%; margin-top: 15px; } .configuratorTab .configurator__par { margin-top: 8px; } .configuratorTab .configurator .roomInfo fieldset { display: block; } .state-room-acc-container { margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .state-room-acc-container:before { content: ''; display: table; } .state-room-acc-container:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .state-room-acc-container { padding-left: 32px; padding-right: 32px } } @media (min-width: 1025px) { .state-room-acc-container { padding-left: 60px; padding-right: 60px } } .state-room-acc-container { padding: 30px 0 } .state-room-acc-container .media { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .state-room-acc-container .media .image-wrapper { width: 100%;/* display: flex;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .state-room-acc-container button.cta:active, .state-room-acc-container button { cursor: pointer; } .state-room-acc-container article .section-wrapper { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 30px 20px 0; margin: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .state-room-acc-container .section-wrapper h2 { margin-bottom: 15px; } .state-room-acc-container {/* & .section-wrapper p { margin: 0 0 30px; }*/ } .state-room-acc-container article .section-wrapper .cta { max-width: 100%; display: block;/* margin: auto auto 0;*/ } .state-room-acc-container article li { padding: 0 25px; } .state-room-acc-container article .cta { text-align: center } .state-room-acc-container article .cta:after {/* display: block;*/ font-size: 0.9375rem; text-align: center; -webkit-transform: rotate(90deg); transform: rotate(90deg);/* content: "\e903";*/ } .state-room-acc-container .image__label { padding: 0 20px 0; } .state-room-acc-container .bedConfiguration__submit.hide { display: none; } .state-room-acc-container .bedConfiguration__submit.show { display: block; } .show-focus-outlines .state-room-acc-container button.cta:focus {/* @mixin focus-outline;*/ } /* @import 'tablet.css' ( --tablet ); */ @media (min-width: 981px){ .state-room-acc-wrapper { width: 100%; } .state-room-acc-container { width: 100%; margin: 0 auto; clear: both; padding: 50px 60px } .state-room-acc-container .media { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .state-room-acc-container .media-left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .state-room-acc-container .media-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .state-room-acc-container article .section-wrapper { width: 50%; } .state-room-acc-container article { padding: 0; } .state-room-acc-container .roomInfo__item { width: auto; } .state-room-acc-container .section-wrapper h2 { margin-top: 0px; margin-bottom: 10px; } .state-room-acc-container .media .image-wrapper { width: 50%;/* display: flex;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .state-room-acc-container .more-items ul { padding: 60px 0 0 0; margin: 0; } .state-room-acc-container .more-items li { display: inline-block; padding: 0 0 9px 0; margin: 0 15px; width: auto; position: relative; } .state-room-acc-container li.is-active:after { content: ""; width: 0; height: 0; position: absolute; left: 50%; margin-left: -13px; bottom: -12px; } .state-room-acc-container .more-items li:last-child { margin: 0; } .state-room-acc-container article .section-wrapper { padding: 0% 5% 0% 0; } .state-room-acc-container .image__label { padding: 0; } .state-room-acc-container .servicesList { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; padding-bottom: 35px; } .state-room-acc-container .select-group { width: 60%; } .configuratorTab .tabs { padding: 0 20px; } .configuratorTab .tabs-labels li { margin-right: 80px; } .configuratorTab .configurator__par { max-width: 60% } .configuratorTab .tabs-labels { padding: 0 0 14px 0; } } .configuratorTab .tabs:before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .configuratorTab .tabs:after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .configuratorTab:after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .configuratorTab { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .configuratorTab { font-size: 1.125rem; line-height: 1.625rem } } .configuratorTab .tabs-labels a { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .configuratorTab .tabs-labels a { font-size: 1.125rem; line-height: 1.125rem } } .configuratorTab .tabs-labels a { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative } .configuratorTab .tabs-labels a:hover { color: #3e90cf } .configuratorTab .tabs-labels a:hover:before { background: #3e90cf; } .configuratorTab .tabs-labels a:active, .configuratorTab .tabs-labels a:focus { color: #005ea6 } .configuratorTab .tabs-labels a:active:before, .configuratorTab .tabs-labels a:focus:before { background: #005ea6; } @media (min-width: 768px) { .configuratorTab .tabs-labels a { font-size: 1.125rem } } .configuratorTab .tabs-labels a:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .configuratorTab .tabs-labels a:before { display: none; } .configuratorTab .tabs-labels a.active:before { display: block; bottom: -10px; height: 2px; } .configuratorTab .tabs-labels { border-bottom: 1px solid #EDF1F7; } .configuratorTab .radio--readOnly { background: #D3DEF0; } .configuratorTab .configurator__info h5{ font-size: 1.25rem; } .configuratorTab .configurator__info h4{ font-size: 1rem; } .configuratorTab .configurator__par { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666 } .configuratorTab .configurator__par a { font-family: 'GreycliffCF-bold'; color: #002776; text-decoration: underline; } .configuratorTab fieldset { border: none; } .configuratorTab fieldset input[type='radio'] { -webkit-appearance: none; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #A6B4CF; display: inline-block; vertical-align: middle; -moz-appearance: none; -ms-appearance: none; -o-appearance: none } .configuratorTab fieldset input[type='radio']:checked { border: 3px solid #FFFFFF; -webkit-box-shadow: 0px 0px 0px 1px #002776; box-shadow: 0px 0px 0px 1px #002776; background: #002776; } .configuratorTab fieldset input[type='radio']:checked::-ms-check { border: 3px solid #FFFFFF; box-shadow: 0px 0px 0px 1px #002776; background: #002776; color: #002776; } .configuratorTab fieldset label {/* @mixin style-body1;*/ line-height: 1.5625rem; margin-left: 10px; display: inline-block; vertical-align: middle; } .configuratorTab .section-wrapper .cta-secondary { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .configuratorTab .section-wrapper .cta-secondary { font-size: 1.125rem; line-height: 1.125rem; } } .configuratorTab .section-wrapper .cta-secondary { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .configuratorTab .section-wrapper .cta-secondary:hover { color: #3e90cf } .configuratorTab .section-wrapper .cta-secondary:hover:before { background: #3e90cf; } .configuratorTab .section-wrapper .cta-secondary:active, .configuratorTab .section-wrapper .cta-secondary:focus { color: #005ea6 } .configuratorTab .section-wrapper .cta-secondary:active:before, .configuratorTab .section-wrapper .cta-secondary:focus:before { background: #005ea6; } @media (min-width: 768px) { .configuratorTab .section-wrapper .cta-secondary { font-size: 1.125rem; } } .configuratorTab .section-wrapper .cta-secondary:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .configuratorTab .section-wrapper .cta-secondary { border-bottom: none; vertical-align: middle; text-decoration: none; } .configuratorTab .section-wrapper .cta-secondary:before { display: none; } .configuratorTab .section-wrapper .cta-secondary:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .configuratorTab .section-wrapper .cta-secondary:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .configuratorTab .section-wrapper .cta-secondary { font-size: 0.75rem; } .configuratorTab form .input-label { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #666666; } .configuratorTab .configurator__moreInfo { color: #A6B4CF; } .configuratorTab .tooltip__icon { color: #A6B4CF; } .configuratorTab .image__label { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0;/* font-feature-settings: 'lnum' 1;*/ color: #666666; padding-top: 4px; } @media (min-width: 768px){ .configuratorTab .tabs-labels a.active:before { bottom: -13px; } } .toDoList { max-width: 1280px; margin: 30px 20px; text-align: center; } .toDoList__cont { padding: 30px 0; max-width: 1280px; margin: 0 auto 50px } .toDoList__cont p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .toDoList__cont p { font-size: 1rem; line-height: 1.375rem; } } .toDoList__cont p { display: none; max-width: 70%; margin: 0 auto; } .toDoList .toDoList__aux { text-align: center; padding: 30px 20px; } .hide .toDoList__list { display: none; } .show .toDoList__list { display: block; } .hide .toDoList__alert { display: block; } .show .toDoList__alert { display: none; } .toDoList__listItem { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.875rem; margin-bottom: 10px; position: relative; vertical-align: top; border-radius: 20px; width: 100%; padding: 28px 25px; min-height: 130px } .toDoList__listItem:after { display: block; width: 30px; height: 30px; line-height: 1.9375rem; border-radius: 50%; position: absolute; bottom: 10px; left: 50%; right: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'Icomoon'; } .toDoList__listItem.notAvailable { opacity: 0.5; } .toDoList__title { display: inline-block } .toDoList__title:after { font-family: 'Icomoon'; display: inline-block; font-size: 0.625rem; margin-left: 10px; vertical-align: middle; } .toDoList__alertMsg { font-size: 0.75rem } .toDoList__alertMsg:before { display: inline-block; font-family: 'Icomoon'; margin-right: 10px; width: 30px; height: 30px; border-radius: 50%; line-height: 1.875rem; font-size: 0.8125rem; text-align: center; } .show .toDoList__title:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /* @import 'tablet.css' (--tablet); */ @media (min-width: 981px){ .toDoList { margin: 30px auto } .toDoList .toDoList__aux { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .toDoList .toDoList__aux:before { content: ''; display: table; } .toDoList .toDoList__aux:after { content: ''; display: table; clear: both; } } @media (min-width: 981px) and (min-width: 768px) { .toDoList .toDoList__aux { padding-left: 32px; padding-right: 32px; } } @media (min-width: 981px) and (min-width: 1025px) { .toDoList .toDoList__aux { padding-left: 60px; padding-right: 60px; } } @media (min-width: 981px){ .toDoList .toDoList__aux { padding: 60px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .toDoList .toDoList__text { padding-bottom: 0; } .toDoList .toDoList__listItem { display: inline-block; margin: 0 14px 20px; } .toDoList .show .toDoList__alert { display: none; } .toDoList__text { text-align: left; padding-right: 30px; } .toDoList__icon { padding-right: 30px; } .toDoList__cont { padding: 30px 40px } .toDoList__cont p { display: block; } .toDoList__listItem { display: inline-block; width: 190px; margin: 10px; } .toDoList__title:after { display: none; } } .toDoList { background: #F2F0E8 } .toDoList .toDoList__cont.show .toDoList__list { display: block; } .toDoList .toDoList__list { padding: 20px; } .toDoList .toDoList__listItem { list-style: none; background: #FAF9F5; color: #988642; font-family: 'GreycliffCF-bold' } .toDoList .toDoList__listItem.active { color: #002776; } .toDoList .toDoList__listItem:after { background: #988642; color: #FFFFFF; content: '\E906'; font-size: 0.8125rem; } .toDoList .toDoList__listItem.active:after { background-color: #002776; content: '\E905'; } .toDoList .toDoList__alertMsg { background: #FFFFFF; padding: 10px; margin-top: 20px; border-radius: 25px; color: #988642; display: inline-block; font-family: 'GreycliffCF-bold' } .toDoList .toDoList__alertMsg:before { content: '\E908'; background: #988642; color: #FFFFFF; } .toDoList__title:after { content: '\E902'; color: #002776; } /* @import 'tablet.css' (--tablet); */ @media (min-width: 1025px){ .toDoList .toDoList__listItem { width: 190px; } .toDoList__title:after { display: none; } } .carousel-controls { -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; } .carousel-controls .button { display: inline-block; width: 45px; height: 45px; line-height: 2.8125rem; padding: 0; cursor: pointer; color: transparent; border: none; background: transparent; vertical-align: middle; } .carousel-controls .button:before { background-repeat: no-repeat; background-position: 50%; background-size: 15px 24px; content: ' '; width: 100%; height: 100%; display: inline-block; vertical-align: middle; } .carousel-controls span { color: #0076CE; display: inline-block; vertical-align: middle; font-family: 'GreycliffCF-medium'; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: -0.02em;/* text-transform: lowercase;*/ } .carousel-controls .slick-disabled { opacity: 0.4; pointer-events: none; } .carousel-controls .prev-btn:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); content: '\E903'; color: #0076CE; font-family: 'Icomoon'; } .carousel-controls .next-btn:before { content: '\E903'; color: #0076CE; font-family: 'Icomoon'; } .carousel-controls .prev-btn { margin-right: 10px; outline: none; } @media (min-width: 1025px) { .carousel-controls .prev-btn { margin-right: 0 } } @media (min-width: 481px) { .carousel-controls .prev-btn { margin-right: 10px } } .carousel-controls .next-btn { margin-left: 10px; outline: none; } @media (min-width: 1025px) { .carousel-controls .next-btn { margin-left: 0 } } @media (min-width: 481px) { .carousel-controls .next-btn { margin-left: 10px } } .carousel-controls { text-align: center; margin-top: 20px; } .special-offers-container .carousel-controls { padding-top: 20px; } @media (min-width: 1025px){ .carousel-controls .prev-btn { margin-right: 15px; } .carousel-controls .button { width: 15px; } .carousel-controls .next-btn { margin-left: 12px; } } .react-component.titleH1Mycruise { margin-bottom: 0px; } .title-component { width: 100%; clear: both; position: relative; text-align: center; margin-bottom: 30px } .title-component .description { margin-top: 0; } .title-component .title + .description { margin-top: 15px; } .title-component .inner-container { padding: 0 20px; } .title-component .inner-container:before { content: ''; display: table; } .title-component .inner-container:after { content: ''; display: table; clear: both; } .title-component .title { text-align: center; font-weight: normal; } .title-component p { text-align: center; } .title-component .icon-heading { display: inline-block; width: 58px; height: 42px; margin: 0 auto 6px } .title-component .icon-heading:after { font-family: 'Icomoon'; display: inline-block; vertical-align: middle; } .title-component .title-decorator { display: inline-block; width: 100%; text-align: center; clear: both; display: none; } .title-component .title-decorator-image { display: block; width: 88px; height: 8px; margin: 0 auto; text-align: center; clear: both; margin-bottom: 10px; } .titleH1 .react-component { margin: 0; } @media (min-width: 768px){ .title-component { margin-bottom: 45px } .title-component .inner-container { max-width: 572px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; } .title-component .inner-container:before { content: ''; display: table; } .title-component .inner-container:after { content: ''; display: table; clear: both; } .title-component .inner-container:before { content: ''; display: table; } .title-component .inner-container:after { content: ''; display: table; clear: both; } } @media (min-width: 1025px){ .title-component .inner-container { max-width: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .title-component .inner-container:before { content: ''; display: table; } .title-component .inner-container:after { content: ''; display: table; clear: both; } .title-component .inner-container:before { content: ''; display: table; } .title-component .inner-container:after { content: ''; display: table; clear: both; } .title-component p { max-width: 670px; margin-left: auto; margin-right: auto; } .title-component p:before { content: ''; display: table; } .title-component p:after { content: ''; display: table; clear: both; } .title-component .icon-heading { width: 58px; height: 42px; margin: 0 auto 6px; } } .title-component p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .title-component p { font-size: 1.125rem; line-height: 1.625rem; } } .title-component .icon-heading:after { content: "\E91C"; font-size: 2.5rem; color: #988642; } .title-component .icon-heading:after { content: "\E91C"; font-size: 2.5rem; color: #988642; } .title-component .title-decorator.divider-text { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .title-component .title-decorator.divider-text { font-size: 1.125rem; line-height: 1.625rem; } } .title-component .title { margin: 0; } .print-container { border: none; background: inherit; font-size: 0.875rem; line-height: 1.3125rem; color: #002776; font-family: 'PraxisCom-Regular'; margin-top: 22px; cursor: pointer; } @media (min-width: 1025px) { .print-container { position: absolute; line-height: 3.125rem; margin-top: 0 } } .print-container .print__icon { display: inline-block; vertical-align: top } .print-container .print__icon:before { content: '\E92B'; font-family: 'Icomoon'; color: #988642; font-size: 1.25rem; margin-right: 9px; line-height: 1.3125rem; } @media (min-width: 1025px) { .print-container .print__icon:before { margin-right: 12px; font-size: 1.875rem; line-height: 3.125rem } } .printEnabled { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .printEnabled:before { content: ''; display: table; } .printEnabled:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .printEnabled { padding-left: 32px; padding-right: 32px } } @media (min-width: 1025px) { .printEnabled { padding-left: 60px; padding-right: 60px } } .printEnabled { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 1025px) { .printEnabled { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media print { .wrapper { margin-top: 0; } .flightClick__openAccordion, .flight__info { -webkit-print-color-adjust: exact; } .flight__info { page-break-inside: avoid; } .accordionMycruise, .simpleText, .flightSeatBooker, .print-container, .global-footer-container, .globalHeaderMycruise, #titleH1MycruiseSecond { display: none; } #titleH1MycruiseSecond { display: none; } } .story-rotator { position: relative } .story-rotator .image-rotator { position: relative; margin: 0 auto; } .story-rotator .image-holder { width: 100%; max-height: 465px; } .story-rotator .image-holder img { width: 100%; } .story-rotator .info-card-holder { height: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; float:none; top: -48px; margin: 0 auto } .story-rotator .info-card { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-top: 30px; margin:0 30px; overflow: hidden; } .story-rotator .info-card-background { height: 100%; width: 100%; } .story-rotator .info-card .slick-slider, .story-rotator .info-card .slick-list, .story-rotator .info-card .slick-track { height: 100%; } .story-rotator .info-card .position-adjust { position: relative; width: 100%; height: 100%; overflow: hidden; padding-top: 0; z-index: 9; } .story-rotator .slides-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; position: relative; } .story-rotator .slides-holder .slide { height: inherit; } .story-rotator .content-holder { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; height: 100%; width:100%; padding: 0 25px; } .story-rotator .title h3 { margin: 0; } .story-rotator .cta-holder{ text-align:right; position: absolute; bottom: 0; right: 0; } .story-rotator .cta-holder a span { padding-bottom: 8px; } .story-rotator .custom-nav { position: static; } .story-rotator .content-holder .title { margin-bottom: 25px; } .story-rotator .custom-nav .slide-count { margin-right: 0; } .story-rotator .custom-nav .total-slides { margin-left: 0; } .story-rotator .carousel-controls { margin-top: 10px; } .tabRotator { margin-bottom: 0 } .tabRotator .tabs-labels { text-align: center } .tabRotator .tabs-labels li { display: inline-block; } .tabRotator .tabs-labels li a { display: block; } .tabRotator .tabs-labels a:after { width: 80px; height: 60px; font-family: 'Icomoon'; display: block; font-size: 2.5rem; line-height: 3.75rem; text-align: center; margin: 0 auto; position: relative; z-index: 1; } .tabRotator .tabs-labels a:before { display: none; } .tabRotator .tabs-labels a.active:after { -webkit-transform: translateY(20px); transform: translateY(20px); } .tabRotator .tabs-labels li a span { display: none; } @media (min-width: 768px){ .story-rotator .info-card-wrap { padding-bottom: 0; padding-left: 32px; padding-right: 32px } .story-rotator .info-card-holder { top: -80px } .story-rotator .info-card {/* height: 290px;*/ padding-top: 60px; } .story-rotator .content-holder { padding: 0 60px; } .story-rotator .content-holder .title { margin: 0; } .story-rotator .content-holder .cta-holder a { pointer-events: all; } .story-rotator .custom-nav { position: relative; bottom: -11px; width: 100%; z-index: 10; left: 60px; } .story-rotator .slides-holder .slide { pointer-events: none; } .story-rotator .carousel-controls { text-align: left; } } @media (min-width: 1025px){ .story-rotator .story-slide { position: relative; } .story-rotator .info-card-holder {/* height: 330px;*/ width: 890px; padding: 0; top: -112px } .story-rotator .info-card-holder.middle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } @media (min-width: 1025px) and (min-width: 1025px){ .story-rotator .info-card-holder{ width: 890px } } @media (min-width: 1025px){ .story-rotator .middle .info-card { padding-bottom: 40px; } .story-rotator .info-card { height: 100%; } .story-rotator.info-card-wrap { padding-left:40px; padding-right: 40px; } .story-rotator .content-holder { width: 890px; padding: 0 60px 20px; padding-top: 0; } } @media (min-width: 1025px) and (min-width: 1025px){ .story-rotator .content-holder{ width: 890px } } @media (min-width: 1025px){ .story-rotator .content-holder .title { margin-bottom: 20px; } .story-rotator .content-holder .cta-holder a { margin-right: 60px; } .story-rotator .cta-holder a { padding-bottom: 5px; } .story-rotator .custom-nav {/* left: 80px;*/ } .story-rotator .image-holder img { -o-object-fit:cover; object-fit: cover; max-height: 464px } .story-rotator .carousel-controls { margin-top: 0; } .tabRotator .tabs-labels a:after { width: 120px; height: 90px; line-height: 5.625rem; } .tabRotator .tabs-labels li a span { display: inline-block; } .tabRotator .tabs-labels a.active:before { display: block; } .tabRotator .tabs-labels a.active:after { -webkit-transform: translateY(30px); transform: translateY(30px); } } @media (min-width: 1281px){ .story-rotator .image-holder img { -o-object-fit: cover; object-fit: cover; max-height: 464px; } } .story-rotator .info-card:before { content: ''; position: absolute; left: 0; width: 105%; height: 30px; top: 0px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: bottom center; z-index: 9; background: white; border-radius: 0; } .story-rotator .info-card .position-adjust { background: #fff; } .story-rotator .title h3 { font-family: 'GreycliffCF-light'; font-size: 1.25rem; line-height: 1.4375rem; letter-spacing: 0; font-weight: normal; color: #002776; } @media (min-width: 768px) { .story-rotator .title h3 { font-size: 1.875rem; line-height: 1.875rem; } } .story-rotator .description p { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .story-rotator .description p { font-size: 1.125rem; line-height: 1.625rem; } } .story-rotator .cta-holder a { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .story-rotator .cta-holder a { font-size: 1.125rem; line-height: 1.125rem; } } .story-rotator .cta-holder a { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .story-rotator .cta-holder a:hover { color: #3e90cf } .story-rotator .cta-holder a:hover:before { background: #3e90cf; } .story-rotator .cta-holder a:active, .story-rotator .cta-holder a:focus { color: #005ea6 } .story-rotator .cta-holder a:active:before, .story-rotator .cta-holder a:focus:before { background: #005ea6; } @media (min-width: 768px) { .story-rotator .cta-holder a { font-size: 1.125rem; } } .story-rotator .cta-holder a:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .story-rotator .cta-holder a { border-bottom: none; vertical-align: middle; text-decoration: none; } .story-rotator .cta-holder a:before { display: none; } .story-rotator .cta-holder a:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .story-rotator .cta-holder a:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .tabRotator .tabs-labels li { padding: 0 10px; } .tabRotator .tabs-labels a:after { color: #002776; } .tabRotator .tabs-labels .active:after { background: #002776; color: #FFFFFF; } .tabRotator .tabs-labels #tab0 a:after { content: '\E92C'; } .tabRotator .tabs-labels #tab1 a:after { content: '\E921'; } .tabRotator .tabs-labels #tab2 a:after { content: '\E92D'; } .tabRotator .tabs-labels li a { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .tabRotator .tabs-labels li a { font-size: 1.125rem; line-height: 1.125rem; } } .tabRotator .tabs-labels li a { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .tabRotator .tabs-labels li a:hover { color: #3e90cf } .tabRotator .tabs-labels li a:hover:before { background: #3e90cf; } .tabRotator .tabs-labels li a:active, .tabRotator .tabs-labels li a:focus { color: #005ea6 } .tabRotator .tabs-labels li a:active:before, .tabRotator .tabs-labels li a:focus:before { background: #005ea6; } @media (min-width: 768px) { .tabRotator .tabs-labels li a { font-size: 1.125rem; } } .tabRotator .tabs-labels li a:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .tabRotator .tabs-labels li a { font-size: 1.125rem; } .tabRotator .tabs-labels li a:before { width: 50px; height: 2px; left: 50%; margin-left: -25px; right: auto; bottom: auto; top: 30px; } @media (min-width: 768px){ .story-rotator .cta-holder a { font-size: 1.125rem; border-radius: 10px } .story-rotator .info-card:before { height: 85px; border-radius: 0; top: 0; } } @media (min-width: 1025px){ .story-rotator .info-card:before { height: 125px; } .tabRotator .tabs-labels { padding: 30px 0 0 } .tabRotator .tabs-labels li { padding: 0 30px; } } .image-copy-block .title-decorator-image { display: none; } .image-copy-block .content { text-align: center; } .image-copy-block .tile-holder { max-width: 1440px; width: 100%; display: block; position: relative; } .image-copy-block .tile-holder:last-of-type { padding-bottom: 0; } .image-copy-block .tileGrid { display: block; } .image-copy-block .content .spacing-container { padding: 25px 20px 0; margin-bottom: 30px; } .image-copy-block .tile-holder:last-of-type .terms-link { margin-bottom: 0; } .image-copy-block .image-holder { width: 100%; line-height: 0; } .image-copy-block .image-holder img { width: 100%; } .image-copy-block .title { margin-bottom: 22px; } .image-copy-block .title h3 { margin: 0; } .image-copy-block .description-block, .image-copy-block .quote-details { margin-bottom: 15px; } .image-copy-block .quote-details { width: 70%; margin: 0 auto; } .image-copy-block .icon-holder .gridIcon { height: 7px; margin-bottom: 24px; display: inline-block; width: 155px; } .image-copy-block .subtitle:before, .image-copy-block .subtitle:after, .image-copy-block .gridIcon:before, .image-copy-block .gridIcon:after { content: ' '; display: inline-block; width: 45px; height: 10px; margin: 0 12px; } .image-copy-block a, .image-copy-block button { display: inline-block; } .image-copy-block button { cursor: pointer; padding: 0 } .image-copy-block button > span { pointer-events: none; } .image-copy-block .video-icon { height: 45px; width: 45px; display: inline-block; margin-right: 20px; vertical-align: middle; } .image-copy-block .cta-holder { margin-top: 40px; } .image-copy-block .carousel-link { margin-top: 24px; } .image-copy-block .cta-icon-group { margin-top: 10px; direction: ltr; } .image-copy-block .carousel-modal { position: absolute; top: 0; left: 0; right: 0; height: auto; z-index: 10; direction: ltr; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2); box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2); overflow: hidden; } .image-copy-block .carousel-modal .carousel-close { position: absolute; right: 16px; top: 16px; } .image-copy-block .carousel-close button { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } .image-copy-block .carousel-close button:after { content: ''; margin-left: 10px; height: 20px; width: 20px; margin-bottom: 3px; display: block; } .image-copy-block .carousel-modal .carousel-holder { height: 100%; padding-top: 27.5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .image-copy-block .cta-icon-group button { cursor: pointer; } .image-copy-block .terms-link { margin-top: 40px; margin-bottom: 60px; } .image-copy-block .icons-list { margin-bottom: 30px; } .image-copy-block .icons-list-item { list-style: none; display: inline-block; vertical-align: middle; margin-right: 40px; width: 50px } .image-copy-block .icons-list-item:last-child { margin-right: 0; } .image-copy-block .icons-list-label { display: block; vertical-align: middle; } .image-copy-block .icons-list-icon { vertical-align: middle; display: inline-block; margin-bottom: 10px; width: 30px; height: 30px } .image-copy-block .icons-list-icon:after { font-family: 'Icomoon'; display: inline-block; } .image-copy-block .video-link button:after{ content: none; } @media (min-width: 768px){ .image-copy-block .content .spacing-container { padding: 60px 110px 0; margin-bottom: 40px; } .image-copy-block .icon-holder .gridIcon { height: 7px; margin-bottom: 33px; } .image-copy-block .carousel-link { margin-top: 60px; } .image-copy-block .carousel-link a { margin-bottom: 50px; } .image-copy-block .carousel-modal { max-height: 1025px; } .image-copy-block .carousel-modal .carousel-close { right: 40px; top: 40px; } .image-copy-block .carousel-modal .carousel-holder { margin-top: 60px; padding-top: 10px; } .image-copy-block .terms-link { margin-top: 50px; margin-bottom: 70px; } } /* @import 'desktop.css' (--desktop); */ @media (min-width: 981px){ .image-copy-block .tile-holder { display: table; position: relative; margin: 0 auto; } .image-copy-block .tileGrid { display: table-cell; width: 50%; vertical-align: middle; position: relative; } .image-copy-block .tile-holder:nth-child(odd) { direction: rtl; } .image-copy-block .tile-holder:nth-child(odd) .tileGrid { direction: ltr; } .image-copy-block .content .spacing-container { padding: 0 10%; margin-bottom: 0; } } @media (min-width: 981px) and (min-width: 1281px) { .image-copy-block .content .spacing-container { padding: 0 15% } } @media (min-width: 981px){ .image-copy-block .cta-icon-group .cta-link { margin-bottom: 30px; } .image-copy-block .text-holder .description-block { margin-bottom: 25px; max-height: 155px; overflow: hidden; } .image-copy-block .text-holder .quote-details { margin-bottom: 25px; } .image-copy-block .tileGrid.image-holder { vertical-align: top; } .image-copy-block .spacing-container .title { margin: 25px 0 30px; } .image-copy-block .text-holder .description-block { max-height: 230px; } .image-copy-block .tileGrid.content { padding-top: 5px; } .image-copy-block .text-holder { padding-bottom: 0; } .image-copy-block .icons-list-item { width: auto; } .image-copy-block .icons-list-label { display: inline-block; vertical-align: middle; width: 50px; text-align: left; } .image-copy-block .icons-list-icon { margin-bottom: 0; margin-right: 8px; } .image-copy-block .title { margin-bottom: 0; } .gridImageCopyBlockPort .image-copy-block-port .view-all-wrap { margin-top: 25px; } } .image-copy-block .title { color: #002776; } .image-copy-block .title h3 { font-family: 'GreycliffCF-light'; font-size: 1.25rem; line-height: 1.4375rem; letter-spacing: 0; font-weight: normal; color: #002776; } @media (min-width: 768px) { .image-copy-block .title h3 { font-size: 1.875rem; line-height: 1.875rem; } } .image-copy-block .text-holder .description-block { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .image-copy-block .text-holder .description-block { font-size: 1rem; line-height: 1.375rem; } } .image-copy-block .text-holder .description-block { color: #666666; font-size: 0.8125rem; } .image-copy-block .text-holder .description-block.quote { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .image-copy-block .text-holder .description-block.quote { font-size: 1.125rem; line-height: 1.625rem; } } .image-copy-block .text-holder .description-block.quote { color: #A6B4CF; font-style: italic; } .image-copy-block .quote-details { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; } .image-copy-block .quote-details .quote-author { text-transform: uppercase; } .image-copy-block .description-block span { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .image-copy-block .description-block span { font-size: 1rem; line-height: 1.375rem; } } .image-copy-block .subtitle:before, .image-copy-block .subtitle:after { vertical-align: bottom; } .image-copy-block a {/* for set the cta with underline @mixin cta-secondary;*/ font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .image-copy-block a { font-size: 1.125rem; line-height: 1.125rem; } } .image-copy-block a { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .image-copy-block a:hover { color: #3e90cf } .image-copy-block a:hover:before { background: #3e90cf; } .image-copy-block a:active, .image-copy-block a:focus { color: #005ea6 } .image-copy-block a:active:before, .image-copy-block a:focus:before { background: #005ea6; } @media (min-width: 768px) { .image-copy-block a { font-size: 1.125rem; } } .image-copy-block a:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .image-copy-block a { border-bottom: none; vertical-align: middle; text-decoration: none; } .image-copy-block a:before { display: none; } .image-copy-block a:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .image-copy-block a:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .image-copy-block a { text-decoration: none; } .image-copy-block button {/* for set the cta with underline @mixin cta-secondary;*/ font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .image-copy-block button { font-size: 1.125rem; line-height: 1.125rem; } } .image-copy-block button { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .image-copy-block button:hover { color: #3e90cf } .image-copy-block button:hover:before { background: #3e90cf; } .image-copy-block button:active, .image-copy-block button:focus { color: #005ea6 } .image-copy-block button:active:before, .image-copy-block button:focus:before { background: #005ea6; } @media (min-width: 768px) { .image-copy-block button { font-size: 1.125rem; } } .image-copy-block button:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .image-copy-block button { border-bottom: none; vertical-align: middle; text-decoration: none; } .image-copy-block button:before { display: none; } .image-copy-block button:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .image-copy-block button:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .image-copy-block button { text-decoration: none; } .image-copy-block button { background: transparent; border: none; } .image-copy-block .video-link button:before{ display: none; } .image-copy-block .cta-icon-group.video-link button { text-decoration: none; } .image-copy-block .video-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NSA2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUgNjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7b3BhY2l0eTowLjU7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxnIGNsYXNzPSJzdDAiPgoJCTxwYXRoIGQ9Ik0zMi41LDAuNkMxNC45LDAuNiwwLjYsMTQuOSwwLjYsMzIuNXMxNC4zLDMxLjksMzEuOSwzMS45czMxLjktMTQuMywzMS45LTMxLjlTNTAuMSwwLjYsMzIuNSwwLjZMMzIuNSwwLjZ6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkVsbGlwc2VfMSI+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzIuNSwxQzQ5LjksMSw2NCwxNS4xLDY0LDMyLjVTNDkuOSw2NCwzMi41LDY0UzEsNDkuOSwxLDMyLjVTMTUuMSwxLDMyLjUsMSBNMzIuNSwwQzE0LjYsMCwwLDE0LjYsMCwzMi41CgkJCVMxNC42LDY1LDMyLjUsNjVTNjUsNTAuNCw2NSwzMi41UzUwLjQsMCwzMi41LDBMMzIuNSwweiIvPgoJPC9nPgo8L2c+Cjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMjMuMiwyMS4xIDIzLjIsNDMuOSA0My44LDMyLjUgIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; } .image-copy-block .carousel-modal { background: white; } .image-copy-block .carousel-close button { font-family: 'GreycliffCF-light'; color: #666666; } .image-copy-block .carousel-close button:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjAyODVCO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHRpdGxlPk1vZGFsQ2xvc2VfWF9TbTwvdGl0bGU+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIwLjQiIHkxPSIwLjQiIHgyPSIxOS42IiB5Mj0iMTkuNiIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTkuNiIgeTE9IjAuNCIgeDI9IjAuNCIgeTI9IjE5LjYiLz4KPC9zdmc+Cg==) 99% center no-repeat; } .image-copy-block .cta-icon-group button { background: transparent; border: none; } .image-copy-block .terms-link a { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0;/* font-feature-settings: 'lnum' 1;*/ color: #666666; font-size: 0.6875rem; color: #666666; } .image-copy-block .carousel-link button { text-transform: uppercase; } .image-copy-block .icons-list-label h3 { color: #666666; font-size: 0.75rem; line-height: 1.1em; } .image-copy-block .icons-list-icon:after { color: #988642; font-size: 1.625rem; } .image-copy-block .icons-list-icon.i-parking:after { content: "\E911"; } .image-copy-block .icons-list-icon.i-hotel:after { content: "\E90A"; } .image-copy-block .icons-list-icon.i-lounge:after { content: "\E90E"; } .image-copy-block .video-link button:after{ content: none; } @media (min-width: 768px){ .image-copy-block .carousel-close a:before { font-size: 1.25rem; } } @media (min-width: 981px){ .image-copy-block .text-holder .description-block { line-height: 1.625rem; font-size: 1.125rem; } .image-copy-block .text-holder .quote-details { line-height: 1.125rem; } } .article-header { padding: 40px 12px 35px } .article-header img { display: none; } /* @import 'tablet.css' ( --tablet ); */ @media (min-width: 981px){ .article-header { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .article-header .tile-image--round { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; height: 195px; width: 195px; border-radius: 50%; overflow: hidden; } .article-header .tile-image img { position: absolute; z-index: 0; left: -9999px; right: -9999px; top: -9999px; bottom: -9999px; margin: auto; display:block; min-height:195px; } .article-header .title-component { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; clear: none; } } .article-header { background-color: #EDF1F7; } .article--title_paragraph { padding: 30px 0; margin: 0 20px } .article--title_paragraph h2 { margin-bottom: 10px; } .article--title_paragraph h6 { margin-bottom: 10px; } .article--title_paragraph .body-container { margin-bottom: 35px; } .article--title_paragraph .body-container:last-child { margin-bottom: 0; } .article--title_paragraph p { margin-bottom: 35px; } .article--title_paragraph p:last-child { margin-bottom: 0; } .article--title_paragraph ul { margin-bottom: 35px; } .article--title_paragraph ul:last-child { margin-bottom: 0; } .article--title_paragraph ul li { position: relative; padding-left: 25px; list-style: none; margin-bottom: 10px; } .article--title_paragraph ul li:last-of-type { margin-bottom: 0; } .article--title_paragraph ul li:before { display: block; position: absolute; font-family: 'Icomoon'; top: 0; left: 0; } @media (min-width: 768px){ .article--title_paragraph { padding: 70px 20px; } } @media (min-width: 1025px){ .article--title_paragraph { padding: 70px 0; margin: 0 auto; max-width: 1024px } .article--title_paragraph h2 { margin-bottom: 15px; } .article--title_paragraph h6 { margin-bottom: 15px; } .article--title_paragraph .body-container { margin-bottom: 50px; } .article--title_paragraph ul li { padding-left: 35px; } } .article--title_paragraph { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .article--title_paragraph { font-size: 1.125rem; line-height: 1.625rem } } .article--title_paragraph { border-bottom: 1px solid #EDF1F7 } .article--title_paragraph ul li:before { content: "\E902"; font-size: 0.5rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #0076CE; } .article--title_paragraph a { color: #002776; text-transform: none; font-family: 'PraxisCom-Semibold'; } .article--title_paragraph { h2 { margin-bottom: 12px; } } .article--image_text { padding: 30px 0; margin: 0 20px; text-align:center } .article--image_text:before { content: ''; display: table } .article--image_text:after { content: ''; display: table; clear: both } .article--image_text .tile-image img { width: 195px; height: 195px; border-radius: 50%; margin-bottom: 20px; } .article--image_text .tile-content { direction: ltr; } .article--image_text .tile-title { margin-bottom: 15px; } .article--image_text .tile-description { padding: 0; margin-bottom: 30px; } .article--image_text .more-details-link { cursor: pointer; } .article--image_text h2 { margin-bottom: 10px; } .article--image_text h6 { margin-bottom: 10px; } .article--image_text p { margin-bottom: 35px; } .article--image_text p:last-child { margin-bottom: 0; } .article--image_text ul { text-align:left; margin-bottom: 35px; } .article--image_text ul:last-child { margin-bottom: 0; } .article--image_text ul li { position: relative; padding-left: 25px; list-style: none; margin-bottom: 10px; } .article--image_text ul li:last-of-type { margin-bottom: 0; } .article--image_text ul li:before { display: block; position: absolute; font-family: 'Icomoon'; top: 0; left: 0; } @media (min-width: 981px){ .article--image_text { padding: 70px 80px; margin: 0 auto; max-width: 1024px; text-align: left } .article--image_text:nth-child(even) .tile-content { padding-right: 100px; } .article--image_text:nth-child(odd) .tile-content { padding-left: 100px; } .article--image_text .tile-image { width: 30%; text-align: center; padding: 0; float: none; display: inline-block; vertical-align: middle; } .article--image_text .tile-image--round{ position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; height: 195px; width: 195px; border-radius: 50%; overflow: hidden; } .article--image_text .tile-image img { position: absolute; z-index: 0; left: -9999px; right: -9999px; top: -9999px; bottom: -9999px; margin: auto; display:block; min-height:195px; width:auto; } .article--image_text .tile-content { width: 69%; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; float: none; display: inline-block; vertical-align: middle; } .article--image_text .tile-description { padding: 0; margin-bottom: 15px; } .article--image_text ul li { padding-left: 35px; } } @media (min-width: 1025px){ .article--image_text { padding: 70px 0; } } .article--image_text { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .article--image_text { font-size: 1.125rem; line-height: 1.625rem } } .article--image_text { border-bottom: 1px solid #EDF1F7 } .article--image_text .tile-title { font-size: 1.25rem; } .article--image_text .tile-description { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .article--image_text .tile-description { font-size: 1.125rem; line-height: 1.625rem; } } .article--image_text .more-details--link { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .article--image_text .more-details--link { font-size: 1.125rem; line-height: 1.125rem; } } .article--image_text .more-details--link { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .article--image_text .more-details--link:hover { color: #3e90cf } .article--image_text .more-details--link:hover:before { background: #3e90cf; } .article--image_text .more-details--link:active, .article--image_text .more-details--link:focus { color: #005ea6 } .article--image_text .more-details--link:active:before, .article--image_text .more-details--link:focus:before { background: #005ea6; } @media (min-width: 768px) { .article--image_text .more-details--link { font-size: 1.125rem; } } .article--image_text .more-details--link:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .article--image_text .more-details--link { border-bottom: none; vertical-align: middle; text-decoration: none; } .article--image_text .more-details--link:before { display: none; } .article--image_text .more-details--link:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .article--image_text .more-details--link:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .article--image_text ul li:before { content: "\E902"; font-size: 0.5rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #0076CE; } .article--image_text a { color: #002776; text-transform: none; font-family: 'PraxisCom-Semibold'; } .article--image_text .tile-title { font-size: 1.5rem; } .titleAndLinks { margin-bottom:0; } .article--title_links { padding: 30px 0; margin: 0 20px; text-align: center } .article--title_links h2 { margin-bottom: 10px; } .article--title_links ul { margin-bottom: 35px; } .article--title_links ul:last-child { margin-bottom: 0; } .article--title_links ul li { position: relative; padding-left: 0; list-style: none; margin-bottom: 10px; } .article--title_links ul li:last-of-type { margin-bottom: 0; } .article--title_links ul li:before { display: block; position: absolute; font-family: 'Icomoon'; top: 0; left: 0; } @media (min-width: 1025px){ .article--title_links { padding: 70px 0; margin: 0 auto; max-width: 1024px } .article--title_links h2 { margin-bottom: 15px; } .article--title_links h6 { margin-bottom: 15px; } .article--title_links .body-container { margin-bottom: 50px; } } .article--title_links { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .article--title_links { font-size: 1.125rem; line-height: 1.625rem } } .article--title_links { border-bottom: 1px solid #EDF1F7 } .article--title_links h2 { font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .article--title_links h2 { font-size: 1.125rem; line-height: 1.625rem; } } .article--title_links h2 { -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; } .article--title_links ul li:before { content: none; } .article--title_links a { color: #002776; text-transform: none; font-family: 'PraxisCom-Semibold'; } .slick-slide .amp-poster { display: none; } .slick-slide .amp-ready .amp-poster { display: block; } .akamai-background-video { pointer-events: none } .akamai-background-video .amp-controls.amp-bar, .akamai-background-video .amp-progress, .akamai-background-video .amp-interactive { display: none; } .akamai-background-video.akamai-player, .akamai-background-video .akamai-layer, .akamai-background-video .akamai-media-element { position: unset; } .akamai-background-video.akamai-player { min-height: 480px; width: 100%; } .akamai-background-video .overlay { display: none; } .akamai-only-play-button.akamai-ready .amp-controls.amp-bar, .akamai-only-play-button.akamai-ready .amp-control.amp-progress { display: none; } @media (min-width: 1025px){ _:-ms-fullscreen.akamai-player, :root .akamai-background-video.akamai-player { height: 760px; } } .article--video { padding: 30px 0; margin: 0 20px } .article--video h2 { margin-bottom: 10px; } .article--video h6 { margin-bottom: 10px; } .article--video .body-container { margin-bottom: 35px; } .article--video .body-container:last-child { margin-bottom: 0; } .article--video p { margin-bottom: 35px; } .article--video p:last-child { margin-bottom: 0; } .article--video ul { margin-bottom: 35px; } .article--video ul:last-child { margin-bottom: 0; } .article--video ul li { position: relative; padding-left: 35px; list-style: none; margin-bottom: 10px; } .article--video ul li:last-of-type { margin-bottom: 0; } .article--video ul li:before { display: block; position: absolute; font-family: 'Icomoon'; top: 0; left: 0; } .article--video .amp-video-container { height: 500px; margin-bottom: 35px; } .article--video .amp-video-container:last-child { margin-bottom: 0; } @media (min-width: 1025px){ .article--video { padding: 70px 0; margin: 0 auto; max-width: 1024px } .article--video h2 { margin-bottom: 15px; } .article--video h6 { margin-bottom: 15px; } .article--video .body-container { margin-bottom: 50px; } } .article--video { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .article--video { font-size: 1.125rem; line-height: 1.625rem } } .article--video { font-size: 0.75rem; border-bottom: 1px solid #EDF1F7 } .article--video ul li:before { content: "\E902"; font-size: 0.5rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #0076CE; } .article--video a { color: #002776; text-transform: none; font-family: 'PraxisCom-Semibold'; } .article--video { h2 { margin-bottom: 12px; } } .WhatToWear_Table { border: 1px solid #000; width: 100%; text-align: center; padding: 10px; } .WhatToWear_TableHead { border: 1px solid black; } .copy-block { width: 100%; clear: both; max-width: 1280px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden } .copy-block:before { content: ''; display: table } .copy-block:after { content: ''; display: table; clear: both } .copy-block:before { content: ''; display: table } .copy-block:after { content: ''; display: table; clear: both } .copy-block ul { margin: 0; width: auto; } .copy-block p { margin: 0; padding-bottom: 40px; } .copy-block .inner-copy-block { width: calc(99.9% * 1 - (30px - 30px * 1)); padding-right: 5px; } .copy-block .inner-copy-block:nth-child(1n) { float: left; margin-right: 30px; clear: none; } .copy-block .inner-copy-block:last-child { margin-right: 0; } .copy-block .inner-copy-block:nth-child(NaNn) { margin-right: 0; float: right; } .copy-block .inner-copy-block:nth-child(NaNn + 1) { clear: both; } .copy-block .table-container { overflow-x: scroll; } .copy-block .table-container td { padding: 4px 8px; } @media (min-width: 768px){ .copy-block { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 74px; padding-right: 74px; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } .copy-block.col-2::after, .copy-block.col-3::after, .copy-block.col-4::after { content: ''; display: block; top: 60px; position: absolute; left: 50%; bottom: 37px; } .copy-block.col-2 .inner-copy-block:nth-child(even) ul, .copy-block.col-3 .inner-copy-block:nth-child(even) ul, .copy-block.col-4 .inner-copy-block:nth-child(even) ul { padding-left: 79px; } .copy-block.col-2 .inner-copy-block, .copy-block.col-3 .inner-copy-block, .copy-block.col-4 .inner-copy-block { width: calc(99.9% * 1/3 - (30px - 30px * 1/3)); -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .copy-block.col-2 .inner-copy-block:nth-child(1n), .copy-block.col-3 .inner-copy-block:nth-child(1n), .copy-block.col-4 .inner-copy-block:nth-child(1n) { float: left; margin-right: 30px; clear: none; } .copy-block.col-2 .inner-copy-block:last-child, .copy-block.col-3 .inner-copy-block:last-child, .copy-block.col-4 .inner-copy-block:last-child { margin-right: 0; } .copy-block.col-2 .inner-copy-block:nth-child(1n), .copy-block.col-3 .inner-copy-block:nth-child(1n), .copy-block.col-4 .inner-copy-block:nth-child(1n) { margin-right: 0; float: right; } .copy-block.col-2 .inner-copy-block:nth-child(1n + 1), .copy-block.col-3 .inner-copy-block:nth-child(1n + 1), .copy-block.col-4 .inner-copy-block:nth-child(1n + 1) { clear: both; } .copy-block .inner-copy-block { padding-right: 0; } .copy-block .inner-copy-block:after {/* border: none;*/ } } @media (min-width: 1025px){ .copy-block { padding-left: 38px; padding-right: 38px; padding-bottom: 0 } .copy-block.col-2:after, .copy-block.col-3:after, .copy-block.col-4:after { display: none; } .copy-block.col-2 .inner-copy-block { width: calc(99.9% * 1/2 - (30px - 30px * 1/2)); position: relative; } .copy-block.col-2 .inner-copy-block:nth-child(1n) { float: left; margin-right: 30px; clear: none; } .copy-block.col-2 .inner-copy-block:last-child { margin-right: 0; } .copy-block.col-2 .inner-copy-block:nth-child(1n) { margin-right: 0; float: right; } .copy-block.col-2 .inner-copy-block:nth-child(1n + 1) { clear: both; } .copy-block.col-3 .inner-copy-block { width: calc(99.9% * 1/3 - (30px - 30px * 1/3)); position: relative; } .copy-block.col-3 .inner-copy-block:nth-child(1n) { float: left; margin-right: 30px; clear: none; } .copy-block.col-3 .inner-copy-block:last-child { margin-right: 0; } .copy-block.col-3 .inner-copy-block:nth-child(1n) { margin-right: 0; float: right; } .copy-block.col-3 .inner-copy-block:nth-child(1n + 1) { clear: both; } .copy-block.col-4 .inner-copy-block { width: calc(99.9% * 1/4 - (30px - 30px * 1/4)); position: relative; } .copy-block.col-4 .inner-copy-block:nth-child(1n) { float: left; margin-right: 30px; clear: none; } .copy-block.col-4 .inner-copy-block:last-child { margin-right: 0; } .copy-block.col-4 .inner-copy-block:nth-child(1n) { margin-right: 0; float: right; } .copy-block.col-4 .inner-copy-block:nth-child(1n + 1) { clear: both; } .copy-block.col-2 .inner-copy-block:after, .copy-block.col-3 .inner-copy-block:after, .copy-block.col-4 .inner-copy-block:after { content: ''; display: block; position: absolute; top: 11px; right: 0; height: auto; bottom: 12px; } .copy-block.col-2 .inner-copy-block:last-child:after, .copy-block.col-3 .inner-copy-block:last-child:after, .copy-block.col-4 .inner-copy-block:last-child:after { border: none; } .copy-block.col-2 .inner-copy-block:nth-child(even) ul, .copy-block.col-3 .inner-copy-block:nth-child(even) ul, .copy-block.col-4 .inner-copy-block:nth-child(even) ul { padding-left: 40px; } .copy-block.copy-block .inner-copy-block:nth-child(3), .copy-block.copy-block .inner-copy-block:nth-child(4) { margin-top: 0; } .copy-block .table-container { overflow-x: hidden; } } .article--overlay { padding: 0; display: block } .article--overlay .react-component { margin-bottom: 0; } .article--overlay .aria-modal { padding: 0; } .article--overlay .aria-modal .modal-close-wrap { height: auto; width: auto; border-bottom: none; left: auto; position: fixed; top: 10px; right: 10px; } .article--overlay .aria-modal .close { height: 45px; width: 45px; padding: 0; margin:0; border-radius: 50%; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1); } .article--overlay .aria-modal .close:after { font-size: 1.25rem; line-height: 1.25rem; margin: 0; vertical-align: middle; display: block; } .article--overlay .aria-modal .close-label { display: none; } .article--overlay .modal-content { width: 100%; } .article--overlay .modal-content-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; } .article--overlay .modal-footer { padding: 50px; text-align: center; } .article--overlay .article--title_paragraph { padding: 30px 20px; margin: 0 auto } .article--overlay .article--title_paragraph ol { padding: 0 20px; } .article--overlay #react-aria-modal-dialog{ OVERFLOW-Y: SCROLL; HEIGHT: -webkit-fill-available; display: block; } @media (min-width: 768px){ .article--overlay .aria-modal .modal-close-wrap { top: 30px; right: 30px; } .article--overlay .aria-modal .close { margin: 0; } .article--overlay .article--title_paragraph { padding: 30px 80px; } .article--overlay .aria-modal-underlay #react-aria-modal-dialog{ overflow-y: SCROLL; height: -webkit-fill-available; display: block; } } @media (min-width: 1025px){ .article--overlay .aria-modal { max-width: 100%; } } .article--overlay .modal-header { background-color: #EDF1F7; } .article--overlay .close { background-color: white; } .react-component.polarIncludedPkgBanner { margin-bottom: 0; padding-left: 12px; padding-right: 12px; } @media (min-width: 768px) { .react-component.polarIncludedPkgBanner { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .react-component.polarIncludedPkgBanner:before { content: ''; display: table; } .react-component.polarIncludedPkgBanner:after { content: ''; display: table; clear: both; } } @media (min-width: 768px) and (min-width: 768px) { .react-component.polarIncludedPkgBanner { padding-left: 32px; padding-right: 32px } } @media (min-width: 768px) and (min-width: 1025px) { .react-component.polarIncludedPkgBanner { padding-left: 60px; padding-right: 60px } } @media (min-width: 768px) { .react-component.polarIncludedPkgBanner { padding-left: 50px; padding-right: 50px } } .upgradePackageContainer { margin-bottom: 32px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, .15); box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, .15) } .upgradePackageContainer .main-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .upgradePackageContainer .main-container .image-section { margin: unset; } .upgradePackageContainer .main-container .content-section { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .upgradePackageContainer .main-container .content-section .content { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 19px 24.72px 0px 15.28px } .upgradePackageContainer .main-container .content-section .content .title-container .title { font-family: 'GreycliffCF-light'; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: normal; } @media (min-width: 768px) { .upgradePackageContainer .main-container .content-section .content .title-container .title { font-size: 2.5rem; line-height: 1.25; } } .upgradePackageContainer .main-container .content-section .content .title-container .title { font-family: 'GreycliffCF-bold'; line-height: 2rem; } .upgradePackageContainer .main-container .content-section .content .title-container span { color: #917D34; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; font-weight: 600; line-height: 1.375rem; margin-top: 8px; display: inherit; } .upgradePackageContainer .main-container .content-section .content .content-details { list-style: none; border-top: 1px solid #CCCCCC; margin-top: 12px; padding-top: 12px } .upgradePackageContainer .main-container .content-section .content .content-details li:before { color: #002776; font-family: 'Icomoon'; content: "\E949"; font-size: 1.0625rem; } .upgradePackageContainer .main-container .content-section .content .content-details li { gap: 8px; -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12.66px; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 1.375rem; font-family: 'PraxisCom-Regular'; color: #666666; } .upgradePackageContainer .main-container .content-section .content .link { background-color: unset; padding: 0; margin: 0; -ms-flex-item-align: start; align-self: flex-start; } .upgradePackageContainer .main-container .content-section .content .link a { color: #002776; font-family: 'GreycliffCF-bold'; font-size: 0.875rem; font-weight: 700; line-height: 1.75rem; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .upgradePackageContainer .cta-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 16px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 21px; background-color: #F2F4F8 } .upgradePackageContainer .cta-container .cta-description { display: grid; gap: 7px } .upgradePackageContainer .cta-container .cta-description .title { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; line-height: 1.375rem; font-weight: 700; } .upgradePackageContainer .cta-container .cta-description span { font-family: 'GreycliffCF-medium'; color: #002776; font-size: 0.875rem; line-height: 1.375rem; font-weight: 500; } .upgradePackageContainer .cta-container .primaryCta {/* TODO: add hover states*/ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .upgradePackageContainer .cta-container .primaryCta { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .upgradePackageContainer .cta-container .primaryCta:hover { background: #b0263a; } .upgradePackageContainer .cta-container .primaryCta:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .upgradePackageContainer .cta-container .primaryCta:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .upgradePackageContainer .cta-container .primaryCta { width: 100%; padding: 12px 32px 12px 32px; line-height: 0; margin-top: 16px; text-transform: none; border-radius: 10px; font-size: 1.125rem; line-height: 1.75rem; height: unset; letter-spacing: 0; } @media (min-width: 768px){ .upgradePackageContainer { margin-bottom: 79.66px } } @media (min-width: 768px) and (min-width: 1025px) { .upgradePackageContainer .main-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media (min-width: 768px){ .upgradePackageContainer .main-container .content-section .content { padding: 16px 24px 0px 24px } .upgradePackageContainer .main-container .content-section .content .title-container .title { font-size: 1.5rem; } .upgradePackageContainer .cta-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 36px } .upgradePackageContainer .cta-container .primaryCta { width: unset; margin: auto; } } @media (min-width: 1025px){ .react-component.polarIncludedPkgBanner { padding-left: 150px; padding-right: 155px; } .upgradePackageContainer { margin-bottom: 80px } .upgradePackageContainer .main-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .upgradePackageContainer .main-container .image-section { margin: 20px 0px 0px 22px; } .upgradePackageContainer .main-container .content-section { width: -webkit-fill-available } .upgradePackageContainer .main-container .content-section .content { margin-right: 0; padding: 20px 26px 0px 28px } .upgradePackageContainer .main-container .content-section .content .content-details { margin-top: 16px; padding-top: 16.58px } .upgradePackageContainer .main-container .content-section .content .content-details li { margin-bottom: 8px; } .upgradePackageContainer .main-container .content-section .content .link a { font-size: 0.875rem; line-height: 1.375rem; } .upgradePackageContainer .cta-container { margin-top: 25px; padding: 12px 21px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .upgradePackageContainer .cta-container .cta-description { -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1px; width: 70%; } .upgradePackageContainer .cta-container .primaryCta { margin: unset; } }