/* 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 */ .wrapper { background: #FFFFFF; } /*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; } } .infocard .desc.readmore, .infocard .desc-container.readmore { height: 95px; overflow: hidden; position: relative; } .infocard .desc.readmore:before, .infocard .desc-container.readmore:before { content: ''; background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0, #ffffff 50px ); display: block; width: 100%; height: 50px; position: absolute; left: 0; bottom: 0; } .infocard .desc.readmore.open, .infocard .desc-container.readmore.open { height: auto; } .infocard .desc.readmore.open::before, .infocard .desc-container.readmore.open::before { display: none; } .readmoreLink { margin-top: 18px; text-align: center; } @media (min-width: 768px){ .infocard .desc.readmore, .infocard .desc-container.readmore { height: 154px; } .readmoreLink { margin-top: 29px; } } /* @import 'desktop.css' (--desktop); */ .read-more-component { margin: 50px 0 30px 0 } .read-more-component a { text-align: center; 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) { .read-more-component a { font-size: 1.125rem; line-height: 1.125rem; } } .read-more-component 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; } .read-more-component a:hover { color: #3e90cf; } .read-more-component a:hover:before { background: #3e90cf; } .read-more-component a:active, .read-more-component a:focus { color: #005ea6; } .read-more-component a:active:before, .read-more-component a:focus:before { background: #005ea6; } @media (min-width: 768px) { .read-more-component a { font-size: 1.125rem; } } .read-more-component a:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .read-more-component a { color: #0076CE; text-transform: uppercase; height: 40px; } .read-more-component a:before { display: none; } .read-more-component a::after { content: "\E903"; color: #0076CE; font-family: 'Icomoon'; speak: none; top: 25px; left: 0; right: 0; position: absolute; display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .read-more-component .read-less::after { content: "\E903"; font-family: 'Icomoon'; speak: none; display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .show-focus-outlines .read-more-component a:focus { outline: #002776 auto 1px; } /* @import '../../../../../../components/commons/styles/mediaGalleryModal/index.css'; */ .media-gallery-modal .slide-controls { display: none } .media-gallery-modal .slide-controls .button { position: absolute; width: 35px; height: 35px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .media-gallery-modal .slide-controls .button.prev-btn { left: 25px; } .media-gallery-modal .slide-controls .button.next-btn { right: 25px; } .media-gallery-modal .slide-controls .button:before { position: absolute; content: ''; display: inline-block; width: 15px; height: 35px; left: 50%; top: 50%; margin: -17px 0 0 -10px; } .media-gallery-modal .slide-controls .button.next-btn:before { margin: -12px 0 0 -7px; } .media-gallery-modal { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .media-gallery-modal .modal-content { width: 100%; height: auto; margin: 0; position: relative; } .media-gallery-modal [class |= media-item] { position: relative; } .media-gallery-modal {/* & iframe.videoIframe { height: 433px; width: 100%; display: block; }*/ } .media-gallery-modal .back-to-top { display: none; } .media-gallery-modal .video-container { width: 100%; } .media-gallery-modal .amp-video-container { height: 433px; width: 100%; min-width: unset; min-height: unset; } .media-gallery-modal .close-label { display: none; } .media-gallery-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; } .media-gallery-modal .aria-modal .slide-controls .prev-btn { left: 30px; } .media-gallery-modal .aria-modal .slide-controls .next-btn { right: 30px; } .media-gallery-modal .aria-modal { margin: 0 auto; height: auto; width: auto; max-width: 100%; padding: 10px; position: static; } .media-gallery-modal .slick-slide img { max-width: 100%; max-height: 300px; display: inline-block; width: auto; } .media-gallery-modal .slick-slider { text-align: center; } .media-gallery-modal iframe.videoIframe { max-width: 100%; max-height: 300px; display: inline-block; width: auto; } .media-gallery-modal .aria-modal .close { height: 35px; width: 35px; margin-top: -40px; padding: 0; line-height: 2.1875rem; text-align: center; display: block; margin-right: 0; top: 64px; right: 20px; position: absolute; } .media-gallery-modal .aria-modal .close::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA1NENCNUIyMEVEMTFFNzhEMDNFRUI3NzM5MzZFMUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDA1NENCNUMyMEVEMTFFNzhEMDNFRUI3NzM5MzZFMUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDU0Q0I1OTIwRUQxMUU3OEQwM0VFQjc3MzkzNkUxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMDU0Q0I1QTIwRUQxMUU3OEQwM0VFQjc3MzkzNkUxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjY6rgkAAAEQSURBVHjarJVrDoIwEIQJ8SzGfz4SFYuiKE+5n/FKvvUOeg6cmiEhBGgBSb4EtrtDh26LmabpAfjA6MgGHOXNDjyA00FsCV4gyAIzcAZJC7EYXIGQz/kBD5wa2nc5kSiLFROk/RuwNcTm4F6cQFnilIlhjZjPF1vFsaoCh/b3JWMhbW7LaussycILWOVigrG4qk71nQRbagLG4MkWMdoKSvrgDT5goMrvGerLBCkxldkaO0DaHIEh7a/aWo65AItczGIsaSq4ZWuU9WLAMU9XcMHG9mpmv2OOUAn6TJxrrP6MuUGVYEQrbsMz8Jxv9OIOiFocXxFr7UwwYGvYHQ5Ymxq/A/YI1n/4BUiNw1eAAQBywaDRzZhwKAAAAABJRU5ErkJggg==) center/100% no-repeat; width: 25px; height: 25px; content: ''; margin-left: 0; } .media-gallery-modal .slick-dots { position: fixed; padding: 0; margin: -40px 0 0 0; list-style: none; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .media-gallery-modal .slick-dots li { float: left; list-style: none; margin-right: 10px; } .media-gallery-modal .slick-dots li:last-child { margin-right: 0; } .media-gallery-modal .slick-dots button { width: 16px; height: 16px; cursor: pointer; } @media (min-width: 481px){ /* .media-gallery-modal { & .modal-content { height: 100%; } & .modal-content .image-holder img, & iframe.videoIframe { height: 100vh; width: auto; margin: 0 auto; display: block; } & iframe.videoIframe { width: 100vw; } } */ } @media (min-width: 768px){ /* */ .media-gallery-modal .modal-content { height: auto; } .media-gallery-modal .aria-modal .slide-controls .button { height: 65px; width: 65px; } .media-gallery-modal .aria-modal .slide-controls .prev-btn { left: 15px; } .media-gallery-modal .aria-modal .slide-controls .next-btn { right: 15px; } .media-gallery-modal .amp-video-container { height: 434px; min-width: 598px; } .media-gallery-modal iframe.videoIframe {/* height: 434px; width: 100vw;*/ max-height: 500px; } .media-gallery-modal .slick-slide img { max-height: 500px; } } @media (min-width: 981px){ /* .media-gallery-modal { & .modal-content .image-holder img { height: 100vh; width: auto; margin: 0 auto; } & iframe.videoIframe { width: 100vw; height: 576px; width: 100%; display: block; } } */ .media-gallery-modal { padding: 40px } .media-gallery-modal .modal-content .media-item { height: 502px; width: 100%; } .media-gallery-modal .aria-modal .modal-content-wrapper { min-width: 100%; min-height: 100%; margin: 0; padding: 0; } .media-gallery-modal .aria-modal .slide-controls .prev-btn { left: -10px; } .media-gallery-modal .aria-modal .slide-controls .next-btn { right: 5px; } .media-gallery-modal .back-to-top { display: none; } .media-gallery-modal .threeSixtyImage-container, .media-gallery-modal .image-holder, .media-gallery-modal .video-container {/* width: 1130px;*/ height: 502px; } .media-gallery-modal iframe.videoIframe, .media-gallery-modal .amp-video-container { width: 895px; height: 502px; margin: 0 auto; } .media-gallery-modal .modal-content .carousel-container { text-align: center; } .media-gallery-modal .aria-modal { height: 600px; width: 100%; max-width: 100%; position: relative; } .media-gallery-modal .modal-content { overflow-y: auto; } .media-gallery-modal .modal-content .media-item { height: 502px; } .media-gallery-modal .modal-content .media-item .image-holder { height: 100%; text-align: center; } .media-gallery-modal .modal-content .media-item img { height: 100%; max-height: 100%; max-width: 100%; } .media-gallery-modal iframe.videoIframe { max-height: 100%; } .media-gallery-modal .modal-content .media-item .amp-poster { width: 100%; } .media-gallery-modal .slick-dots {/* top: 570px;*/ } .media-gallery-modal {/* & iframe.videoIframe { height: 433px; width: 100%; display: block; }*/ } .media-gallery-modal .aria-modal .close { position: static; } } @media (min-width: 1025px){ .media-gallery-modal .aria-modal .modal-content-wrapper { min-width: 100%; min-height: 100%; margin: 0; padding: 0; } .media-gallery-modal .aria-modal .slide-controls .prev-btn { left: -10px; } .media-gallery-modal .aria-modal .slide-controls .next-btn { right: 5px; } .media-gallery-modal .back-to-top { display: none; } .media-gallery-modal .threeSixtyImage-container, .media-gallery-modal .image-holder, .media-gallery-modal .video-container {/* width: 1130px;*/ height: 502px; } .media-gallery-modal .modal-content .carousel-container { text-align: center; } .media-gallery-modal .aria-modal { max-width: 1200px; } .media-gallery-modal .modal-content { overflow-y: auto; } .media-gallery-modal .modal-content .media-item { height: 502px; } .media-gallery-modal .modal-content .media-item .image-holder { height: 100%; text-align: center; } .media-gallery-modal {/* & .modal-content .media-item img { width: auto; height: 100%; margin: auto; max-width: 100%; }*/ } .media-gallery-modal .modal-content .media-item .amp-poster { width: 100%; } .media-gallery-modal .slick-dots {/* top: 570px;*/ } .media-gallery-modal .slide-controls { display: block; } } .media-gallery-modal .modal-close-wrap { border-bottom: none; } .media-gallery-modal .aria-modal .slide-controls .button { border: none; height: 66px; width: 66px; padding: 0; background: none; } .media-gallery-modal .slide-controls .button:before { content: "\E903"; color: #0076CE; font-family: 'Icomoon'; font-size: 1rem; display: block; } .media-gallery-modal .slide-controls .button.prev-btn:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); content: "\E903"; color: #0076CE; font-family: 'Icomoon'; font-size: 1rem; } .media-gallery-modal .slide-controls .button.prev-btn:before, .media-gallery-modal .slide-controls .button.next-btn:before { margin: 0; } .media-gallery-modal .slick-dots button { font-size: 0; border: 0; outline: none; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; padding: 0; } .media-gallery-modal .slick-dots li.slick-active button { background-color: #002776; } .media-gallery-modal iframe { border: 0; } .media-gallery-modal .slick-dots { text-align: center; } .gallery-container .icons { width: 65px; height: 65px; cursor: pointer } .gallery-container .icons.tourIcon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAA4CAYAAABUkxDUAAAAAXNSR0IArs4c6QAABH1JREFUaAXtmluITVEYxx2MMcqlGJPLuI2aJJemRi6R5DaRF6XkbZ5JUjx44YkXpVweKGnyIlGjPJBcUh4ojCKKXJNkMkxmMBi//9jHrP3NPpc95+wzS/nqf/b61vou/2/vvfbZa+89aFAC0t3dvRd8BC2gPoEUyYaE9ALgymeURUlmHZxA8EoTcyT6paQLMTkLUyE7DNwFVhI/IoUxN96wrwQPbBXo/wsx+yp5lb1eBmrBK2ClqEckVYxyYFhOnJVgHZgLasE4kE3aGVyaSqVashklOgbxEWALOAvaQX+kuRgkh8YNAtMh+DSCfWBCXH9jHzu/8Y+vUsAG8Kg/uzzCp4O+ovyb57UnSDaCkpvAxhylv2D8MngJ3oIOcAjYI9ZJ33rmwx22yQsFVIN7IJM8ZkD3SvNdNuhjwG1gRUdghWubaJtki8E7yyLQ37BtBJojIaHPmwJ0I9cJrHynYw+oCDEPFPqHglvASsmPwCQYvLUs0N+DpVHk032MN0T4lbyACkjciSCie6FpabKZttgsMb6lLUDEIHDakJD6EIzKRNz2Y3sQfAPPwTI7nqhOwuXASisdNXET49NnwseNEduepClgL4ld9JXuchibtXGA7CZgZb8x81eFuS6LT00FH9BH+8vaMIPsalOA1B3GzG8VwsdMEfqPGOY3a4cdZDWhdQvhylHHxP8mzOtd9kF7lf/MexkOptnQq/a0PvF73fR5raqI2YbhTe7zu0yf16qK0KLeldeu8i+0VUSVIaoVmdfCvNXt0QVwEkzS8lTPSl3xughIa6dfBFoyS2p0JIb3NHt/NLF9lgWQSxcgngtVxBe1HBnvtH1sTjakvqoIPYlzZaKreNi2/NpVhL0aWSPf6rD8XquIJ4blDKP7plp+j1XEPcNSa2Qvb8EDXksM3/taU08HVjYbQy9USG62RNGn95CjobecrpzxgrUhAcEzLknaLTLR6SRp/rP5+7sOg8q/mgeNgI/ef7jSyxuDOmDlsGs90G3IHbYE0etCvOi4Zoz0uHJmyGiAFPEA4uPKtT50GNXi6JdrRftcH8MB6IDHecNLPOsjqTBgJ458d0Qal6hT+UXCSOYLD4Y1wB62H/StKRHnUBryrgXK74r4ZX8iicFO1yNot7GdE8qQsKJ8QHmt7MwrNV6nrCe63j2vzytAgUbKE+RjE5JTeYfGrRxEvSj5Sf+uvAP1w1DxgfJYEZ/yWCFxqALPbKRA11cz82IFzGGseEBxo0Q87DI6R8RgGMdx4EZUVPq0t5rAlPyiRVvJP4gTtfcZ6smf6+uE6ODpXoLoG43jipZB9Pj/KtgOpqb9sm1lF9jLT/6ZRHnLssXSWN7fdhBsG/YHgLu+VQwrWp+k32ProUMrGAu0mBFUqH1MRFdI9P57N8+/joR6i6FQyERwAthrN11FEcVVfLt6Kwb9cAySzALNoJiieLPCmUqgkbQabAVXQLZzm+E+Inv5yb+6ELp5z4lcSSAyBhvdnqS/d9IpMRJoDukc11MVzRHNmQfgEud8G9uC5TfsUJDo9+B/mAAAAABJRU5ErkJggg==) no-repeat; } .gallery-container .icons.videoIcon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA9hJREFUaAXlmz1vEzEYx5tShDpUQmqXfILAhhCV2rJUFCGGSoBoB75BB9SRlYEJJoauqBNi4mXoAKilXUgHKsRG8wkyABJSB14KhN//OJ9ylzRNcrbPIY/0l2Pf3ePnZ/vi5OwrjTiyRqMxjus5dAGdQRVURhOxSEYOYtVJa2gf7aFqqVT6Rhq2ATmJbqNt9B31a7p2G8nXZHDUBDWDnqGfyLbJp3zPFA5OELNoE/ky1TXrHZxKp9Aj9Af5NtWpuqe8gFPRPPqEijbFMO8UmgpWkIv7tN/GUywr1qFxOobW+o3Kw3WKbawb8NJxJ+HoNOc8RZeOO7fg41vUv8T8/bVTHB2B41Z7hYPQYQ2joK8C/csUZNPRbEEm/5D8oMAq9AWkmHs3eldfUINqR36RtR3SUM7TRK/Ryd6bKogrDoniCkN7JxtNCzCwmtA/Ij8TezYie/nPuDoLtNLE2t3D9zk66LACFINYUpbqYXpXv1PfolR56orByjQI9yK9vGvCzvbwPQ7khf1tnAeQikVMiSXA9K7+fulrPa89xsEN9CGvI0vXL8RskbsEmNwdSxU0GEIv8HUehQKesEXAtICeKixaAo7cAB0S+GLMOGJ6+BZROplzAwEXmxgT4JvKuLQAwCPGUbpaTxc1HXmxAsH1OGpcQ1qPUk95oW2qpABwMc4JeLopDu8fPYNPC7jinbJNhZ7AK8EAmzZwDB4Bl01lIaWOwMvqYa31BGuWwSeCBzY9YQk8AjY+hyJVDx8MAik/GkroOrG+R8/RuT7iPgge2BKoaZsIuG5yIaWWQQ1aXT1cM7kQUkegBq2m9RhtMyjcBEoQ19Bd1M/92Q3DvoC1p6Iw8wRq+PYEXEU/kNd/TJ5BBSzG6igTunbL7KrEhzm+Rzsh7IpVX1oyLYc6tQJBDVfEaICfUKr1GOsWAKiYxCbGf8+06OovfN5QgS0LBNTgbMSMyUM8HXhgjuZMbfwEzBlCy+UJW2pZhV7Z5NS8qw9aajnRUmVxBVv07mVTfRZ4lgPDs5hGS2h6Wjet8R+k6zFTgpLqYZUyrLWuOjwL4rSIVsyXkZNpCr8+TLEvxyyp+sw8nCrkxB0KVlOFg5VZjRl6i5rhHfLuO8Jra2udKFvu4eaTcac/Fy9R3qmq2a3Lz/k2pjEstKNtCb1xGaUl34pRWw+P3IXXdT3qaRTy8O56c2nX0DoRaO3OO0ShmJvtw82tAunwbBA34EBPoeF4BcBAKwV6OF7yaIaOwYfjNZ424MG/qNXxh0cWqJc8w928iqctFZVYZVItz0oyrWtJdVSL9Y7U2at4fwEAP3aFbucs8AAAAABJRU5ErkJggg==) no-repeat; } @media (min-width: 768px){ .media-gallery-modal .modal-content { padding: 0; } } /* @import 'desktop.css' (--desktop); */ .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; } } .hero-tile-container { /* Width */ } .hero-tile-container { width: 100%; margin: 0 auto } .hero-tile-container .infocard-wrapper { width: 92%; padding: 15px; margin: -53px auto 0; position: relative;/* @mixin card-two;*/ } .hero-tile-container .infocard { padding: 20px; } .hero-tile-container .infocard .infocard-logo { position: absolute; top: 0px; left: 50%; width: 73px; padding: 0px 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); } .hero-tile-container .infocard-logo h2 { margin: 10px 0 25px 0; } .hero-tile-container .infocard-logo p { max-width: 578px; margin: 0 auto 25px auto; } .hero-tile-container .cta-holder { margin-top: 24px; } .hero-tile-container .ht-background { max-height: inherit; overflow: hidden; position: relative; } .hero-tile-container .hte-message { position: absolute; height: auto; left: 0; right: 0; top: 28px; background: #F2F0E9; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 20px; margin-right: 20px; } .hero-tile-container .hte_entertainment { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 12px 12px 9px 6px; } .hero-tile-container .tooltip_icon { position: absolute; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .hero-tile-container .tooltip__icon:before { content: "\E90C"; font-family: Icomoon; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: top; font-size: 1.25rem; color: #988965; margin: 0px 10px 0px 5px; } .hero-tile-container .entertainmentDay { font-family: 'PraxisCom-Regular'; font-size: 0.8125rem; line-height: 1.075rem; text-align: left; padding: 0; color: #666666; } .hero-tile-container .banner_icon { text-decoration: none; color: #0076CE; } .hero-tile-container .ht-background img { width: 100%; } .hero-tile-container .ht-background video { height: 100%; width: 100%; transform: scale(1.2); -webkit-transform: scale(1.2); } .hero-tile-container .infocard-logo img { width: 100%; } .hero-tile-container .infocard .title { margin-bottom: 0; } .hero-tile-container .infocard h1 { margin-top: 10px; } .herotile-info-card-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .herotile-info-card-wrapper:before { content: ''; display: table; } .herotile-info-card-wrapper:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .herotile-info-card-wrapper { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .herotile-info-card-wrapper { padding-left: 60px; padding-right: 60px; } } .show-focus-outlines .hero-tile-container.variation .cta-holder .cta-icon:focus { outline: #002776 auto 1px; } @media (min-width: 768px){ .hero-tile-container .infocard-wrapper { margin: -208px auto 0 auto; padding: 40px; } .hero-tile-container .infocard .infocard-logo { width: 146px; } .hero-tile-container .infocard h1 { margin-top: 15px; } .hero-tile-container .ship-facts-container { padding: 0 0 30px 10px; } .hero-tile-container .cta-holder .secondary .arrow-icon:before { width: 45px; height: 45px; } .hero-tile-container .cta-icon span { width: 40px; height: 40px; } .hero-tile-container .infocard-back { 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) and (min-width: 768px) { .hero-tile-container .infocard-back { font-size: 1.125rem; line-height: 1.125rem; } } @media (min-width: 768px){ .hero-tile-container .infocard-back { 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; } .hero-tile-container .infocard-back:hover { color: #3e90cf; } .hero-tile-container .infocard-back:hover:before { background: #3e90cf; } .hero-tile-container .infocard-back:active, .hero-tile-container .infocard-back:focus { color: #005ea6; } .hero-tile-container .infocard-back:active:before, .hero-tile-container .infocard-back:focus:before { background: #005ea6; } } @media (min-width: 768px) and (min-width: 768px) { .hero-tile-container .infocard-back { font-size: 1.125rem; } } @media (min-width: 768px){ .hero-tile-container .infocard-back:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .hero-tile-container .infocard-back { border-bottom: none; vertical-align: middle; text-decoration: none; } .hero-tile-container .infocard-back:before { display: none; } .hero-tile-container .infocard-back: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; } .hero-tile-container .infocard-back:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .hero-tile-container .infocard-back { background: #FFFFFF; padding: 0 30px 0 40px; height: 50px; line-height: 3.125rem; border-radius: 20px; display: inline-block; position: absolute; top: 50px; left: 50px; } .hero-tile-container .infocard-back span { display: inline-block; line-height: 3.125rem; } .hero-tile-container .infocard-back:before { display: none; } .hero-tile-container .infocard-back:after { -webkit-transform: rotate(90deg) translateY(-3px); transform: rotate(90deg) translateY(-3px); position: absolute; left: 10px; line-height: 3.125rem; } .hero-tile-container .infocard-back:hover:after { -webkit-transform: rotate(90deg) translateY(0); transform: rotate(90deg) translateY(0); } .hero-tile-container .ht-background { max-height: 575px; max-width: 1920px; margin: 0 auto; } .hero-tile-container .hte-message { top: 85px; margin-left: 32px; margin-right: 32px; } .hero-tile-container .hte_entertainment { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 10px; -ms-flex-item-align: center; align-self: center; } .hero-tile-container .tooltip_icon { position: absolute; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .hero-tile-container .tooltip__icon:before { font-size: 1.25rem; margin: 2px 10px 0px 10px; } .hero-tile-container .entertainmentDay { font-size: 0.9375rem; line-height: 1.375rem; padding: 0; } } @media (min-width: 1025px){ .hero-tile-container .infocard-wrapper { max-width: 65%; margin: -83px auto 0 auto; } .hero-tile-container .infocard-wrapper.left { margin-left: 64px; } .hero-tile-container .infocard-wrapper.right { margin-right: 64px; } .hero-tile-container .infocard { padding: 30px; } .hero-tile-container .infocard h1 { margin-top: 5px; } .hero-tile-container .ht-background { max-height: 575px; max-width: 1920px; margin: 0 auto; } .hero-tile-container .hte-message { margin-left: auto; margin-right: auto; max-width: 1170px; } .hero-tile-container .hte_entertainment { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 10px; -ms-flex-item-align: center; align-self: center; padding: 8px; } .hero-tile-container .tooltip_icon { position: absolute; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .hero-tile-container .tooltip__icon:before { margin: 5px 10px 0px 10px; } .hero-tile-container .entertainmentDay { font-size: 1.125rem; line-height: 1.625rem; padding: 0px 11px 0px 5px; } .hero-tile-container.cta-icon span { width: 45px; height: 45px; margin-right: 20px; } } .image-holder { position: relative; } @-webkit-keyframes widthExtendactive { 0% { width: 45px; } 50% { width: 120px } 100% { width: 45px; } } @keyframes widthExtendactive { 0% { width: 45px; } 50% { width: 120px } 100% { width: 45px; } } @-webkit-keyframes widthOpacityactive { 0% { opacity: 0; } 20% { opacity: .5; } 50% { opacity: 1; } 75% { opacity: .7; } 100% { opacity: 0; } } @keyframes widthOpacityactive { 0% { opacity: 0; } 20% { opacity: .5; } 50% { opacity: 1; } 75% { opacity: .7; } 100% { opacity: 0; } } /* @keyframes widthExtend { 0% { width: 45px; } 50% { width: 120px} 100% { width: 45px;} } @keyframes widthOpacity { 0% { opacity: 0; } 20% { opacity: .5;} 50% { opacity: 1;} 75% { opacity: .3;} 100% { opacity: 0;} } */ @-webkit-keyframes widthOpacity { 0% { opacity: 0; } 35% { opacity: .5; } 45% { opacity: 1; } 85% { opacity: 0; } 100% { opacity: 0; } } @keyframes widthOpacity { 0% { opacity: 0; } 35% { opacity: .5; } 45% { opacity: 1; } 85% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes widthExtend { 0% { width: 45px; } 50% { width: 145px; } 100% { width: 45px; } } @keyframes widthExtend { 0% { width: 45px; } 50% { width: 145px; } 100% { width: 45px; } } @-webkit-keyframes scaleHeartIcon { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleHeartIcon { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .favouriteIcon { cursor: pointer; border: 0; position: absolute; content: ''; bottom: 5px; right: 5px; background-color: #FFFFFF; height: 45px; width: 45px; border-radius: 28.56px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 30px; padding-left: 0; z-index: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .favouriteIcon .favIcon-container { position: relative; width: 100%; height: 100%; margin-top: auto; margin-bottom: auto;/* padding-right: 15px;*/ } .favouriteIcon .favIcon-container span { width: 100%; height: 100%; opacity: 0; -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, .1); box-shadow: 0px 3px 8px rgba(0, 0, 0, .1); border-top-left-radius: 28.56px; border-bottom-left-radius: 28.56px; border-radius: 28.56px; } .favouriteIcon.active::after { position: absolute; font-family: 'Icomoon'; font-size: 1.25rem; color: #B10F25; content: "\E944"; right: 12px; bottom: 10px; z-index: 2; } .favouriteIcon.active.animate { -webkit-animation: widthExtendactive 3s 1s; animation: widthExtendactive 3s 1s; } .favouriteIcon.active.animate .favIcon-container span { -js-display: flex; -js-display: flex; -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #B10F25; font-family: 'PraxisCom-Bold'; font-size: 0.875rem; -webkit-animation: widthOpacityactive 2s 1.5s; animation: widthOpacityactive 2s 1.5s; padding-left: 20px; word-break: break-all; } .favouriteIcon.active.animate::after { position: absolute; font-family: 'Icomoon'; font-size: 1.25rem; color: #B10F25; content: "\E944"; right: 12px; bottom: 10px; -webkit-animation: scaleHeartIcon 1s; animation: scaleHeartIcon 1s; z-index: 2; } .favouriteIcon.inactive_fav::after { position: absolute; font-family: 'Icomoon'; color: #666666; font-size: 1.25rem; content: "\E945"; right: 12px; bottom: 10px; z-index: 2; } .favouriteIcon.inactive_fav.animate { -webkit-animation: widthExtend 4s; animation: widthExtend 4s; } .favouriteIcon.inactive_fav.animate .favIcon-container span { -js-display: flex; -js-display: flex; -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666666; font-family: 'PraxisCom-Bold'; font-size: 0.875rem; -webkit-animation: widthOpacity 2.6s 0.5s; animation: widthOpacity 2.6s 0.5s; padding-left: 20px; word-break: break-all; } .favouriteIcon.inactive_fav.animate::after { position: absolute; font-family: 'Icomoon'; color: #666666; font-size: 1.25rem; content: "\E945"; right: 12px; bottom: 10px; z-index: 2; } .favouriteIcon::before { position: absolute; content: ''; bottom: 0px; right: 0px; background-color: #FFFFFF; height: 45px; width: 45px; -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, .1); box-shadow: 0px 3px 8px rgba(0, 0, 0, .1); border-radius: 28.56px; z-index: 2; } .favouriteIcon.no-animate { height: 35px; width: 35px; } .favouriteIcon.no-animate::before { height: 35px; width: 35px; } .favouriteIcon.no-animate.active::after { position: absolute; font-family: 'Icomoon'; font-size: 1.1875rem; color: #B10F25; content: "\E944"; right: 7px; bottom: 5px; z-index: 2; } .entertainment-card-container .favouriteIcon { top: 6px; right: 6px; } .dining-key-info, .shorex-key-info .ht-background { position: relative } .dining-key-info .favouriteIcon, .shorex-key-info .ht-background .favouriteIcon { right: 20px; bottom: 70px; } .infocard-wrapper .favouriteIcon { display: none; } .package-details__package .packages-detail__package--details { position: relative } .package-details__package .packages-detail__package--details .favouriteIcon { right: 20px; top: -80px; } @media (min-width: 768px){ .card-component { //margin: 0 5px 0 5px; } .card-container .content-holder { padding: 25px 20px 0 30px; } .card-container .cta-addToCart a { line-height: 1.125rem; } .favouriteIcon.no-animate { height: 45px; width: 45px; } .favouriteIcon.no-animate::before { height: 45px; width: 45px; } .favouriteIcon.no-animate.active::after { position: absolute; font-family: 'Icomoon'; font-size: 1.25rem; color: #B10F25; content: "\E944"; right: 12px; bottom: 10px; z-index: 2; } .entertainment-card-container .favouriteIcon { top: 13px; right: 12px; } } @media (min-width: 1025px){ .dining-key-info, .shorex-key-info .ht-background { position: relative } .dining-key-info .favouriteIcon, .shorex-key-info .ht-background .favouriteIcon { display: none; } .entertainment-card-container .favouriteIcon { top: 13px; right: 12px; } .infocard-wrapper .favouriteIcon { display: block; top: -194px; right: 60px; } } @media (min-width: 1281px){ .card-container .content-holder { padding: 35px 40px 0 40px; } } .hero-tile-container { width: 100%; margin: 0 auto } .hero-tile-container .infocard-wrapper { width: 100%; padding: 15px; margin: -45px auto 0; position: relative;/* @mixin card-two;*/ } .hero-tile-container .infocard { padding: 20px; } .hero-tile-container .infocard .infocard-logo { position: absolute; top: 0px; left: 50%; width: 73px; padding: 0px 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); } .hero-tile-container .infocard-logo h2 { margin: 10px 0 25px 0; } .hero-tile-container .infocard-logo p { max-width: 578px; margin: 0 auto 25px auto; } .hero-tile-container .ht-background { max-height: inherit; overflow: hidden; position: relative; } .hero-tile-container .ht-background img { width: 100%; } .hero-tile-container .ht-background video { height: 100%; width: 100%; transform: scale(1.2); -webkit-transform: scale(1.2); } .hero-tile-container .infocard-logo img { width: 100%; } .hero-tile-container .infocard .title { margin-bottom: 0; } .hero-tile-container .infocard h1 { margin-top: 10px; } .herotile-info-card-wrapper { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .herotile-info-card-wrapper:before { content: ''; display: table; } .herotile-info-card-wrapper:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .herotile-info-card-wrapper { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .herotile-info-card-wrapper { padding-left: 60px; padding-right: 60px; } } .show-focus-outlines .hero-tile-container.variation .cta-holder .cta-icon:focus { outline: #002776 auto 1px; } @media (min-width: 768px){ .hero-tile-container .infocard .infocard-logo { width: 146px; } .hero-tile-container .infocard h1 { margin-top: 15px; } .hero-tile-container .ship-facts-container { padding: 0 0 30px 10px; } .hero-tile-container .cta-holder .secondary .arrow-icon:before { width: 45px; height: 45px; } .hero-tile-container .cta-icon span { width: 40px; height: 40px; } } @media (min-width: 981px){ .hero-tile-container .infocard-wrapper { margin: -127px auto 0; } .hero-tile-container .infocard-wrapper.left { margin-left: 64px; } .hero-tile-container .infocard-wrapper.right { margin-right: 64px; } .hero-tile-container .infocard { padding: 30px; } .hero-tile-container .infocard h1 { margin-top: 5px; } .hero-tile-container .ht-background { max-height: 575px; max-width: 1920px; margin: 0 auto; text-align: center; } .hero-tile-container.cta-icon span { width: 45px; height: 45px; margin-right: 20px; } } .hero-tile-container { position: relative } .hero-tile-container .infocard-back { width: 45px; height: 45px; line-height: 2.8125rem; border-radius: 50%; display: inline-block; position: absolute; text-align: center; z-index: 1; left: 20px; top: -110px; } .hero-tile-container .infocard-back span { display: none; } .hero-tile-container .infocard-back:before { display: inline-block; font-family: 'Icomoon'; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); font-size: 1rem; line-height: 2.8125rem; } .hero-tile-container .infocard-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0; margin: -45px auto 0; -webkit-box-shadow: none; box-shadow: none; } .hero-tile-container .infocard { text-align: center } .hero-tile-container .infocard .desc { margin-top: 35px; } .hero-tile-container .infocard .hero-tile-variant { position: relative; display: inline-block; } .hero-tile-container .infocard .hero-tile-variants-title-info { position: relative; vertical-align: top; display: inline-block; margin-right: 10px; } .hero-tile-container .infocard .hero-tile-variants-title-info:before { content: "\E90C"; font-family: 'Icomoon'; display: inline-block; vertical-align: top; font-size: 1.375rem; } .hero-tile-container .infocard .cta-holder a { z-index: 9; position: relative; } .hero-tile-container .infocard .hero-tile-variants-tooltip { 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; } .hero-tile-container .infocard .hero-tile-close:after { position: absolute; top: 10px; right: 10px; font-family: 'Icomoon'; width: 30px; height: 30px; line-height: 1.875rem; text-align: center; font-size: 1.25rem; } .hero-tile-container .infocard .hero-tile-variants-tooltip p { position: relative; } .overlay-text { max-width: 670px; margin: 0 auto; padding: 0px 23px 31px 26px } .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 p { text-align: center; } .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 { list-style: none; font-size: 0.875rem; line-height: 1.375rem; } .overlay-text li::before { content: "\E902"; color: #0076CE; 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; } .overlay-text ul { margin-top: 30px; } .overlay-text .titleH1Mycruise .title-component { margin-bottom: 9px; } .overlay-text .react-component.copyBlockMycruise { margin-bottom: 0px; } .overlay-text { .copy-block p { padding-bottom: 0px; padding-top: 30px; line-height: 1.375rem; } .copy-block ul:nth-child(2) { margin-left: 30px; } } @media (min-width: 768px){ .hero-tile-container .ht-background { max-height: 480px; } .hero-tile-container .infocard-back { left: 32px; padding: 0; } .hero-tile-container .infocard-back:after { content: none; } .hero-tile-container .infocard { padding: 40px } .hero-tile-container .infocard .title { line-height: 3.125rem; margin: 0; } .hero-tile-container .infocard p, .hero-tile-container .infocard .desc { max-width: none; } .hero-tile-container .infocard .cta-holder a {/* 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: 768px) and (min-width: 1025px) { .hero-tile-container .infocard .cta-holder a { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } @media (min-width: 768px){ .hero-tile-container .infocard .cta-holder a:hover { background: #b0263a; } .hero-tile-container .infocard .cta-holder a:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .hero-tile-container .infocard .cta-holder a:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .hero-tile-container .infocard .cta-holder a { display: inline-block; } .hero-tile-container .infocard .hero-tile-variants-tooltip { text-align: left; position: absolute; top: 55px; left: -20px; max-width: 350px; min-width: 250px; height: auto; padding: 30px; width: auto; } .hero-tile-container .infocard .hero-tile-variants-tooltip:before { content: ""; position: absolute; top: -20px; left: 10px; content: ""; width: 45px; height: 45px; position: absolute; top: -6px; display: block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hero-tile-container .infocard .hero-tile-variants-tooltip p { position: relative; } .hero-tile-container .infocard .hero-tile-close { display: none; }/* readmore table*/ .infocard .readmore { height: 154px; } .infocard .readmoreLink { margin-top: 29px; } .aria-hero-container .aria-modal { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; .modal-content-wrapper { padding: 84px 0px 84px 0px; } } .aria-hero-container { .overlay-text { width: 465px; padding: 0px; } .overlay-text li { font-size: 1rem; line-height: 1.625rem; } .overlay-text .titleH1Mycruise .title-component { margin-bottom: 40.28px; .title { font-size: 2rem; line-height: 2.875rem; } } .overlay-text p { text-align: left; } .copy-block { padding: 0px; } } } @media (min-width: 981px){ .hero-tile-container { text-align: left } .hero-tile-container .infocard-back { 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: 981px) and (min-width: 768px) { .hero-tile-container .infocard-back { font-size: 1.125rem; line-height: 1.125rem; } } @media (min-width: 981px){ .hero-tile-container .infocard-back { 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; } .hero-tile-container .infocard-back:hover { color: #3e90cf; } .hero-tile-container .infocard-back:hover:before { background: #3e90cf; } .hero-tile-container .infocard-back:active, .hero-tile-container .infocard-back:focus { color: #005ea6; } .hero-tile-container .infocard-back:active:before, .hero-tile-container .infocard-back:focus:before { background: #005ea6; } } @media (min-width: 981px) and (min-width: 768px) { .hero-tile-container .infocard-back { font-size: 1.125rem; } } @media (min-width: 981px){ .hero-tile-container .infocard-back:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .hero-tile-container .infocard-back { border-bottom: none; vertical-align: middle; text-decoration: none; } .hero-tile-container .infocard-back:before { display: none; } .hero-tile-container .infocard-back: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; } .hero-tile-container .infocard-back:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .hero-tile-container .infocard-back { background: #FFFFFF; padding: 0 25px 0 35px; height: 40px; line-height: 2.5rem; border-radius: 20px; display: inline-block; position: absolute; top: -180px; left: 32px; } .hero-tile-container .infocard-back span { display: inline-block; line-height: 2.5rem; } .hero-tile-container .infocard-back:before { display: none; } .hero-tile-container .infocard-back:after { -webkit-transform: rotate(90deg) translateY(-3px); transform: rotate(90deg) translateY(-3px); position: absolute; left: 10px; line-height: 2.5rem; top: 0; } .hero-tile-container .infocard-back:hover:after { -webkit-transform: rotate(90deg) translateY(0); transform: rotate(90deg) translateY(0); } } @media (min-width: 981px) and (min-width: 1025px) { .hero-tile-container .ht-background { max-height: 480px; } } @media (min-width: 981px) and (min-width: 1025px) and (min-height: 600px) { .hero-tile-container .ht-background { max-height: 520px; } } @media (min-width: 981px){ .hero-tile-container .infocard-wrapper { margin: -127px auto 0; } .hero-tile-container .infocard-wrapper.left { margin-left: 64px; } .hero-tile-container .infocard-wrapper.right { margin-right: 64px; } .hero-tile-container .infocard .title { max-width: 70%; text-align: left; margin: 0 0 30px 0; } .hero-tile-container .infocard .hero-tile-variant { width: calc(99.9% * 3/12); text-align: right; position: absolute; top: 67px; right: 60px; } .hero-tile-container .infocard .hero-tile-variant:nth-child(1n) { float: left; margin-right: 0; clear: none; } .hero-tile-container .infocard .hero-tile-variant:last-child { margin-right: 0; } .hero-tile-container .infocard .hero-tile-variant:nth-child(2n) { margin-right: 0; float: right; } .hero-tile-container .infocard .hero-tile-variant:nth-child(2n + 1) { clear: both; } } @media (min-width: 1025px){ .hero-tile-container .infocard-back { left: 60px; } .overlay-text ul { margin-top: 50px; } .aria-hero-container { padding: 50px 90px; .overlay-text .titleH1Mycruise .title-component { margin-bottom: 36.28px; } } } .drinks-card .content-wrapper { padding-bottom: 30px; } .drinks-card .content-wrapper:before { content: ''; display: table; } .drinks-card .content-wrapper:after { content: ''; display: table; clear: both; } .drinks-card .content-wrapper .top-pagination { display: none; } .drinks-card .tiles-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .drinks-card .tiles-container:before { content: ''; display: table; } .drinks-card .tiles-container:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .drinks-card .tiles-container { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .drinks-card .tiles-container { padding-left: 60px; padding-right: 60px; } } .drinks-card .tiles-container { position: relative; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; text-align: center; display: block; clear: both; margin: 30px auto auto auto; } .drinks-card .port-detail-tile { text-align: left; display: inline-block; } .drinks-card input:focus { outline: 0; } .drinks-card .cta-holder .btn-secondary { cursor: pointer; } .drinks-card .cta-holder .btn-secondary { padding: 0; border: none; } .drinks-card .reset-filter-svp .btn-secondary:before, .drinks-card .cta-holder .btn-secondary:before { width: 30px; height: 30px; line-height: 1.875rem; display: inline-block; margin-right: 5px; vertical-align: middle; } .drinks-card { .tile-details { width: 100%; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } } .drinks-card .shores { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .drinks-card .shores .shore-x-tile { -webkit-box-shadow: none; box-shadow: none; width: 100%; } .drinks-card .shorex-card-container { margin: 0; .content-holder { padding: 30px 20px !important; } .shorex-price-group { font-size: 1.125rem; color: #666; font-family: 'PraxisCom-Regular'; } .title-container { min-height: auto !important; margin-bottom: 10px !important; } .shorex-card-price { margin-top: 10px !important; } .shorex-card-description ul { margin-left: 16px; } } .drinks-card .shorex-card-container .cta-content .disabled-CTA .secondary-cta { cursor: not-allowed; color: #666666 !important; background: rgba(237, 241, 247, .85) !important; } @media (min-width: 768px){ .drinks-card .tile-details { padding: 10px; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .drinks-card .cta-holder .btn { float: right; } .drinks-card .cta-holder .btn-secondary { float: left; display: inline-block; } } @media (min-width: 1025px){ .drinks-card .content-wrapper { padding: 15px 10px; } .drinks-card .tiles-container { padding: 0; } .drinks-card .tile-details { width: 33.30%; } .drinks-card .tile-detail { width: 33.30%; } } .heroTileAllInclusive { margin-bottom: 50px; margin-top: -55px } .heroTileAllInclusive .hero-tile-container .cta-holder { margin-top: 0; } .hero-tile-container { min-height: 250px } .hero-tile-container .infocard-back { background: #FFFFFF; } .hero-tile-container .infocard-back:before { content: "\E903"; color: #002776; background: none; } .hero-tile-container .infocard-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; width: 100%; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .hero-tile-container .infocard-wrapper.left { text-align: left; } .hero-tile-container .infocard { padding: 35px 15px 0 } .hero-tile-container .infocard .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) { .hero-tile-container .infocard .title { font-size: 2.5rem; line-height: 1.25; } } .hero-tile-container .infocard .title { margin: 0 0 30px 0; } .hero-tile-container .infocard .desc-container { padding-top: 0; } .hero-tile-container .infocard .desc { 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) { .hero-tile-container .infocard .desc { font-size: 1rem; line-height: 1.375rem; } } .hero-tile-container .infocard .desc { color: #666666; margin-top: 34px; margin-bottom: 10px; } .hero-tile-container .infocard {/* & p { @mixin style-body1; color: var(--color-primary6); margin-bottom: 10px; }*/ } .hero-tile-container .infocard .readmoreLink { margin-top: 5px; margin-bottom: 5px; } .hero-tile-container .infocard .readmoreLink a { height: 35px; } .hero-tile-container .infocard .cta-holder .secondary.cta-icon {/* 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) { .hero-tile-container .infocard .cta-holder .secondary.cta-icon { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .hero-tile-container .infocard .cta-holder .secondary.cta-icon:hover { background: #b0263a; } .hero-tile-container .infocard .cta-holder .secondary.cta-icon:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .hero-tile-container .infocard .cta-holder .secondary.cta-icon:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .hero-tile-container .infocard .cta-holder .secondary.cta-icon { padding-left: 20px; } .hero-tile-container .infocard .cta-holder .secondary.cta-icon:before { display: none; } .hero-tile-container .infocard .cta-holder a {/* 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) { .hero-tile-container .infocard .cta-holder a { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .hero-tile-container .infocard .cta-holder a:hover { background: #b0263a; } .hero-tile-container .infocard .cta-holder a:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .hero-tile-container .infocard .cta-holder a:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .hero-tile-container .infocard .hero-tile-variants-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) { .hero-tile-container .infocard .hero-tile-variants-title { font-size: 1.25rem; line-height: 1.25rem; } } .hero-tile-container .infocard .hero-tile-variants-title { color: #E30513; text-transform: uppercase; } .hero-tile-container .infocard .hero-tile-variants-tooltip { 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); } .hero-tile-container .infocard .hero-tile-variants-tooltip:before { background: #FFFFFF; } .hero-tile-container .infocard .hero-tile-variants-tooltip p { background: #FFFFFF; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; text-transform: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; background: #FFFFFF; } .hero-tile-container .infocard .hero-tile-close:after { content: "\E906"; color: #988642; width: 30px; } @media (min-width: 768px){ .hero-tile-container .infocard { padding: 40px 40px 0 } .hero-tile-container .infocard .title { margin-bottom: 30px; } .hero-tile-container .infocard .readmoreLink { margin-top: 20px; } .heroTileAllInclusive { margin-top: -100px; } } @media (min-width: 1025px){ .heroTileAllInclusive { margin-top: -130px; } .hero-tile-container .infocard-wrapper { max-width: 100%; } .hero-tile-container .infocard { text-align: left; padding: 60px 60px 0 } .hero-tile-container .infocard .title { margin-bottom: 0; } .hero-tile-container .infocard .cta-holder { width: auto; } .hero-tile-container .infocard .cta-icon { padding-left: 10px; } .hero-tile-container .infocard .cta-icon img { max-width: 30px; } } .allinclusive-overlay { -webkit-box-sizing: border-box; box-sizing: border-box } .allinclusive-overlay .modal-content-wrapper { text-align: center; padding: 40px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .allinclusive-overlay .modal-close-wrap .close { padding: 1px 18px 2px; margin-right: 0; cursor: pointer; } .allinclusive-overlay .modal-close-wrap .close .close-label { padding-top: 0; padding-bottom: 0; } .allinclusive-overlay .title { margin: 0 0 20px 0; } .allinclusive-overlay .subtitle { margin: 0 0 20px 0; } .allinclusive-overlay .paragraph { margin: 0 0 30px 0; } .allinclusive-overlay .select-group { max-width: 415px; margin: 0 auto; margin-bottom: 20px; } .allinclusive-overlay .common-input-group.read-only .input-field { text-align: left; } .allinclusive-overlay .discountMessage { max-width: 415px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .allinclusive-overlay .discountLabel { position: relative; } .allinclusive-overlay .guestsList { max-width: 415px; margin: 0 auto 25px; text-align: left; } .allinclusive-overlay .guestsList ul { position: relative; } .allinclusive-overlay .guestsList .price { float: right; } .allinclusive-overlay .guestsList h4 { margin-bottom: 15px; } .allinclusive-overlay .guestsList .cruiseLength p { margin-bottom: 15px; font-family: 'GreycliffCF-medium'; line-height: 1.875rem; font-size: 1.25rem; letter-spacing: -0.0225rem; } .allinclusive-overlay .guestsList .cruiseLength .cruiseLength__length { font-size: 0.875rem; letter-spacing: normal; font-family: 'PraxisCom-Regular'; } .allinclusive-overlay .guestsList .cruiseLength .cruiseLength__label { color: #002776; font-size: 1.125rem; } .allinclusive-overlay .guestsList .passenger-restricted { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; text-transform: uppercase; position: absolute; } .allinclusive-overlay .guestsList .subtotal, .allinclusive-overlay .guestsList .cruiseLength { clear: both; height: 30px; margin-bottom: 25px; } .allinclusive-overlay .guestsList .subtotal:before, .allinclusive-overlay .guestsList .cruiseLength:before { content: ''; display: table; } .allinclusive-overlay .guestsList .subtotal:after, .allinclusive-overlay .guestsList .cruiseLength:after { content: ''; display: table; clear: both; } .allinclusive-overlay .guestsList .total { clear: both; height: 30px;/* margin-bottom: 25px;*/ } .allinclusive-overlay .guestsList .total:before {/* margin-bottom: 25px;*/ content: ''; display: table; } .allinclusive-overlay .guestsList .total:after {/* margin-bottom: 25px;*/ content: ''; display: table; clear: both; } .allinclusive-overlay .guestsList .total__label { clear: both; text-transform: uppercase; float: left; height: 30px; } .allinclusive-overlay .guestsList .total__price { float: right; height: 30px; margin-bottom: 0px; } .allinclusive-overlay .guestsList .subtotal__label, .allinclusive-overlay .guestsList .cruiseLength__label { float: left; } .allinclusive-overlay .guestsList .subtotal__label small, .allinclusive-overlay .guestsList .cruiseLength__label small { display: inline-block; } .allinclusive-overlay .guestsList .subtotal__price, .allinclusive-overlay .guestsList .cruiseLength__length { float: right; } .allinclusive-overlay .guestsList .wrap:last-of-type { margin-bottom: 0; } .allinclusive-overlay .wrap { list-style: none; } .allinclusive-overlay .wrap p { margin-bottom: 8px; font-size: 1rem; color: #002776; font-family: 'GreycliffCF-bold'; line-height: 0.875rem; } .allinclusive-overlay .wrap .input-group, .allinclusive-overlay .wrap .select-group { margin-bottom: 0; } .allinclusive-overlay .discount-tooltip { 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; } .allinclusive-overlay .discount-tooltip p { position: relative; } .allinclusive-overlay .discount-tooltip-title { width: calc(100% - 55px); padding-left: 40px; position: relative; } .allinclusive-overlay .discount-tooltip-title-info { position: absolute; left: 0; top: calc(50% - 10px); vertical-align: top; display: inline-block; margin-right: 10px; } .allinclusive-overlay .discount-tooltip-title-info:before { content: "\E90C"; font-family: 'Icomoon'; display: inline-block; vertical-align: top; font-size: 1.5625rem; color: #988642; } .allinclusive-overlay .discount-close:after { position: absolute; top: 10px; right: 10px; font-family: 'Icomoon'; width: 30px; height: 30px; line-height: 1.875rem; text-align: center; font-size: 1.25rem; } .modal-error { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #E30513; max-width: 630px; margin-bottom: 40px; } @media (min-width: 768px){ .allinclusive-overlay .modal-content { max-width: 650px; margin: 0 auto; width: 100%; } .allinclusive-overlay .guestsList ul:after, .allinclusive-overlay .guestsList .discountLabel:after { left: -40px; right: -40px; } .allinclusive-overlay .guestsList .total { height: 40px; } .allinclusive-overlay .guestsList .total__label { height: 40px; } .allinclusive-overlay .guestsList .total__price { height: 40px; } .allinclusive-overlay .guestsList .cruiseLength p { line-height: 2.5rem; letter-spacing: -0.025rem; } .allinclusive-overlay .guestsList .cruiseLength .cruiseLength__length { font-size: 1.125rem; letter-spacing: normal; } .allinclusive-overlay .guestsList .cruiseLength .cruiseLength__label { font-size: 1.25rem; } .allinclusive-overlay .discount-tooltip { text-align: left; position: absolute; top: 55px; left: -20px; max-width: 350px; min-width: 250px; height: auto; padding: 30px; width: auto; } .allinclusive-overlay .discount-tooltip:before { content: ""; position: absolute; top: -20px; left: 10px; content: ""; width: 45px; height: 45px; position: absolute; top: -6px; display: block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .allinclusive-overlay .discount-tooltip p { position: relative; } .allinclusive-overlay .discount-close { display: none; } } @media (min-width: 1025px){ .allinclusive-overlay .aria-modal { padding-top: 80px; padding-bottom: 80px; overflow-y: auto; height: 90%; display: block; } .allinclusive-overlay .modal-content-wrapper { padding-bottom: 0; } .allinclusive-overlay .title { margin: 0 0 40px 0; } .allinclusive-overlay .discountLabel { padding: 0 0 50px; margin-bottom: 18px; position: relative; } .allinclusive-overlay .discount-tooltip-title { font-size: 1rem; } .allinclusive-overlay .subtotal, .allinclusive-overlay .cruiseLength { margin-bottom: 15px; } .modal-error:before { font-family: 'Icomoon'; display: block; font-size: 1.625rem; vertical-align: middle; margin: 0 auto 6px; height: 30px; content: "\E908"; line-height: 1.875rem; } } .allinclusive-overlay .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) { .allinclusive-overlay .paragraph { font-size: 1.125rem; line-height: 1.625rem; } } .allinclusive-overlay .modal-header { margin-bottom: 30px; } .allinclusive-overlay .wrap { margin-bottom: 30px; } .allinclusive-overlay .guestsList .subtotal p{ font-family: 'GreycliffCF-bold'; color: #002776; margin-bottom: 24px; line-height: 0.875rem; font-size: 1rem; } .allinclusive-overlay .guestsList h5 { margin-bottom: 24px; } .allinclusive-overlay .guestsList .subtotal, .allinclusive-overlay .guestsList .cruiseLength { line-height: 1.875rem; } .allinclusive-overlay .guestsList .cruiseLength__label { line-height: 1.875rem; } .allinclusive-overlay .guestsList .cruiseLength__length { 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) { .allinclusive-overlay .guestsList .cruiseLength__length { font-size: 1rem; line-height: 1.375rem; } } .allinclusive-overlay .guestsList .cruiseLength__length { line-height: 1.875rem; -webkit-font-feature-settings: normal; font-feature-settings: normal; } .allinclusive-overlay .guestsList .subtotal__label small { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; -webkit-font-feature-settings: normal; font-feature-settings: normal; } .allinclusive-overlay .guestsList .total { line-height: 1.875rem; } .allinclusive-overlay .guestsList .total__label { 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) { .allinclusive-overlay .guestsList .total__label { font-size: 1.125rem; line-height: 1.625rem; } } .allinclusive-overlay .guestsList .total__label { line-height: 1.875rem; } .allinclusive-overlay .guestsList .total__price { font-family: 'GreycliffCF-light'; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: normal; } @media (min-width: 768px) { .allinclusive-overlay .guestsList .total__price { font-size: 2.5rem; line-height: 1.25; } } .allinclusive-overlay .guestsList .total__price { color: #988642; line-height: 1.875rem; } .allinclusive-overlay .guestsList ul { margin-bottom: 40px; padding-bottom: 50px; } .allinclusive-overlay .guestsList ul:after { content: ''; display: block; position: absolute; bottom: 0; left: 0px; right: 0px; background: #A6B4CF; height: 1px; } .allinclusive-overlay .guestsList .discountLabel:after { content: ''; display: block; position: absolute; bottom: 0; left: 0px; right: 0px; background: #A6B4CF; height: 1px; } .allinclusive-overlay .discountMessage { 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) { .allinclusive-overlay .discountMessage { font-size: 1.125rem; line-height: 1.625rem; } } .allinclusive-overlay .discountMessage { background: #EDF1F7; padding: 15px 30px; border-radius: 20px; } .allinclusive-overlay .discountLabel { 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) { .allinclusive-overlay .discountLabel { font-size: 1rem; line-height: 1.375rem; } } .allinclusive-overlay .discountLabel { margin-bottom: 18px; padding-bottom: 30px; } .allinclusive-overlay .allinclusive-tooltip { 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); } .allinclusive-overlay .allinclusive-tooltip:before { background: #FFFFFF; } .allinclusive-overlay .allinclusive-close:after { content: "\E906"; color: #988642; width: 30px; } .allinclusive-overlay .allinclusive-tooltip p { background: #FFFFFF; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; text-transform: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; background: #FFFFFF; } .allinclusive-overlay .limAvailability { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; } .allinclusive-overlay .limAvailability:before { content: "\E907"; font-size: 1.25rem; } @media (min-width: 768px){ .allinclusive-overlay .guestsList .cruiseLength__label { line-height: 2.5rem; } .allinclusive-overlay .guestsList .cruiseLength__length { line-height: 2.5rem; font-size: 1.125rem; } .allinclusive-overlay .guestsList .total__label { line-height: 2.5rem; } .allinclusive-overlay .guestsList .total__price { font-family: 'GreycliffCF-light'; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: normal; } } @media (min-width: 768px) and (min-width: 768px) { .allinclusive-overlay .guestsList .total__price { font-size: 2.5rem; line-height: 1.25; } } @media (min-width: 768px){ .allinclusive-overlay .guestsList .total__price { line-height: 2.5rem; } } @media (min-width: 1025px){ .allinclusive-overlay .guestsList .total__price { font-size: 2.5rem; color: #988642; } .allinclusive-overlay .guestsList .total__label { font-size: 1.125rem; line-height: 2.5rem; } } .simpleText .simple-textAux { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .simpleText .simple-textAux:before { content: ''; display: table; } .simpleText .simple-textAux:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .simpleText .simple-textAux { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .simpleText .simple-textAux { padding-left: 60px; padding-right: 60px; } } .simpleText .simple-textAux { padding: 30px; text-align: center; } .simpleText .simple-textAux { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .simpleText .simple-textAux:before { content: ''; display: table; } .simpleText .simple-textAux:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .simpleText .simple-textAux { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .simpleText .simple-textAux { padding-left: 60px; padding-right: 60px; } } .simpleText .simple-text-title { margin-bottom: 15px; } .simpleText .simple-text-title:before { font-family: 'Icomoon'; display: block; font-size: 2.5rem; vertical-align: middle; margin: 0 auto 6px; height: 40px; line-height: 2.5rem; } .simpleText .simple-text-body-text-small:before { font-family: 'Icomoon'; display: block; font-size: 1.625rem; vertical-align: middle; margin: 0 auto 6px; height: 30px; line-height: 1.875rem; } .simpleText .simple-text-body-text { margin: 0 auto 30px; width: 100%; } .heading { font-family: 'GreycliffCF-light'; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: normal; } @media (min-width: 768px) { .heading { font-size: 2.5rem; line-height: 1.25; } } /* @import 'tablet.css' (--tablet); */ @media (min-width: 1025px){ .simpleText .simple-textAux { padding: 60px; } .simpleText .simple-text-body-text { width: 70%; } } .simpleText { background: #F2F0E8 } .simpleText .simple-text-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) { .simpleText .simple-text-title { font-size: 2.5rem; line-height: 1.25; } } .simpleText .simple-text-title { margin-bottom: 35px; } .simpleText .simple-text-title:before { content: "\E91C"; color: #988642; } .simpleText .simple-text-body-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) { .simpleText .simple-text-body-text { font-size: 1.125rem; line-height: 1.625rem; } } .simpleText .simple-text-body-text-small { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; } .simpleText .simple-text-body-text-small:before { content: "\E908"; color: #988642; } .simpleText .simple-text-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) { .simpleText .simple-text-cta{ font-size: 1.125rem; line-height: 1.125rem; } } .simpleText .simple-text-cta{ 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; } .simpleText .simple-text-cta:hover { color: #3e90cf; } .simpleText .simple-text-cta:hover:before { background: #3e90cf; } .simpleText .simple-text-cta:active, .simpleText .simple-text-cta:focus { color: #005ea6; } .simpleText .simple-text-cta:active:before, .simpleText .simple-text-cta:focus:before { background: #005ea6; } @media (min-width: 768px) { .simpleText .simple-text-cta{ font-size: 1.125rem; } } .simpleText .simple-text-cta:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .simpleText .simple-text-cta{ border-bottom: none; vertical-align: middle; text-decoration: none; } .simpleText .simple-text-cta:before { display: none; } .simpleText .simple-text-cta: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; } .simpleText .simple-text-cta:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } /* @import 'tablet.css' (--tablet); */ /* @import 'desktop.css' (--desktop); */ .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; } } .card-component { margin: 0 } .card-component.content-align-left { text-align: left; } .slick-slide .card-component { margin: 0 10px 0 10px; width: calc(100% - 20px); } .card-container .image-holder img { display: block; } .card-container .content-holder { padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; } .card-container .text-content { margin-bottom: 20px; } .card-container .title-container { display: block; text-decoration: none; margin-bottom: 10px; } .card-container .cta-content:before { content: ''; display: table; } .card-container .cta-content:after { content: ''; display: table; clear: both; } .card-container .cta-block { float: left; } .card-container .cta-block + .cta-block { float: right; } .card-container .cta-block a { display: block; } /*card text align center*/ .card-component.content-align-center { text-align: center } .card-component.content-align-center .title { width: 100%; } .card-component.content-align-center .cta-block { float: none; margin: 0 auto; } .card-component.content-align-center .cta-block a { display: inline-block; } @media (min-width: 768px){ .card-component { //margin: 0 5px 0 5px; } .card-container .content-holder { padding: 25px 20px 0 30px; } .card-container .cta-addToCart a { line-height: 1.125rem; } } @media (min-width: 1025px){ .card-component { //margin: 0 10px 0 10px; } .card-container .cta-addToCart a { line-height: 1.125rem; } .card-container .content-holder { padding: 35px 30px 0 40px; } } .card-container .content-holder {/* border-bottom: 2px solid var(--color-secondary2); border-left: 2px solid var(--color-secondary2); border-right: 2px solid var(--color-secondary2);*/ } .card-container .title { 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) { .card-container .title { font-size: 1.5rem; line-height: 1.75rem; } } .card-container .description-container { 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) { .card-container .description-container { font-size: 1rem; line-height: 1.375rem; } } .card-container .cta-block 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) { .card-container .cta-block a { font-size: 1.125rem; line-height: 1.125rem; } } .card-container .cta-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; } .card-container .cta-block a:hover { color: #3e90cf; } .card-container .cta-block a:hover:before { background: #3e90cf; } .card-container .cta-block a:active, .card-container .cta-block a:focus { color: #005ea6; } .card-container .cta-block a:active:before, .card-container .cta-block a:focus:before { background: #005ea6; } @media (min-width: 768px) { .card-container .cta-block a { font-size: 1.125rem; } } .card-container .cta-block a:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .card-container .cta-block a.primary-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) { .card-container .cta-block a.primary-cta { font-size: 1.125rem; line-height: 1.125rem; } } .card-container .cta-block a.primary-cta { 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; } .card-container .cta-block a.primary-cta:hover { color: #3e90cf; } .card-container .cta-block a.primary-cta:hover:before { background: #3e90cf; } .card-container .cta-block a.primary-cta:active, .card-container .cta-block a.primary-cta:focus { color: #005ea6; } .card-container .cta-block a.primary-cta:active:before, .card-container .cta-block a.primary-cta:focus:before { background: #005ea6; } @media (min-width: 768px) { .card-container .cta-block a.primary-cta { font-size: 1.125rem; } } .card-container .cta-block a.primary-cta:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .card-container .cta-block a.primary-cta { color: #002776; } .card-container .cta-block a.primary-cta:hover, .card-container .cta-block a.primary-cta:visited { color: #3966bf; } .card-container .cta-block a.primary-cta:hover:before, .card-container .cta-block a.primary-cta:visited:before { background: #3966bf; } .card-container .cta-block a.primary-cta:active, .card-container .cta-block a.primary-cta:focus { color: #0038a8; } .card-container .cta-block a.primary-cta:active:before, .card-container .cta-block a.primary-cta:focus:before { background: #0038a8; } .card-container .cta-block a.primary-cta:before { background: #002776; } @media (min-width: 1025px){ .knt-tmp-empty-css{ display: block; } } @media (min-width: 1281px){ .knt-tmp-empty-css{ display: block; } } .shorex-card-container { position: relative; margin: 10px } .shorex-card-container .content-holder { padding: 20px 20px 0; } .shorex-card-container .card-container .bottom-block { -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; min-height: auto; text-align: left; } .shorex-card-container .card-container .bottom-block .shorex-card-dates { display: inline-block; position: static; position: initial; width: 50%; text-align: inherit; font-size: 14px; font-size: 0.875rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0; color: #666666; } .shorex-card-container .card-container .bottom-block .shorex-card-dates .shorex-date { font-size: 0.875rem; font-size: .875rem; line-height: 1.43; font-family: 'PraxisCom-Regular'; } .shorex-card-container .card-container .bottom-block .shorex-card-dates .shorex-card-date { font-family: 'GreycliffCF-bold'; font-size: 18px; font-size: 1.125rem; line-height: 1.2222; margin-top: 5px; white-space: nowrap; } .shorex-card-container .card-container .bottom-block .shorex-card-date::before { content: '\E91D'; font-family: 'Icomoon'; margin-right: 10px; display: inline-block; vertical-align: middle; line-height: inherit; font-size: inherit; margin-top: -4px; } .shorex-card-container .card-container .bottom-block .shorex-card-port { text-transform: capitalize; font-family: 'GreycliffCF-bold'; font-size: 18px; font-size: 1.125rem; line-height: 1.2222; } .shorex-card-container .card-container .bottom-block .spa-card-port { font-family: 'GreycliffCF-bold'; color: #666666; } .shorex-card-container .card-container .bottom-block .shorex-card-port::before { content: '\E943'; font-family: 'Icomoon'; font-size: inherit; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -2px; } .shorex-card-container .card-container .bottom-block .spa-card-port::before { content: '\E907'; font-family: 'Icomoon'; font-size: inherit; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -2px; } .shorex-card-container .card-container .bottom-block .shorex-card-description { font-size: 16px; font-size: 1rem; line-height: 1.37; clear: left; } .shorex-card-container .shorex-card-price { font-family: 'GreycliffCF-bold'; color: #002776; font-size: 1.5rem; line-height: 1.2; height: 30px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-weight: 700; } .shorex-card-container .shorex-card-noPrice { font-family: 'GreycliffCF-bold'; color: #002776; font-size: 1.5rem; line-height: 1.2; height: 30px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-weight: 700; } .shorex-card-container .onBoardContainer { display: inline; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 4px 8px; border-radius: 10px; border: 1px solid #988642; } .shorex-card-container .onBoardContainer .onBordContent { font-family: 'PraxisCom-Semibold'; color: #333333; font-size: 0.875rem; font-style: normal; font-weight: 600; line-height: 1.375rem; } .shorex-card-container .price-text { padding: 0px; padding-top: 0; font-size: 0.75rem; font-family: 'PraxisCom-Regular'; color: #666666; margin-left: 5px; } .shorex-card-container .text-content { margin-bottom: 0; } .shorex-card-container .title-container { width: 100%; margin-bottom: 0; min-height: 45px; } .shorex-card-container .title-container .title { font-family: 'GreycliffCF-bold'; font-size: 22px; font-size: 1.375rem; line-height: 1.2; text-transform: inherit; } .shorex-card-container .feefo-rating { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; } .shorex-card-container .feefo-rating .feefo-logo { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTE1LjU1MzcgMTAuMTExNXYtLjMxOTAzYzAtMy42NTQtMi4xMzY0LTUuOTE2MDEtNS4yNjg0LTUuOTE2MDEtMS4zMzM5OCAwLTIuNjM4OTguNTQxMzQtMy42MjQ5OCAxLjUzNzAxLS45NzYzMy45NzYzMy0xLjQ5ODMzIDIuMjMzLTEuNDk4MzMgMy42MDU2NiAwIDEuMzkxOTcuNDkzIDIuNjM4OTcgMS40NDAzMyAzLjYzNDY3IDEuMDA1MzMgMS4wNjMzIDIuMjEzNjcgMS41NzU3IDMuNzExOTggMS41NzU3IDIuMTk0NCAwIDMuODE4NC0xLjA0NCA0Ljc3NTQtMy4wOTM0aC0zLjE4MDRjLS40MzUuMzg2Ny0uOTE4My41NDE0LTEuNDk4My41NDE0LTEuMjU2NjggMC0yLjAyMDM1LS41NDE0LTIuMjcxNjgtMS41OTVsNy40MTQzOC4wMjl6TTEyLjY0NCA4LjA2MjEzSDguMDUyMzJjLjIwMy0uOTM3NjYgMS4wNjMzMy0xLjU1NjMzIDIuMjcxNjgtMS41NTYzMyAxLjE1MDMuMDA5NjcgMS45NzIuNTUxIDIuMzIgMS41NTYzM3pNMjYuNDk2MyAxMC4xMTE1di0uMzE5MDNjMC0zLjY1NC0yLjEzNjMtNS45MTYwMS01LjI2ODQtNS45MTYwMS0xLjMzNCAwLTIuNjM5LjU0MTM0LTMuNjI1IDEuNTM3MDEtLjk3NjMuOTc2MzMtMS40OTgzIDIuMjMzLTEuNDk4MyAzLjYwNTY2IDAgMS4zOTE5Ny40OTMgMi42Mzg5NyAxLjQ0MDMgMy42MzQ2NyAxLjAwNTQgMS4wNjMzIDIuMjEzNyAxLjU3NTcgMy43MTIgMS41NzU3IDIuMTk0NCAwIDMuODE4NC0xLjA0NCA0Ljc3NTQtMy4wOTM0aC0zLjE4MDRjLS40MzUuMzg2Ny0uOTE4My41NDE0LTEuNDk4My41NDE0LTEuMjU2NyAwLTIuMDIwMy0uNTQxNC0yLjI3MTctMS41OTVsNy40MTQ0LjAyOXptLTIuOTE5NC0yLjA0OTM3aC00LjU5MTZjLjIwMy0uOTM3NjYgMS4wNjMzLTEuNTU2MzMgMi4yNzE2LTEuNTU2MzMgMS4xNTA0LjAwOTY3IDEuOTgxNy41NTEgMi4zMiAxLjU1NjMzek0xLjA2MzMzIDYuMzgwMTV2Ny42MzY2NWgyLjg0MlY2LjM4MDE1aDEuMTZWNC4xODU4MkgzLjg5NTY3di0uMjQxNjdjMC0uODk5LjIwMy0xLjE4OSAxLjA4MjY2LTEuMTg5aC4wNzczNFYuNzczNDgzYy0uMTY0MzQgMC0uMzE5LS4wMTkzMzMtLjQ1NDM0LS4wMTkzMzNDMi4xNzUuNzYzODE3IDEuMDQ0IDEuNzIwODIgMS4wNDQgMy44MTg0OWMwIC4xMDYzMy4wMTkzMy4yNDE2Ni4wMTkzMy4zNjczM0gwdjIuMTk0MzNoMS4wNjMzM3pNMjcuNTg4NyA2LjM4MDEzdjcuNjM2NjdoMi44NDJWNi4zODAxM2gxLjE2VjQuMTg1NzloLTEuMTZ2LS4yNDE2NmMwLS44OTkuMjAzLTEuMTg5IDEuMDgyNy0xLjE4OWguMDc3M1YuNzgzMTI3Yy0uMTY0MyAwLS4zMTktLjAxOTMzMy0uNDU0My0uMDE5MzMzLTIuNDI2NCAwLTMuNTU3NC45NTY5OTYtMy41NTc0IDMuMDU0NjY2IDAgLjEwNjM0LjAxOTQuMjQxNjcuMDE5NC4zNjczM0gyNi41MzV2Mi4xOTQzNGgxLjA1Mzd6TTQxLjk0MzYgOS4wMzg0M2MwLTEuMzM0LS41NjA2LTIuNjk3LTEuNjE0My0zLjY3MzM0LS45ODYtLjkzNzY2LTIuMjEzNy0xLjQyMS0zLjY0NDMtMS40MjEtMS4zMzQgMC0yLjYzOS41NDEzMy0zLjYyNSAxLjUzNy0uOTc2NC45NzYzNC0xLjQ5ODQgMi4yMzMtMS40OTg0IDMuNjA1NjcgMCAxLjM3MjY0LjQ5MyAyLjYzOTA0IDEuNDQwNCAzLjYyNTA0IDEuMDA1MyAxLjA2MzMgMi4yMTM2IDEuNTc1NiAzLjcxMiAxLjU3NTYgMS40NzkgMCAyLjcyNi0uNTMxNiAzLjczMTMtMS41MzcgMS4wMDUzLTEuMDA1MyAxLjQ5ODMtMi4yMzMgMS40OTgzLTMuNzExOTd6bS0yLjg3MS4wNzczM2MwIDEuMzM0MDQtMS4wNDQgMi40MTY2NC0yLjMyIDIuNDE2NjQtMS4yNTY2IDAtMi4zMi0xLjA4MjYtMi4zMi0yLjQxNjY0IDAtMS4zNTMzMyAxLjA0NC0yLjQzNiAyLjMyLTIuNDM2IDEuMjc2IDAgMi4zMiAxLjA3MyAyLjMyIDIuNDM2eiIgZmlsbD0iIzQ4NDU0NSI+PC9wYXRoPgogIDxwYXRoIGQ9Ik00Ni4zOTA0IDcuNDMzNzdjLTEuMzkyLS4wODctMi41MDM3LTEuMTk4NjYtMi41OTA3LTIuNjAwMzNoNi4wOXYtLjA2NzY3YzAtMi4zODc2Ny0xLjUyNzMtMy45OTIzMzItMy42MzQ2LTMuOTkyMzMyLTIuMjMzIDAtMy43NTA3IDEuNjMzNjcyLTMuNzUwNyAzLjc2MDMzMiAwIDIuMDEwNjcgMS41NjYgMy43Nzk2NyAzLjcwMjMgMy43Nzk2NyAxLjU1NjQgMCAyLjc4NC0uODYwMzMgMy40NTEtMi40NjVoLS42MDljLS40NDQ2LjkzNzY3LTEuMzkyIDEuNTg1MzMtMi40ODQzIDEuNTg1MzMtLjA3NzMuMDA5NjctLjEyNTcuMDA5NjctLjE3NCAwek01NC4xMTQgNy40MzM3N2MxLjM5Mi0uMDg3IDIuNTAzNi0xLjE5ODY2IDIuNTkwNi0yLjYwMDMzaC02LjA5di0uMDY3NjdjMC0yLjM4NzY3IDEuNTI3NC0zLjk5MjMzMiAzLjYzNDctMy45OTIzMzJDNTYuNDgyMy43NzM0MzggNTggMi40MDcxMSA1OCA0LjUzMzc3YzAgMi4wMTA2Ny0xLjU2NiAzLjc3OTY3LTMuNzAyNCAzLjc3OTY3LTEuNTU2MyAwLTIuNzg0LS44NjAzMy0zLjQ1MS0yLjQ2NWguNjE4N2MuNDQ0Ny45Mzc2NyAxLjM5MiAxLjU4NTMzIDIuNDg0MyAxLjU4NTMzLjA0ODQuMDA5NjcuMTA2NC4wMDk2Ny4xNjQ0IDB6IiBmaWxsPSIjNDg0NTQ1Ij48L3BhdGg+Cjwvc3ZnPg==) no-repeat center center; height: 15px; width: 58px; } .shorex-card-container .feefo-rating .star-rating { height: 15px; width: 75px; margin-left: 47px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .shorex-card-container .feefo-rating .star-rating .star { display: block; text-indent: -10000px; width: 75px; height: 15px; position: absolute; overflow: hidden; } .shorex-card-container .feefo-rating .star-rating .star::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDAxIiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PHJlY3QgaWQ9IlN2Z2pzUmVjdDEwMTIiIHdpZHRoPSIyODgiIGhlaWdodD0iMjg4IiByeD0iMCIgcnk9IjAiIHRyYW5zZm9ybT0ibWF0cml4KDAuODEsMCwwLDAuODEsMjcuMzU5OTk5OTk5OTk5OTg1LDI3LjM1OTk5OTk5OTk5OTk4NSkiIGZpbGw9IiNkNGIwMTEiPjwvcmVjdD48ZGVmcyBpZD0iU3ZnanNEZWZzMTAwMiI+PC9kZWZzPjxnIGlkPSJTdmdqc0cxMDA4IiB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsMCkiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgd2lkdGg9IjI4OCIgaGVpZ2h0PSIyODgiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0wIDB2MTIwaDEyMFYwem0xMTYuMDkgNTAuOTJMOTAuODMgNzUuNTVsNiAzNC43OWExMC41NCAxMC41NCAwIDAxLjA3IDEuMzlxMCAzLjQ4LTIuODYgMy40OGE1LjYzIDUuNjMgMCAwMS0yLjc4LS44NEw2MCA5OGwtMzEuMjUgMTYuMzhhNS45IDUuOSAwIDAxLTIuNzguODMgMi41MiAyLjUyIDAgMDEtMi4xOS0xIDQuMSA0LjEgMCAwMS0uNzMtMi40NyAxMS4zIDExLjMgMCAwMS4xNC0xLjM5bDYtMzQuNzlMMy44NCA1MC45MmE1LjMgNS4zIDAgMDEtMS43NC0zLjM0cTAtMi41OCAzLjktMy4ybDM0LjkzLTUuMDhMNTYuNTkgNy42M1E1Ny45MSA0Ljc4IDYwIDQuNzh0My40MSAyLjg1TDc5LjA3IDM5LjMgMTE0IDQ0LjM4cTMuOS42MyAzLjkgMy4yYTUgNSAwIDAxLTEuODEgMy4zNHoiIGNsYXNzPSJjb2xvcmZmZiBzdmdTaGFwZSI+PC9wYXRoPjxwYXRoIGZpbGw9IiNkNGIwMTEiIGQ9Ik0xMTcuOSA0Ny41OHEwLTIuNTgtMy45LTMuMkw3OS4wNyAzOS4zIDYzLjQxIDcuNjNRNjIuMDkgNC43OCA2MCA0Ljc4dC0zLjQxIDIuODVMNDAuOTMgMzkuMyA2IDQ0LjM4cS0zLjkuNjMtMy45IDMuMmE1LjMgNS4zIDAgMDAxLjc0IDMuMzRsMjUuMzMgMjQuNjMtNiAzNC43OWExMS4zIDExLjMgMCAwMC0uMTQgMS4zOSA0LjEgNC4xIDAgMDAuNzMgMi40NyAyLjUzIDIuNTMgMCAwMDIuMTkgMSA1LjkgNS45IDAgMDAyLjc4LS44M0w2MCA5OGwzMS4yNSAxNi40MmE1LjYzIDUuNjMgMCAwMDIuNzguODRxMi44NiAwIDIuODYtMy40OGExMC41NCAxMC41NCAwIDAwLS4wNy0xLjM5bC02LTM0Ljc5IDI1LjI2LTI0LjYzYTUgNSAwIDAwMS44Mi0zLjM5ek04MS4yMyA3Mi40Mmw1IDI5LjNMNjAgODcuODdsLTI2LjMxIDEzLjg1IDUuMDgtMjkuMy0yMS4yOS0yMC42NyAyOS4zNy00LjMxTDYwIDIwLjg1bDEzLjE1IDI2LjU5IDI5LjM3IDQuMzF6IiBjbGFzcz0iY29sb3JENEIwMTEgc3ZnU2hhcGUiPjwvcGF0aD48L3N2Zz48L2c+PC9zdmc+); background-repeat: repeat-x; background-size: 15px; bottom: 0; content: ""; display: block; height: 15px; left: 0; position: absolute; right: 0; text-indent: 10000px; top: 0; } .shorex-card-container .feefo-rating .star-rating::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAgMTIwIj48cGF0aCBkPSJNMCAwdjEyMGgxMjBWMHptMTE2LjA5IDUwLjkyTDkwLjgzIDc1LjU1bDYgMzQuNzlhMTAuNTQgMTAuNTQgMCAwMS4wNyAxLjM5cTAgMy40OC0yLjg2IDMuNDhhNS42MyA1LjYzIDAgMDEtMi43OC0uODRMNjAgOThsLTMxLjI1IDE2LjM4YTUuOSA1LjkgMCAwMS0yLjc4LjgzIDIuNTIgMi41MiAwIDAxLTIuMTktMSA0LjEgNC4xIDAgMDEtLjczLTIuNDcgMTEuMyAxMS4zIDAgMDEuMTQtMS4zOWw2LTM0Ljc5TDMuODQgNTAuOTJhNS4zIDUuMyAwIDAxLTEuNzQtMy4zNHEwLTIuNTggMy45LTMuMmwzNC45My01LjA4TDU2LjU5IDcuNjNRNTcuOTEgNC43OCA2MCA0Ljc4dDMuNDEgMi44NUw3OS4wNyAzOS4zIDExNCA0NC4zOHEzLjkuNjMgMy45IDMuMmE1IDUgMCAwMS0xLjgxIDMuMzR6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExNy45IDQ3LjU4cTAtMi41OC0zLjktMy4yTDc5LjA3IDM5LjMgNjMuNDEgNy42M1E2Mi4wOSA0Ljc4IDYwIDQuNzh0LTMuNDEgMi44NUw0MC45MyAzOS4zIDYgNDQuMzhxLTMuOS42My0zLjkgMy4yYTUuMyA1LjMgMCAwMDEuNzQgMy4zNGwyNS4zMyAyNC42My02IDM0Ljc5YTExLjMgMTEuMyAwIDAwLS4xNCAxLjM5IDQuMSA0LjEgMCAwMC43MyAyLjQ3IDIuNTMgMi41MyAwIDAwMi4xOSAxIDUuOSA1LjkgMCAwMDIuNzgtLjgzTDYwIDk4bDMxLjI1IDE2LjQyYTUuNjMgNS42MyAwIDAwMi43OC44NHEyLjg2IDAgMi44Ni0zLjQ4YTEwLjU0IDEwLjU0IDAgMDAtLjA3LTEuMzlsLTYtMzQuNzkgMjUuMjYtMjQuNjNhNSA1IDAgMDAxLjgyLTMuMzl6TTgxLjIzIDcyLjQybDUgMjkuM0w2MCA4Ny44N2wtMjYuMzEgMTMuODUgNS4wOC0yOS4zLTIxLjI5LTIwLjY3IDI5LjM3LTQuMzFMNjAgMjAuODVsMTMuMTUgMjYuNTkgMjkuMzcgNC4zMXoiIGZpbGw9IiNENEIwMTEiLz48L3N2Zz4=); background-repeat: repeat-x; background-size: 15px; bottom: 0; content: ""; display: block; height: 15px; left: 0; position: absolute; right: 0; top: 0; width: 75px; } .shorex-card-container .review-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; color: #333; font-size: 0.875rem; line-height: 1.2; margin-top: 2px; } .shorex-card-container .shorex-card-port, .shorex-card-container .shorex-card-dates, .shorex-card-container .shorex-card-price, .shorex-card-container .shorex-card-description, .shorex-card-container .shorex-card-noPrice { margin: 15px 0 0 0; } .shorex-card-container .shorex-card-alert { margin-bottom: 10px; } .shorex-card-container .shorex-card-outOfStock { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 18px; line-height: 1.125rem; font-size: 1em; padding: 12px 30px; position: relative; z-index: 1; overflow: hidden; border-radius: 1.375rem; font-family: 'GreycliffCF-bold'; min-width: 150px; background: rgba(237, 241, 247, .85); border: 1px solid transparent; color: #666666; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; opacity: .9; } .shorex-card-container .shorex-card-outOfStock:before { content: none; } .shorex-card-container .shorex-card-notOnSale { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 18px; line-height: 1.125rem; font-size: 1em; padding: 12px 30px; position: relative; z-index: 1; overflow: hidden; border-radius: 1.375rem; font-family: 'GreycliffCF-bold'; min-width: 150px; background: rgba(237, 241, 247, .85); border: 1px solid transparent; color: #666666; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; opacity: .9; } .shorex-card-container .shorex-card-notOnSale:before { content: none; } .shorex-card-container .cta-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: 0 20px 20px 20px; margin-top: auto; clear: both; } .shorex-card-container .cta-content:before { content: ''; display: table; } .shorex-card-container .cta-content:after { content: ''; display: table; clear: both; } .shorex-card-container .cta-block { margin-top: 20px; } .top-banner { position: absolute; padding: 5px 15px; left: 20px; top: 20px; } .slick-slide .shorex-card-container .card-component { margin: 0; width: 100%; } & .favourites .title-container { min-height: auto; } & .favourites .shorex-card-container .shorex-card-price { height: auto; } & .favourites .shorex-card-container .shorex-card-price .currencySymbol {/* margin-top: auto;*/ font-size: 0.625rem; } & .favourites .shorex-card-container .shorex-card-price { font-size: 0.75rem; margin-top: 0px; } @media (min-width: 768px){ .shorex-card-container .shorex-card { text-align: left; } .shorex-card-container .cta-addToCart a { line-height: 1.125rem; } .shorex-card-container .title-container { min-height: 56px; } .shorex-card-container .shorex-card-dates { right: 39px; top: 30px; text-align: center; width: 16%; } .shorex-card-container .card-container .bottom-block .price-text { padding: 8px; } .favourites { .shorex-card-container .title-container { min-height: auto; } } .favourites .shorex-card-price { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .favourites .shorex-card-price .currencySymbol { font-size: 1.375rem !important; } .favourites .shorex-card-price { font-size: 1.5625rem !important; margin-top: 0px; } .favourites .shorex-card-price .price-text { font-size: 0.875rem; } } @media (min-width: 1025px){ .shorex-card-container .shorex-card { text-align: left; } .shorex-card-container .cta-addToCart a { line-height: 1.125rem; } .shorex-card-container .cta-block { padding: 0; } .shorex-card-container .shorex-card-dates { top: 40px; } } .shorex-card-container { /* border-bottom: 2px solid var(--color-secondary2); border-left: 2px solid var(--color-secondary2); border-right: 2px solid var(--color-secondary2); */ background-color: #FFFFFF; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, .2); box-shadow: 0 0 10px rgba(51, 51, 51, .2); border: none; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; -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 } .shorex-card-container .top-banner { 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) { .shorex-card-container .top-banner { font-size: 1rem; line-height: 1.375rem; } } .shorex-card-container .top-banner { background: #002776; color: #FFFFFF; font-size: 1rem; text-transform: uppercase; } .shorex-card-container { .top-alert { top: 60px !important; } } .shorex-card-container .shorex-card-port { 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) { .shorex-card-container .shorex-card-port { font-size: 1rem; line-height: 1.375rem; } } .shorex-card-container .shorex-card-description { 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) { .shorex-card-container .shorex-card-description { font-size: 1rem; line-height: 1.375rem; } } .shorex-card-container .shorex-card-description {/* max-height: 66px; overflow: hidden;*/ } .shorex-card-container .shorex-card-alert { position: absolute; padding: 5px 15px; left: 20px; top: 20px; font-family: 'PraxisCom-Regular'; background: #B10F26; color: #FFFFFF; font-size: 16px; font-size: 1rem; text-transform: uppercase; font-size: 0.875rem; font-size: .875rem; line-height: 24px; line-height: 1.5rem; } .shorex-card-container .cta-block .primary-cta { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1em; padding: 12px 30px; position: relative; z-index: 1; overflow: hidden; border-radius: 1.375rem; -webkit-text-decoration-color: #002776; text-decoration-color: #002776; font-family: 'GreycliffCF-bold'; cursor: pointer; min-width: 150px; text-transform: uppercase; background: #FFFFFF; border: 1px solid transparent; color: #002776; text-decoration: underline; white-space: nowrap; -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: underline; line-height: 12px; line-height: 0.75rem; -webkit-transition: background .3s, border .5s ease-out, -webkit-text-decoration .5s ease-out; transition: background .3s, border .5s ease-out, -webkit-text-decoration .5s ease-out; transition: background .3s, border .5s ease-out, text-decoration .5s ease-out; transition: background .3s, border .5s ease-out, text-decoration .5s ease-out, -webkit-text-decoration .5s ease-out; } .shorex-card-container .cta-block .primary-cta:hover { color: #011949; background: #FFFFFF; border: 1px solid #011949; text-decoration: underline; } .shorex-card-container .cta-block .secondary-cta { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1em; padding: 12px 30px; position: relative; z-index: 1; overflow: hidden; border-radius: 1.375rem; font-family: 'GreycliffCF-bold'; cursor: pointer; min-width: 150px; text-transform: uppercase; background: #B10F26; border: 1px solid transparent; color: #FFFFFF; text-decoration: underline; white-space: nowrap; -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; } .shorex-card-container .cta-block .secondary-cta:hover { background: #b0263a; } @media (min-width: 768px){ .shorex-card-container { height: 100% } .shorex-card-container .shorex-card-description { font-size: 0.875rem; } .shorex-card-container .cta-block .primary-cta { line-height: 1.125rem; } } @media (min-width: 1025px){ .shorex-card-container .top-banner { 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) { .shorex-card-container .top-banner { font-size: 1rem; line-height: 1.375rem; } } @media (min-width: 1025px){ .shorex-card-container .top-banner { background: #002776; color: #FFFFFF; font-size: 1rem; text-transform: uppercase; } } .dining-card-container { position: relative; margin: 10px } .dining-card-container .content-holder { padding: 22px 13px 25px 13px; } .dining-card-container .cta-content { padding: 0px 28px 0px 29px; margin-bottom: 25px; } .dining-card-container .type { position: relative; vertical-align: top; display: inline-block; margin-bottom: 25px; } .dining-card-container .type:before { font-family: 'Icomoon'; display: inline-block; vertical-align: top; font-size: 1.375rem; margin-right: 10px; } .dining-card-container .title-container { min-height: 45px; } .dining-card-container .card-container .bottom-block { min-height: 190px; } .dining-card-container .text-content { margin-bottom: 0; } .dining-card-container .dining-card-description {/* max-height: 66px; overflow: hidden;*/ font-size: 0.75rem; clear: left; margin-bottom: 10px; } .dining-card-container .dining-card-outOfStock { opacity: .3; float: right; } .dining-card-container .dining-card-outOfStock:before { content: none; } .dining-card-container .top-banner { position: absolute; padding: 5px 15px; left: 20px; top: 20px; } .dining-card-container .cta-content:before { content: ''; display: table; } .dining-card-container .cta-content:after { content: ''; display: table; clear: both; } .dining-card-container .cta-block { text-align: center; } .dining-card-container .cta-block+.cta-block { text-align: center; } .dining-card-container .cta-block a { display: block; text-align: center; } .slick-slide .dining-card-container .card-component { margin: 0; width: 100%; } @media (min-width: 768px){ .dining-card-container { text-align: left } .dining-card-container .title-container { margin-bottom: 20px; width: 70%; min-height: 56px; } .dining-card-container .cta-content { margin-bottom: 30px; } .dining-card-container { .bookOnBoard { font-size: 19.2px; font-size: 1.2rem; line-height: 1.5; } } } @media (min-width: 1025px){ .dining-card-container .dining-card { text-align: left; } .dining-card-container .cta-block { padding: 0; } .dining-card-container .cta-content { padding: 0px 33px 0px 33px; margin-bottom: 25px; } .dining-card-container .content-holder { padding: 22px 30px 25px 30px; } .dining-card-container .cta-addToCart a { line-height: 1.125rem; } } .dining-card-container { border-bottom: 2px solid #F2F0E8; border-left: 2px solid #F2F0E8; border-right: 2px solid #F2F0E8 } .dining-card-container .top-banner { 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) { .dining-card-container .top-banner { font-size: 1rem; line-height: 1.375rem; } } .dining-card-container .top-banner { background: #002776; color: #FFFFFF; font-size: 1rem; text-transform: uppercase; } .dining-card-container .type { 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) { .dining-card-container .type { font-size: 1rem; line-height: 1.375rem; } } .dining-card-container .type:before { color: #988642; } .dining-card-container {/* & .type.bookableOnBoard { color: var(--color-primary1); }*/ } .dining-card-container .type.additional:before { content: '\E930'; } .dining-card-container .type.included:before { content: '\E92F'; } .dining-card-container .dining-card-description { 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) { .dining-card-container .dining-card-description { font-size: 1rem; line-height: 1.375rem; } } .dining-card-container .bookOnBoard { 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) { .dining-card-container .bookOnBoard { font-size: 1.125rem; line-height: 1.125rem; } } .dining-card-container .bookOnBoard { text-transform: uppercase; color: #666666; background: #EDF1F7; border-radius: 30px; padding: 14px 0px 13px 0px; font-style: normal; font-family: 'GreycliffCF-medium'; margin-bottom: 22px; font-weight: 600; font-size: 0.875rem; line-height: 1.0625rem; } .dining-card-container .comingSoon { 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) { .dining-card-container .comingSoon { font-size: 1.125rem; line-height: 1.125rem; } } .dining-card-container .comingSoon { text-transform: uppercase; color: #666666; background: #EDF1F7; border-radius: 30px; padding: 14px 0px 13px 0px; font-style: normal; font-family: 'GreycliffCF-medium'; margin-bottom: 22px; font-weight: 700; font-size: 0.875rem; line-height: 1.0625rem; } .dining-card-container .noBookingsNeeded { 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) { .dining-card-container .noBookingsNeeded { font-size: 1.125rem; line-height: 1.125rem; } } .dining-card-container .noBookingsNeeded { text-transform: uppercase; color: #666666; background: #EDF1F7; border-radius: 30px; padding: 14px 0px 14px 0px; font-style: normal; font-family: 'GreycliffCF-medium'; margin-bottom: 22px; font-weight: 700; font-size: 0.875rem; line-height: 1.0625rem; } .dining-card-container .cta-block a { text-transform: uppercase; color: #FFFFFF; background: #B10F26; padding: 14px 0px 14px 0px; border-radius: 30px; font-style: normal; font-size: 0.875rem; line-height: 1.0625rem; font-family: 'GreycliffCF-medium'; font-weight: 700px; margin-bottom: 22px; } .dining-card-container .cta-block a .primary-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) { .dining-card-container .cta-block a .primary-cta { font-size: 1.125rem; line-height: 1.125rem; } } .dining-card-container .cta-block a .primary-cta { 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; } .dining-card-container .cta-block a .primary-cta:hover { color: #3e90cf; } .dining-card-container .cta-block a .primary-cta:hover:before { background: #3e90cf; } .dining-card-container .cta-block a .primary-cta:active, .dining-card-container .cta-block a .primary-cta:focus { color: #005ea6; } .dining-card-container .cta-block a .primary-cta:active:before, .dining-card-container .cta-block a .primary-cta:focus:before { background: #005ea6; } @media (min-width: 768px) { .dining-card-container .cta-block a .primary-cta { font-size: 1.125rem; } } .dining-card-container .cta-block a .primary-cta:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .dining-card-container .cta-block a .primary-cta { color: #002776; } .dining-card-container .cta-block a .primary-cta:hover, .dining-card-container .cta-block a .primary-cta:visited { color: #3966bf; } .dining-card-container .cta-block a .primary-cta:hover:before, .dining-card-container .cta-block a .primary-cta:visited:before { background: #3966bf; } .dining-card-container .cta-block a .primary-cta:active, .dining-card-container .cta-block a .primary-cta:focus { color: #0038a8; } .dining-card-container .cta-block a .primary-cta:active:before, .dining-card-container .cta-block a .primary-cta:focus:before { background: #0038a8; } .dining-card-container .cta-block a .primary-cta { font-size: 0.8125rem; } @media (min-width: 768px) { .dining-card-container .cta-block a .primary-cta { font-size: 1rem; } } @media (min-width: 1025px) { .dining-card-container .cta-block a .primary-cta { font-size: 1.125rem; } } .dining-card-container .cta-block a.primary-cta:before { display: none; } .dining-card-container .cta-block .cta-addToCart { font-size: 0.8125rem; } @media (min-width: 768px) { .dining-card-container .cta-block .cta-addToCart { font-size: 1rem; } } @media (min-width: 1025px) { .dining-card-container .cta-block .cta-addToCart { font-size: 1.125rem; } } .sliderViewed .dining-card-container .cta-block.dining-variant-title { display: none; } @media (min-width: 768px){ .dining-card .dining-card-description { font-size: 0.875rem; } .dining-card-container .bookOnBoard { margin-bottom: 28px; } .dining-card-container .comingSoon { margin-bottom: 28px; } .dining-card-container .noBookingsNeeded { margin-bottom: 28px; } .dining-card-container .cta-block a { margin-bottom: 28px; } } @media (min-width: 1025px){ .dining-card .top-banner { 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) { .dining-card .top-banner { font-size: 1rem; line-height: 1.375rem; } } @media (min-width: 1025px){ .dining-card .top-banner { background: #002776; color: #FFFFFF; font-size: 1rem; text-transform: uppercase; } .dining-card-container .bookOnBoard { padding: 12px 0px 13px 0px; margin-bottom: 25px; font-weight: 700; font-size: 1rem; line-height: 1.1875rem; } .dining-card-container .comingSoon { padding: 12px 0px 13px 0px; margin-bottom: 25px; font-weight: 700; font-size: 1rem; line-height: 1.1875rem; } .dining-card-container .noBookingsNeeded { padding: 12px 0px 13px 0px; margin-bottom: 25px; font-weight: 700; font-size: 1rem; line-height: 1.1875rem; } .dining-card-container .cta-block a { padding: 12px 0px 13px 0px; margin-bottom: 25px; font-weight: 700; font-size: 1rem; line-height: 1.1875rem; } } .spa-card-container { position: relative; margin: 10px } .spa-card-container .type { position: relative; vertical-align: top; display: inline-block; margin-bottom: 25px; } .spa-card-container .type:before { content: "\E90C"; font-family: 'Icomoon'; display: inline-block; vertical-align: top; font-size: 1.375rem; margin-right: 10px; } .spa-card-container .content-holder { padding: 30px 30px 0 30px; } .spa-card-container .card-container .bottom-block { min-height: 190px; } .spa-card-container .text-content { margin-bottom: 0; } .spa-card-container .spa-card-description { //min-height: 66px; font-size: 0.75rem; clear: left; margin-bottom: 10px; } .spa-card-container .top-banner { position: absolute; padding: 5px 15px; left: 20px; top: 20px; } .spa-card-container .cta-content { clear: both; padding: 0 30px 40px 30px; } .spa-card-container .cta-content:before { content: ''; display: table; } .spa-card-container .cta-content:after { content: ''; display: table; clear: both; } .spa-card-container .cta-block { float: left; } .spa-card-container .cta-block+.cta-block { float: right; } .spa-card-container .cta-block a { display: block; } .sliderViewed .shorex-card-noPrice { height: 0; } .shorex-card-dates { margin-bottom: 10px; } .slick-slide .spa-card-container .card-component { margin: 0; width: 100%; } @media (min-width: 768px){ .spa-card { text-align: left } .spa-card .title-container { min-height: 56px; margin-bottom: 20px; width: 70%; } } @media (min-width: 1025px){ .spa-card { text-align: left; } } .spa-card-container { border-bottom: 2px solid #F2F0E8; border-left: 2px solid #F2F0E8; border-right: 2px solid #F2F0E8 } .spa-card-container .top-banner { 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) { .spa-card-container .top-banner { font-size: 1rem; line-height: 1.375rem; } } .spa-card-container .top-banner { background: #002776; color: #FFFFFF; font-size: 1rem; text-transform: uppercase; } .spa-card-container .type { 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) { .spa-card-container .type { font-size: 1rem; line-height: 1.375rem; } } .spa-card-container .type:before { color: #988642; } .spa-card-container {/* & .type.bookableOnBoard { color: var(--color-primary2); &:before { color: var(--color-primary2); } }*/ } .spa-card-container .type.additional:before { content: "\E930"; } .spa-card-container .type.Additional:before { content: "\E930"; } .spa-card-container .spa-card-description { 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) { .spa-card-container .spa-card-description { font-size: 1rem; line-height: 1.375rem; } } .spa-card-container .cta-block 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) { .spa-card-container .cta-block a { font-size: 1.125rem; line-height: 1.125rem; } } .spa-card-container .cta-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; } .spa-card-container .cta-block a:hover { color: #3e90cf; } .spa-card-container .cta-block a:hover:before { background: #3e90cf; } .spa-card-container .cta-block a:active, .spa-card-container .cta-block a:focus { color: #005ea6; } .spa-card-container .cta-block a:active:before, .spa-card-container .cta-block a:focus:before { background: #005ea6; } @media (min-width: 768px) { .spa-card-container .cta-block a { font-size: 1.125rem; } } .spa-card-container .cta-block a:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .spa-card-container .cta-block a { font-size: 0.8125rem; } @media (min-width: 768px) { .spa-card-container .cta-block a { font-size: 1rem; } } @media (min-width: 1025px) { .spa-card-container .cta-block a { font-size: 1.125rem; } } .spa-card-container .cta-block a.primary-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) { .spa-card-container .cta-block a.primary-cta { font-size: 1.125rem; line-height: 1.125rem; } } .spa-card-container .cta-block a.primary-cta { 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; } .spa-card-container .cta-block a.primary-cta:hover { color: #3e90cf; } .spa-card-container .cta-block a.primary-cta:hover:before { background: #3e90cf; } .spa-card-container .cta-block a.primary-cta:active, .spa-card-container .cta-block a.primary-cta:focus { color: #005ea6; } .spa-card-container .cta-block a.primary-cta:active:before, .spa-card-container .cta-block a.primary-cta:focus:before { background: #005ea6; } @media (min-width: 768px) { .spa-card-container .cta-block a.primary-cta { font-size: 1.125rem; } } .spa-card-container .cta-block a.primary-cta:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .spa-card-container .cta-block a.primary-cta { color: #002776; } .spa-card-container .cta-block a.primary-cta:hover, .spa-card-container .cta-block a.primary-cta:visited { color: #3966bf; } .spa-card-container .cta-block a.primary-cta:hover:before, .spa-card-container .cta-block a.primary-cta:visited:before { background: #3966bf; } .spa-card-container .cta-block a.primary-cta:active, .spa-card-container .cta-block a.primary-cta:focus { color: #0038a8; } .spa-card-container .cta-block a.primary-cta:active:before, .spa-card-container .cta-block a.primary-cta:focus:before { background: #0038a8; } .spa-card-container .cta-block a.primary-cta { font-size: 0.8125rem; } @media (min-width: 768px) { .spa-card-container .cta-block a.primary-cta { font-size: 1rem; } } @media (min-width: 1025px) { .spa-card-container .cta-block a.primary-cta { font-size: 1.125rem; } } .spa-card-container .cta-block a.primary-cta:before { background: #002776; } @media (min-width: 768px){ .spa-card .spa-card-description { font-size: 0.875rem; } } @media (min-width: 1025px){ .spa-card .top-banner { 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) { .spa-card .top-banner { font-size: 1rem; line-height: 1.375rem; } } @media (min-width: 1025px){ .spa-card .top-banner { background: #002776; color: #FFFFFF; font-size: 1rem; text-transform: uppercase; } } .three-up-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .three-up-container:before { content: ''; display: table; } .three-up-container:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .three-up-container { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .three-up-container { padding-left: 60px; padding-right: 60px; } } .three-up-container { padding: 0; } .three-up-container .destination-tile-cards { margin-right: auto; margin-top: 20px; width: 100%; } .three-up-container .destination-tile-cards:before { content: ''; display: table; } .three-up-container .destination-tile-cards:after { content: ''; display: table; clear: both; } .three-up-container .empty-section { margin-top: 0 !important; } .three-up-container .terms-conditions { text-align: center; padding-top: 40px; } .three-up-container .description-container { margin-bottom: 20px; } .three-up-container.col-3 .slick-track { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .three-up-container.col-3 .slick-slide { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; //height: auto; } .three-up-container.col-2 .destination-tile-card { width: auto; } .slick-slide .shorex-card .card-container { margin-bottom: 0; } /* @import 'mobile-landscape.css' (--mobile-landscape); */ @media (min-width: 768px){ .three-up-container { padding: 0 } .three-up-container .destination-tile-cards { margin-top: 20px; } .three-up-container .terms-conditions { padding: 40px 40px 0 40px; } .three-up-container .description-container { display: block; } .three-up-container.col-3 .unslicked .destination-tile-wrapper { width: 33.333%; } .three-up-container.col-2 .unslicked .destination-tile-wrapper { width: 33.333%; } } @media (min-width: 981px){ .three-up-container .unslicked { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1025px){ .three-up-container { padding: 0 60px } .three-up-container .destination-tile-cards { margin-top: 25px; } .three-up-container.col-2 .unslicked { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .three-up-container .terms-conditions { text-align: center; font-size: 0.875rem; } .three-up-container .terms-conditions a { color: #666666; } .three-up-container .title-component { padding: 0; } .three-up-container .destination-tile-card .panel-text { padding-bottom: 20px; } .three-up-container .content-holder, .three-up-container .text-content, .three-up-container .card-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .three-up-container .destination-tile-card { -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-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .three-up-container .destination-tile-wrapper { -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; } @media (min-width: 768px){ .three-up-container .destination-tile-card .price-block { border: none; } .three-up-container .destination-tile-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 1025px){ .three-up-container .destination-tile-card .panel-text { padding-bottom: 0; } .three-up-container .price-block { width: 50%; } } .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; } } .three-up-container .terms-conditions { text-align: center; font-size: 0.875rem; } .three-up-container .terms-conditions a { color: #666666; } .three-up-container .destination-tile-card .panel-text { padding-bottom: 20px; } .three-up-container .content-holder, .three-up-container .text-content, .three-up-container .card-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .three-up-container .destination-tile-card { -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-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .three-up-container .destination-tile-wrapper { -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; } .react-component.sliderViewed { .three-up-container .slick-track { margin-block: 20px; } } .react-component.sliderViewed .destination-tile-wrapper { -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; height: inherit; } .react-component.sliderViewed .destination-tile-wrapper .dining-card-container .title-container { width: 100%; } .react-component.sliderViewed .destination-tile-wrapper .dining-card-container .cta-block { & .secondary-cta, .bookOnBoard { display: none; } } .react-component.sliderViewed .destination-tile-wrapper .dining-card-container .cta-block .primary-cta { color: #002776; background: #FFFFFF; margin: 0; } .react-component.sliderViewed .destination-tile-wrapper { & .dining-card-container, .spa-card-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, .2); box-shadow: 0 0 10px rgba(51, 51, 51, .2); border: none; .content-holder { padding: 20px 20px 0; } .cta-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: 0px 20px 20px 20px; margin-top: auto; clear: both; margin-bottom: 0px; } .cta-block { float: unset; .primary-cta { line-height: 18px; line-height: 1.125rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1em; padding: 12px 30px; position: relative; z-index: 1; overflow: hidden; border-radius: 1.375rem; -webkit-text-decoration-color: #002776; text-decoration-color: #002776; font-family: 'GreycliffCF-bold'; cursor: pointer; min-width: 150px; text-transform: uppercase; background: #FFFFFF; border: 1px solid transparent; color: #002776; text-decoration: underline; white-space: nowrap; -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: underline; -webkit-transition: background .3s, border .5s ease-out, -webkit-text-decoration .5s ease-out; transition: background .3s, border .5s ease-out, -webkit-text-decoration .5s ease-out; transition: background .3s, border .5s ease-out, text-decoration .5s ease-out; transition: background .3s, border .5s ease-out, text-decoration .5s ease-out, -webkit-text-decoration .5s ease-out } .primary-cta:hover { color: #011949; background: #FFFFFF; border: 1px solid #011949; text-decoration: underline; } .primary-cta:before { width: unset; } } } } .react-component.sliderViewed .destination-tile-wrapper .spa-card-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; .card-container { .title { width: 100%; } } } .react-component.sliderViewed .destination-tile-wrapper .shorex-card-container { height: 100%; .shorex-card-noPrice, .shorex-card-outOfStock { display: none; } .cta-block { margin-top: 0; } } .three-up-container .destination-tile-card .price-block { border: none; } .three-up-container .destination-tile-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .three-up-container .destination-tile-card .panel-text { padding-bottom: 0; } .three-up-container .price-block { width: 50%; } .three-up-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .three-up-container:before { content: ''; display: table; } .three-up-container:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .three-up-container { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .three-up-container { padding-left: 60px; padding-right: 60px; } } .three-up-container { padding: 0; } .three-up-container .destination-tile-cards { margin-right: auto; margin-top: 20px; width: 100%; } .three-up-container .destination-tile-cards:before { content: ''; display: table; } .three-up-container .destination-tile-cards:after { content: ''; display: table; clear: both; } .three-up-container .terms-conditions { text-align: center; padding-top: 40px; } .three-up-container .description-container { margin-bottom: 20px; } .three-up-container.col-3 .slick-track { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .three-up-container.col-3 .slick-slide { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;/* height: 100%;*/ } .three-up-container.col-2 .destination-tile-card { width: auto; } .slick-slide .shorex-card .card-container { margin-bottom: 0; } /* @import 'mobile-landscape.css' ( --mobile-landscape ); */ @media (min-width: 768px){ .three-up-container { padding: 0 } .three-up-container .destination-tile-cards { margin-top: 20px; } .three-up-container .terms-conditions { padding: 40px 40px 0 40px; } .three-up-container.col-3 .unslicked .destination-tile-wrapper { width: 33.333%; } .three-up-container.col-2 .unslicked .destination-tile-wrapper { width: 33.333%; } } @media (min-width: 981px){ .three-up-container .unslicked { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1025px){ .three-up-container { padding: 0 60px } .three-up-container .destination-tile-cards { margin-top: 45px; } .three-up-container .empty-section { margin-top: 0 !important; } .three-up-container.col-2 .unslicked { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .packages-detail { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .packages-detail:before { content: ''; display: table; } .packages-detail:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .packages-detail { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .packages-detail { padding-left: 60px; padding-right: 60px; } } .packages-detail { text-align: left; } .packages-detail .packages-list { margin: 0; } .packages-detail .packages-list:before { content: ''; display: table; } .packages-detail .packages-list:after { content: ''; display: table; clear: both; } .package-details__package:before { content: ''; display: table } .package-details__package:after { content: ''; display: table; clear: both } .package-details__package:last-child { margin-bottom: 0; } .package-details__package:last-child .package__open-accordion span::before { content: none; } .packages-detail__package--title { text-align: left; padding: 30px 30px 0 } .packages-detail__package--title span { display: inline-block; } .packages-detail__package--title img { display: none; } .packages-detail__package--details .package__description { padding: 0 30px; } .packages-detail__package--details .package__description .package-list-detail-price-group { display: block; font-family: 'PraxisCom-Bold'; } .packages-detail__package--details .package__open-accordion { border-top: 0; padding: 20px 0; margin: 0 30px; display: block; text-align: left; position: relative; text-decoration: none; } .packages-detail__package--details .package__open-accordion span::before { width: auto; left: 30px; right: 30px; } .packages-detail__package--details .package__open-accordion span::after { font-family: 'Icomoon'; speak: none; bottom: 25px; left: auto; right: 10px; position: absolute; display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .packages-detail__package--details .package__open-accordion.open span::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .packages-detail__package--details .package__accordion { display: none; padding: 30px; } .packages-detail__package--details .package__accordion.visible { display: block; } .packages-detail__package--details .package__accordion li { list-style: none; margin-bottom: 10px; } .packages-detail__package--details .package__accordion 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; } .package-details__package { position: relative } .package-details__package.fav_available .favouriteIcon { top: 5px; right: 20px; } .package-details__package.fav_available .packages-detail__package--title { padding-top: 52px; } @media (min-width: 768px){ .packages-detail { text-align: left } .packages-detail .packages-list { padding: 40px; margin: 0 40px; } .package-details__package { margin-bottom: 50px; } .packages-detail__package--title { width: calc(99.9% * 2/10); margin-left: calc(99.9% * (-1/10 * -1) - (30px - 30px * (-1/10 * -1)) + 30px) !important; text-align: center; padding: 0 } .packages-detail__package--title:nth-child(1n) { float: left; margin-right: 0; clear: none } .packages-detail__package--title:last-child { margin-right: 0 } .packages-detail__package--title:nth-child(0n) { float: right } .packages-detail__package--title span { display: inline-block; line-height: 1.5; } .packages-detail__package--title img { width: 125px; height: 125px; border-radius: 50%; display: block; margin: 0 auto 15px; background: grey; } .packages-detail__package--details { width: calc(99.9% * 5/10); margin-left: calc(99.9% * (-1/10 * -1) - (30px - 30px * (-1/10 * -1)) + 30px) !important } .packages-detail__package--details:nth-child(1n) { float: left; margin-right: 0; clear: none } .packages-detail__package--details:last-child { margin-right: 0 } .packages-detail__package--details:nth-child(0n) { float: right } .packages-detail__package--details .package__description { padding: 0; margin-bottom: 15px; } .packages-detail__package--details .package__description .package-list-detail-price-group { margin-bottom: 10px; } .packages-detail__package--details .package__description .package-list-detail-price-group .divider { display: inline-block; width: 1px; height: 14px; margin: 0 5px; } .packages-detail__package--details .package__open-accordion { display: none; } .packages-detail__package--details .package__accordion { display: block; padding: 0; } .packages-detail__package--details .package__accordion li { display: inline-block; margin-right: 10px; width: calc(50% - 10px); margin-bottom: 7px; } .package-details__package { position: relative } .package-details__package.fav_available .favouriteIcon { top: -35px; right: 20px; } .package-details__package.fav_available .packages-detail__package--title { padding: 0; } .package-details__package.fav_available .packages-detail__package--details { padding-top: 10px; } } @media (min-width: 981px){ .packages-detail .packages-list { padding: 70px 0px; margin: 0 60px; } .package-details__package { position: relative } .package-details__package.fav_available { top: -10px; right: 40px; } .package-details__package.fav_available .packages-detail__package--title { padding: 0; padding-top: 10px; } .package-details__package.fav_available .packages-detail__package--details { padding-top: 10px; } } @media (min-width: 1025px){ .packages-detail .packages-list { padding: 70px 0px; margin: 0 60px; } .package-details__package { position: relative } .package-details__package.fav_available { top: 0px; right: 40px; } .package-details__package.fav_available .packages-detail__package--title { padding: 0; padding-top: 0px; } .package-details__package.fav_available .packages-detail__package--details { padding-top: 5px; } } .packages-detail .packages-list { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; background: #EDF1F7; } .packages-detail__package--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; margin-bottom: 20px; } .packages-detail__package--details { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666 } .packages-detail__package--details .package__description .package-list-detail-price-group { 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) { .packages-detail__package--details .package__description .package-list-detail-price-group { font-size: 1rem; line-height: 1.375rem; } } .packages-detail__package--details .package__description .package-list-detail-price-group { font-family: 'PraxisCom-Bold'; } .packages-detail__package--details .package__open-accordion span { 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) { .packages-detail__package--details .package__open-accordion span { font-size: 1.125rem; line-height: 1.125rem; } } .packages-detail__package--details .package__open-accordion span { 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; } .packages-detail__package--details .package__open-accordion span:hover { color: #3e90cf; } .packages-detail__package--details .package__open-accordion span:hover:before { background: #3e90cf; } .packages-detail__package--details .package__open-accordion span:active, .packages-detail__package--details .package__open-accordion span:focus { color: #005ea6; } .packages-detail__package--details .package__open-accordion span:active:before, .packages-detail__package--details .package__open-accordion span:focus:before { background: #005ea6; } @media (min-width: 768px) { .packages-detail__package--details .package__open-accordion span { font-size: 1.125rem; } } .packages-detail__package--details .package__open-accordion span:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .packages-detail__package--details .package__open-accordion span { color: #0076CE; position: static; text-transform: uppercase; } .packages-detail__package--details .package__open-accordion span::before { background-color: #d3def0; } .packages-detail__package--details .package__open-accordion span::after { content: "\E903"; color: #0076CE; } .packages-detail__package--details .package__open-accordion.open+.package__accordion { background-color: #d3def0; } .packages-detail__package--details .package__open-accordion.open span::before { content: none; } .packages-detail__package--details .package__accordion li::before { content: "\E902"; color: #002776; } @media (min-width: 768px){ .packages-detail__package--details .package__open-accordion.open+.package__accordion { background-color: #EDF1F7; } } /* @import 'desktop.css' ( --desktop ); */ .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%; } } .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; } } .package-container { padding: 0 10px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; margin-top: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .package-container:before { content: ''; display: table; } .package-container:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .package-container { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .package-container { padding-left: 60px; padding-right: 60px; } } .package-container .package-wrapper { background: rgba(255, 255, 255, .00); -webkit-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, .25); box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, .25); padding: 30px 20px; width: 100%; max-width: 350px; position: relative; min-height: 100px; margin-bottom: 24px; } .package-container .package-wrapper .package-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) { .package-container .package-wrapper .package-title { font-size: 2.5rem; line-height: 1.25; } } .package-container .package-wrapper .package-title { font-family: 'GreycliffCF-bold'; line-height: 2rem; } .package-container .package-wrapper .package-description { color: #002776; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; font-weight: 600; line-height: 1.375rem; margin-top: 20px; display: inherit; } .package-container .package-wrapper .package-features { list-style: none; margin-top: 12px; } .package-container .package-wrapper .package-features li:before { color: #002776; font-family: 'Icomoon'; content: "\E949"; font-size: 1.0625rem; } .package-container .package-wrapper .package-features li { gap: 8px; -js-display: flex; -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; } .package-container .package-wrapper .margin-cta { margin-bottom: 70px; } .package-container .package-wrapper .package-price { height: auto; font-family: 'GreycliffCF-bold'; color: #988642; font-size: 1.5625rem; line-height: 1.2; height: 30px; -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 20px; margin-bottom: 55px; } .package-container .package-wrapper .package-price .currencySymbol {/* margin-top: auto;*/ font-size: 1.18669rem; } .package-container .package-wrapper .package-price .currency-label { font-size: 0.923rem; font-family: 'GreycliffCF-light'; margin-left: 4px; } .package-container .package-wrapper .package-price .price { font-size: 1.58225rem; } .package-container .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) { .package-container .cta-container .primaryCta { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .package-container .cta-container .primaryCta:hover { background: #b0263a; } .package-container .cta-container .primaryCta:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .package-container .cta-container .primaryCta:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .package-container .cta-container .primaryCta { border-radius: 10px !important; } .package-container .cta-container .disabledCta { background: rgba(237, 241, 247, .85); border: 1px solid transparent; color: #666666; font-family: 'GreycliffCF-bold'; border-radius: 10px !important; } .package-container .cta-container .package-button { 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; border-radius: 16px; } .package-container .link { background-color: unset; padding: 0; margin: 0; -ms-flex-item-align: start; align-self: flex-start; } .package-container .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; } .package-container .button { position: absolute; bottom: 18px; left: 20px; right: 20px; } @media (min-width: 768px){ .package-container { padding: 0 46px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .package-container .package-wrapper { width: 38%; margin-right: 15px; margin-left: 15px; margin-bottom: 31px; min-height: 500px; } .package-container .package-wrapper .package-title { font-size: 1.5rem; } } @media (min-width: 1025px){ .package-container { padding: 0 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; .package-wrapper { width: 26%; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; min-height: 500px; } } & .link a { font-size: 0.875rem; line-height: 1.375rem; } & .cta-container .primaryCta { margin: unset; } } .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; } }