/* 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; } .priceInfoModal { overflow: hidden; #react-aria-modal-dialog { display: block; padding: 0 20px } #react-aria-modal-dialog .closeButtonWrapper { width: unset; height: unset; line-height: unset; right: 10px; display: inline; } #react-aria-modal-dialog .closeButtonWrapper .close { float: unset; height: 25px; width: 25px; line-height: unset; background-color: #F2F4F8; border-radius: 50%; position: absolute; right: 10px; cursor: pointer; } #react-aria-modal-dialog .closeButtonWrapper .close::after { margin-left: 0; font-size: 0.75rem; } #react-aria-modal-dialog .closeButtonWrapper .close .close-label { display: none; } #react-aria-modal-dialog .modal-content-wrapper .modal-content { width: 100%; } } } @media (min-width: 1025px) { .aria-modal { margin: auto; min-height: 600px; background: #FFFFFF } .aria-modal .close-label { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .aria-modal .modal-content { overflow-y: auto; } .aria-modal .modal-close-wrap { border: none; height: 80px; line-height: 5rem; } .aria-modal .close:after { font-size: 1.75rem; line-height: 1.875rem; } .aria-modal { .modal-content-wrapper { min-width: 100%; min-height: 100%; margin: 0; padding: 0; } } .aria-modal-underlay { padding: 40px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .knt-tmp-empty-css{ display: block; } .prev-btn span, .next-btn span { text-indent: -9999px; display: inline-block; } .custom-dropdown-wrapper { text-align: left; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; z-index: 9; border: 1px solid transparent } .custom-dropdown-wrapper .dropdown-toggle { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; border: none; position: relative; display: block; width: auto; display: inline-block; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 40px; } .custom-dropdown-wrapper .dropdown-toggle:after { content: '\E902'; font-family: 'Icomoon'; position: absolute; width: 30px; height: 30px; line-height: 1.875rem; top: 50%; right: 0; font-size: 0.625rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #002776; text-align: center; } .custom-dropdown-wrapper.open { border: 1px solid #F2F0E8; background: #FAF9F7; z-index: 999; } .custom-dropdown-wrapper.open .dropdown-toggle:after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .custom-dropdown-wrapper.open .dropdown-menu { background: #FAF9F7; padding: 10px 20px; } .custom-dropdown-wrapper .dropdown-item { display: block; padding: 10px 25px; font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; text-decoration: none; } .custom-dropdown-wrapper .dropdown-item:hover { color: #0076CE; } .show .sort-dropdown-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: #FAF9F7; overflow: auto } .show .sort-dropdown-overlay .action-bar { background: #fff; } .show .sort-dropdown-overlay .custom-dropdown-wrapper { width: 100%; } .show .sort-dropdown-overlay .custom-dropdown-wrapper .dropdown-toggle { display: none; } .show-focus-outlines .custom-dropdown-wrapper button[aria-expanded="false"]:focus { outline: #002776 auto 1px; } .show-focus-outlines .custom-dropdown-wrapper .dropdown-item:focus { outline: #002776 auto 1px; } /*@import '../components/commons/carouselControls/index.css';*/ /* Media Queries ---------------------------*/ /*@custom-media --smvp ( max-width: 375px); @custom-media --mvp ( min-width: 376px); @custom-media --tbvp ( min-width: 600px); @custom-media --lgvp ( min-width: 769px); @custom-media --xlgvp ( min-width: 1481px);*/ /* Max-width */ /* Navigation Media Queries ---------------------------*/ :root { /* Widths */ /* Colors */ /* PNO colors */ /* WHITE */ /* ROUGE */ /* NAVY BLUE */ /* GOLD */ /* GRAY */ /* GRAY */ /* Brand Global Header Color */ /* ROUGE */ /* BLUE */ /* PAMAPAS */ /* RED */ /* DEEP NAVY */ /* FUN BLUE */ /* FUN BLUE Light*/ /* FUN BLUE Lighter*/ /*BORDER BLUE*/ /* for internet packages we dont have existing colour code * / /*BORDER BLUE*/ /* Transparent Colors */ /* Fonts */ /* PNO Fonts */ /*--font-body1: 'NeutraText-book'; --font-body1-demi: 'NeutraText-demi'; --font-body2: 'NeutraText-book'; --font-body2-demi: 'NeutraText-demi'; --font-body3: 'NeutraText-book'; --font-body3-text-demi: 'NeutraText-demi'; --font-small-text: 'NeutraText-book'; --font-cta: 'NeutraDisplay-bold'; --font-cta-medium: 'NeutraDisplay-medium'; --font-cta-sabon: 'Sabon-roman'; --font-cta-demi: 'NeutraText-demi'; --font-cta-SabonLTStd-Italic: 'Sabon-italic'; --font-cta-book: 'NeutraText-book'; --font-italic: 'Sabon-italic'; --font-bold: 'NeutraText-bold'; --font-legend: 'NeutraDisplay-bold'; --font-neutra-text-bold: 'NeutraText-bold'; --font-neutra-text-demi: 'NeutraText-demi';*/ /* Opaque backgrounds */ /* LIGHT BLACK */ /* BLUE */ /* DEEP BLACK */ /* WHITE */ /* Media Image Background*/ /* DEEP BLUE */ /* OVERLAY BLUE */ /* Box shadow*/ /* New Shorex Common variable */ /* Icons */ /* Gradient */ /*transition*/ } /* stylelint-disable */ /* No need for mixin file */ :root { /* Fonts Mixins */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /*cta primary light blue*/ /*cta primary rouge*/ /* BUTTONS HAVING DARK BACKGROUND*/ /* BUTTONS OUTLINE*/ /* cta secondary blue with underline */ /* cta secondary blue with arrow */ /* cta secondary blue with arrow view more */ /* Box Shadow */ /* Flex Box */ /* Input - Checkbox */ /* Input - Text */ /* Rotate 45 deg */ /* reset default button style */ /* Ribbon */ /* Apply blue outline on focus */ /* Carousel controls */ /* paginator controls */ /* Component margin */ /* Bottom margin for components */ /* Custom component padding for cruise-detail page components */ /* Custom padding top for cruise-details page components */ /* Grid */ /* Usage : .component-inner-wrap { @mixin grid-wrap;} */ /* define max-height HetoTile */ /* Input Field styles with error states */ /* mixin product Row */ /* Box Sizing */ /* responsive font size of card cta */ } /* stylelint-enable */ /* Global Components */ /*@import 'carnival/themes/hal/styles/pages/commonComponents/index.css';*/ /*@import 'variables.css';*/ .wrapper { background: #FFFFFF; } .global-header-login { 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-login .globalHeaderLogin { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .global-header-login .menu-bar span { display: block; } .global-header-login .nav-brand-logo { text-align: center; } .global-header-login .brand-logo { display: block; } .global-header-login .brand-logo:focus { z-index: 999; position: relative; } @media (min-width: 768px) { .global-header-login { height: 85px; } } @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 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 animateLogo { 0% { top : 10px; } 100% { top : 0; } } @keyframes animateLogoReverse { 0% { top : 0;} 100% { top : 10px;} } @keyframes animateLogoDesktop { 0% { top:35px;} 100% { top:0px;} } @keyframes animateLogoReverseDesktop { 0% { top:0px;} 100% { top:35px;} } @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 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-login { background: #FFFFFF } .global-header-login:before { content: ""; display: block; position: absolute; bottom: 0; height: 57px; width: 100%; border-top: 2px solid rgba(237, 241, 247, .85); } .global-header-login .global-header-aux { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .global-header-login .global-header-aux:before { content: ''; display: table; } .global-header-login .global-header-aux:after { content: ''; display: table; clear: both; } @media (min-width: 768px) { .global-header-login .global-header-aux { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1025px) { .global-header-login .global-header-aux { padding-left: 60px; padding-right: 60px; } } .global-header-login .global-header-aux { position: relative; z-index: 1; width: 100%; height: 55px; } .global-header-login .menu-bar, .global-header-login .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-login .menu-bar-small, .global-header-login .main-nav-container .menu-bar { height: 55px; } .global-header-login .nav-brand-logo { width: 100px; margin: 0; text-align: left; top: 10px; left: 5px; position: relative; } .global-header-login .brand-logo img { max-width: 107px; height: 39px; width: auto; margin: 0; z-index: 4; position: relative; } .global-header-login .menu-bar-small .nav-call-btn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: absolute; right: 64px; } .global-header-login .menu-bar-small .nav-brand-logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .global-header-login .menu-bar-small .nav-toggle-btn { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .global-header-login.scrolled .menu-bar-small:after { width: 0; left: 0; } .global-header-login .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) ); } .global-header-login .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; } @media (min-width: 768px) { .knt-tmp-empty-css{ display: block; } .global-header-login .global-header-aux { height: 85px; } .global-header-login .nav-brand-logo { width: 180px; left: 15px; } .global-header-login .brand-logo img { max-width: 180px; height: 68px; } .global-header-login .nav-Curve { height: 52px; width: 290px; } .global-header-login .main-nav-container .menu-bar, .global-header-login .menu-bar-small { height: 90px; } .global-header-login .main-nav-container .menu-bar:after, .global-header-login .menu-bar-small:after { left: -10px; } .global-header-login .nav-Curve { left: 25px; height: 160px; } } @media (min-width: 1025px) { .global-header-login { height: 181px; border: none; background-color: transparent; display: block } .global-header-login .global-header-aux { height: 181px; } .global-header-login {/* &:before { content: ""; display: block; position: absolute; bottom: 0; height: 58px; width: 100%; border-top: 3px solid rgba(237,241,247,.85); }*/ } .global-header-login:after { content: ""; position: absolute; width: 100%; background: #FFFFFF; top: 0; bottom: 58px; display: inline-block; } .global-header-login .nav-brand-logo { width: 211px; position: absolute; left: -30px; top: 35px; padding: 20px 15px; } .global-header-login .nav-brand-logo a::before { height: 80px; left: -23px; top: -27px; } .global-header-login .menu-bar-small { position: relative; display: table-cell; width: auto; padding: 0; vertical-align: middle; z-index: 9; } .global-header-login .menu-bar-small .nav-call-btn { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .global-header-login .menu-bar-small .nav-brand-logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .global-header-login .nav-Curve { height: 195px; width: 245px; top: 5px; left: -45px; } .global-header-login .brand-logo img { max-width: 211px; height: 77px; } .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-login { -webkit-transition: all .3s ease; transition: all .3s ease } .global-header-login:before, .global-header-login:after { -webkit-transition: all .3s ease; transition: all .3s ease; } .global-header-login .secondary-nav { -webkit-transition: all .3s ease; transition: all .3s ease; } .global-header-login .utility-nav-container { -webkit-transition: all .3s ease; transition: all .3s ease; } .global-header-login .nav { -webkit-transition: all .3s ease; transition: all .3s ease; } .scrolled .global-header-login { /*position: fixed;*/ top: 0; height: 159px } .scrolled .global-header-login:before { height: 50px; -webkit-transition: all .3s ease; transition: all .3s ease; background: rgba(237, 241, 247, 1); } .scrolled .global-header-login:after { bottom: 50px; -webkit-transition: all .3s ease; transition: all .3s ease; } .scrolled .global-header-login .secondary-nav { height: 50px; line-height: 3.125rem; -webkit-transition: all .3s ease; transition: all .3s ease; } .scrolled .global-header-login .utility-nav-container { margin-bottom: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .scrolled .global-header-login .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); } } .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 (min-width: 768px) { .knt-tmp-empty-css{ display: block; } } @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; } } html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b,strong { font-weight: bolder } code,kbd,samp { font-family: monospace,monospace; font-size: 1em } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button,input { overflow: visible } button,select { text-transform: none } [type=button],[type=reset],[type=submit],button { -webkit-appearance: button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox],[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } [hidden],template { display: none } @font-face { font-family: Icomoon; src: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/icomoon.woff) format("woff"),url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/icomoon.woff2) format("woff2"),url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/icomoon.ttf) format("truetype") } @font-face { font-family: GreycliffCF-light; src: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/GreycliffCF-Light.otf),url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/GreycliffCF-Light.woff) } @font-face { font-family: GreycliffCF-medium; src: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/GreycliffCF-Medium.otf),url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/GreycliffCF-Medium.woff) } @font-face { font-family: GreycliffCF-bold; src: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/GreycliffCF-Bold.otf),url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/GreycliffCF-Bold.woff) } @font-face { font-family: Praxis-regular; src: url("/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/Praxis LT Regular.eot"),url("/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/Praxis LT Regular.woff") } @font-face { font-family: Praxis-semibold; src: url("/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/Praxis LT Semibold.otf"),url("/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/fonts/Praxis LT Semibold.woff") } body { -webkit-font-smoothing: antialiased; } img,video { width: 100% } .code { color: #fff; font-size: 0.875rem; font-size: .875rem; display: block; background-color: #000; border: 2px solid gray; padding: 5px; margin: 5px 0 } h1 { font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { h1 { font-size:2.5rem; line-height: 1.25 } } h2 { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { h2 { font-size:1.875rem; line-height: 1.333 } } h3 { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { h3 { font-size:1.5rem; line-height: 1.333 } } h4 { font-family: GreycliffCF-medium; -webkit-font-feature-settings: "case" 1; font-size: 19px; font-size: 1.1875rem; line-height: 1.21; letter-spacing: 0; color: #002776; font-feature-settings: "case" 1; font-weight: 400 } @media (min-width: 768px) { h4 { font-size:1.5625rem; line-height: 1.28 } } h5 { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { h5 { font-size:1.375rem; line-height: 1.363 } } .h1 { font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .h1 { font-size:2.5rem; line-height: 1.25 } } .h2 { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .h2 { font-size:1.875rem; line-height: 1.333 } } .h3 { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .h3 { font-size:1.5rem; line-height: 1.333 } } .h4 { font-family: GreycliffCF-medium; -webkit-font-feature-settings: "case" 1; font-size: 19px; font-size: 1.1875rem; line-height: 1.21; letter-spacing: 0; color: #002776; font-feature-settings: "case" 1; font-weight: 400 } @media (min-width: 768px) { .h4 { font-size:1.5625rem; line-height: 1.28 } } .h5 { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .h5 { font-size:1.375rem; line-height: 1.363 } } .body1 { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .body1 { font-size:1.125rem; line-height: 1.555 } } .body2 { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .body2 { font-size:1rem; line-height: 1.625 } } .body2-demi { font-family: Praxis-semibold; font-size: 16px; font-size: 1rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .body3 { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .body3 { font-size:.875rem; line-height: 1.5rem } } .body-text-small { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .body-text-small { font-size:.75rem } } .cta-primary { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .cta-primary { font-size:1rem; width: auto; border-radius: 10px } } .cta-primary:hover { background: #b0263a } .cta-primary.active,.cta-primary:active,.cta-primary:focus { background: #b10f26 } .cta-primary.disabled,.cta-primary[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .cta-disabled { background: #fff; color: #ccc; border: 1px solid #ccc; cursor: auto; pointer-events: none } .cta-disabled:active,.cta-disabled:focus,.cta-disabled:hover { background: #fff; outline: none } .cta-secondary { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .cta-secondary { font-size:1.125rem; border-radius: 15px } } .cta-secondary { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .cta-secondary:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .cta-secondary:after { font-size:1.125rem } } .cta-secondary:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .cta-secondary:after { font-size:.75rem } } @media (min-width: 768px) { .cta-secondary { font-size:1rem } } .cta-light { font-family: Praxis-regular; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.08rem; letter-spacing: .08rem } @media (min-width: 768px) { .cta-light { font-size:1rem } } .cta-font { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .cta-font { font-size:1.125rem; border-radius: 15px } } .btn-cta { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .btn-cta { font-size:1.125rem; border-radius: 15px } } .btn-primary { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .btn-primary { font-size:1rem; width: auto; border-radius: 10px } } .btn-primary:hover { background: #b0263a } .btn-primary.active,.btn-primary:active,.btn-primary:focus { background: #b10f26 } .btn-primary.disabled,.btn-primary[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .sabon-italic { font-family: Praxis-regular } .cta-demi { font-family: Praxis-semibold } .cta-book { font-family: Praxis-regular } .cta-bold { font-family: GreycliffCF-bold } .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; z-index: 99999; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .sr-only.skip-to-content:focus { font-size:.875rem; line-height: 1.5rem } } .sr-only.skip-to-content:focus { color: #002776 } .global-footer-container .sr-only.skip-to-content:focus { color: #fff } .currency i { font-style: normal; font-size: 70%; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; position: relative; bottom: 1px } .disclaimer-text { font-size: 0.625rem; font-size: .625rem; font-family: Praxis-regular } @media (min-width: 768px) { .disclaimer-text { font-size:.75rem } } .legal-container { color: #666; text-decoration: none } .react-component { margin-bottom: 50px } .react-component.accordionList,.react-component.alertMessaging,.react-component.bookNowModule,.react-component.cartAbandonment,.react-component.checkoutHeader,.react-component.cruiseDetailHeader,.react-component.favoritesShoreX,.react-component.footer,.react-component.footerQuote,.react-component.globalHeader,.react-component.inclusions,.react-component.itinerarySummary,.react-component.legalGateway,.react-component.pricingInfoModule,.react-component.searchResults,.react-component.secondaryNavigation,.react-component.securityFooter,.react-component.storyRotator,.react-component.summaryDetailsModule,.react-component.titleH1,.react-component.vacationProtectionBanner { margin: 0 } .alert-header-wrapper { -webkit-transition: top .4s cubic-bezier(.215,.61,.355,1); transition: top .4s cubic-bezier(.215,.61,.355,1); position: absolute } @media (min-width: 768px) { .alert-header-wrapper { position:fixed } } .alert-header-wrapper { top: 0; width: 100%; z-index: 999 } .wcmEditModeEnabled,.wcmEditModeEnabled.marginBody { margin-top: 0; padding-top: 0 } .wcmEditModeEnabled .alert-header-wrapper { position: static } .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden } body:not(.show-focus-outlines) :focus { outline: none } .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 } .styelguide .cta-secondary-down:after,.styelguide .cta-secondary-up: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 (min-width: 768px) { .marginBody { padding-top:90px } } @media (min-width: 1025px) { .marginBody { padding-top:120px } } .common-input-group { .input-label.sr-only { position: relative } } .common-input-group .input-label { font-family: Praxis-regular; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .common-input-group .input-label { font-size:.875rem; line-height: 1.5rem } } .common-input-group .input-label { font-family: Praxis-semibold; visibility: hidden; min-height: 20px; margin: 0; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; display: block } @media (min-width: 768px) { .common-input-group .input-label { margin:0 0 5px } } .common-input-group input[type=email],.common-input-group input[type=password],.common-input-group input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none } .common-input-group .input-error-wrapper input { color: #666; width: 100% } .common-input-group .input-label.show { visibility: visible } .common-input-group .input-error-wrapper { position: relative; max-width: 438px } .common-input-group .input-field { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .common-input-group .input-field { font-size:1.125rem; line-height: 1.555 } } .common-input-group .input-field { font-family: GreycliffCF-bold; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; height: 55px; margin-bottom: 0; padding: 10px 10px 10px 20px; border: 1px solid #a6b4cf; border-radius: 1px; -webkit-font-feature-settings: unset; font-feature-settings: unset; font-size: 16px; font-size: 1rem } @media (min-width: 768px) { .common-input-group .input-field { font-size:.875rem; max-width: 438px } } .common-input-group input[type=email]:focus,.common-input-group input[type=number]:focus,.common-input-group input[type=password]:focus,.common-input-group input[type=text]:focus { background-color: hsla(0, 0%, 100%, .4) } .common-input-group .input-error-wrapper input:-moz-read-only { background-color: hsla(0, 0%, 100%, .4) } .common-input-group .input-error-wrapper input:read-only { background-color: hsla(0, 0%, 100%, .4) } .common-input-group input::-webkit-input-placeholder { font-size: 0.75rem; font-size: .75rem } .common-input-group input::-moz-placeholder { font-size: 0.75rem; font-size: .75rem } .common-input-group input::-ms-input-placeholder { font-size: 0.75rem; font-size: .75rem } .common-input-group input::placeholder { font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .common-input-group input::-webkit-input-placeholder { font-size:1rem } .common-input-group input::-moz-placeholder { font-size: 1rem } .common-input-group input::-ms-input-placeholder { font-size: 1rem } .common-input-group input::placeholder { font-size: 1rem } } @media (min-width: 1025px) { .common-input-group input::-webkit-input-placeholder { font-size:1.125rem } .common-input-group input::-moz-placeholder { font-size: 1.125rem } .common-input-group input::-ms-input-placeholder { font-size: 1.125rem } .common-input-group input::placeholder { font-size: 1.125rem } } .common-input-group input::-webkit-input-placeholder { font-family: GreycliffCF-bold } .common-input-group input::-moz-placeholder { font-family: GreycliffCF-bold } .common-input-group input::-ms-input-placeholder { font-family: GreycliffCF-bold } .common-input-group input::placeholder { font-family: GreycliffCF-bold } .common-input-group input::-ms-placeholder { font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .common-input-group input::-ms-placeholder { font-size:1rem } } @media (min-width: 1025px) { .common-input-group input::-ms-placeholder { font-size:1.125rem } } .common-input-group input::-ms-placeholder { font-family: GreycliffCF-bold } .common-input-group.show-error input { border-color: #e30513; color: #e30513 } .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 } .common-input-group.show-error input::-moz-placeholder { color: #e30513 } .common-input-group.show-error input::-ms-input-placeholder { color: #e30513 } .common-input-group.show-error input::placeholder { color: #e30513 } .common-input-group.show-error input::-ms-placeholder { color: #e30513 } .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+PHN0eWxlPi5jbHMtMXtmaWxsOiNFMzA1MTM7fS5jbHMtMSwuY2xzLTJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5HbG9iYWxIZWFkZXJfSGFtYnVyZ2VyX0Nsb3NlZF9JY29uPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOC41LDBBMTguNSwxOC41LDAsMSwxLDAsMTguNSwxOC41LDE4LjUsMCwwLDEsMTguNSwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIwLjI0LDE4LjQ0LDI0LjksMjMuMSwyNC44MSwyNWwtMS43LS4wOS00LjY2LTQuNjYtNC41Nyw0LjZIMTIuMTFWMjNsNC41Ni00LjU5LTQuNi00LjZWMTIuMDZoMS43OWw0LjYsNC42TDIzLjA3LDEybDEuODcuMDktLjA5LDEuN1oiLz48L3N2Zz4=); text-indent: -9999px; font-size: 0 } .common-input-group .input-error-wrapper .error-image.show-image:focus { outline: 1px auto #3b99fc } .common-input-group .error-msg { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .common-input-group .error-msg { font-size:.75rem } } .common-input-group .error-msg { color: #e30513; visibility: hidden; display: block; margin: 0; min-height: 20px } @media (min-width: 768px) { .common-input-group .error-msg { font-size:.75rem; margin-top: 5px } } .common-input-group .error-msg.show-msg { visibility: visible } .image-lazy-loader { display: inline } .image-lazy-loader.spinner { display: block; background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/loading-icon.gif) 50% no-repeat; min-height: 70px; background-size: 70px; background-color: transparent } .hide-overflow { overflow: hidden } .amp-controls .amp-share { display: none } .amp-controls .amp-time-display { font-size: 16px; font-size: 1rem } @media (min-width: 768px) { .amp-controls .amp-time-display { font-size:1.125rem } } @media (min-width: 1025px) { .amp-controls .amp-time-display { font-size:.65625rem } } .amp-controls .amp-icon.amp-control { font-size: 18px; font-size: 1.125rem } @media (min-width: 768px) { .amp-controls .amp-icon.amp-control { font-size:1.5rem } } @media (min-width: 1025px) { .amp-controls .amp-icon.amp-control { font-size:.875rem } } .aria-modal { color: #000 } .aria-modal,.aria-modal .modal-content { background-color: #fff } .aria-modal .close { font-family: Praxis-regular; color: #666; background-color: transparent } .aria-modal .close-label { display: none } .aria-modal .back-to-top { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .aria-modal .back-to-top { font-size:1.125rem; border-radius: 15px } } .aria-modal .back-to-top { text-decoration: underline; color: #0076ce; cursor: pointer } .aria-modal-underlay { background-color: rgba(0, 0, 0, .54) } .aria-modal-underlay.content-modal { background-color: #fff } .aria-modal-underlay .aria-modal .close { color: #fff } .aria-modal-underlay .aria-modal .close:after { font-size: 25px; font-size: 1.5625rem } @media (min-width: 768px) { .aria-modal .close { font-size:1rem } } @media (min-width: 1025px) { .aria-modal .close { color:#fff } .aria-modal .close-label { overflow: hidden; text-indent: 101%; white-space: nowrap } } .slick-slider { -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,.slick-slider { position: relative; display: block } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-slider .slick-track { -webkit-transform: translateZ(0); transform: translateZ(0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after,.slick-track:before { 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 } .next-btn span,.prev-btn span { text-indent: -9999px; display: inline-block } .alert-messaging-inner-container { padding: 11px 18px; display: block; -webkit-animation: none 0s ease 0s 1 normal none running; animation: none 0s ease 0s 1 normal none running; -webkit-animation: initial; animation: initial; min-height: 55px; position: relative } .alert-messaging-inner-container p { margin: 0 } .alert-messaging-inner-container a { text-decoration: underline } .alert-messaging-inner-container .alert-icon { float: left; width: 18px; margin-right: 7px; height: 18px } .alert-messaging-inner-container .alert-text { width: 62%; display: inline-block } .alert-messaging-inner-container .close { width: 25%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; float: right; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0; overflow: hidden; position: absolute; top: 0; right: 0 } .alert-messaging-inner-container .close-icon { float: right; width: 35px; height: 35px; margin-top: -4px } @-webkit-keyframes slideInFromTop { 0% { margin-top: -100px } 50% { margin-top: -50px } to { margin-top: 0 } } @keyframes slideInFromTop { 0% { margin-top: -100px } 50% { margin-top: -50px } to { margin-top: 0 } } @media (min-width: 768px) { .alert-messaging-inner-container { padding:18px 37px 18px 40px } .alert-messaging-inner-container .close { width: auto } .alert-messaging-inner-container .alert-text { width: 80% } .alert-messaging-inner-container .alert-icon { margin-right: 15px } .alert-messaging-inner-container .close { right: 25px } } @media (min-width: 1025px) { .alert-messaging-inner-container { padding:18px 56px 18px 60px } .alert-messaging-inner-container .alert-icon { display: inline-block; width: 20px; height: 20px; float: none; vertical-align: top; margin-top: 2px } .alert-messaging-inner-container .alert-text { width: auto; max-width: 80% } .alert-messaging-inner-container .close { right: 33px } } .alert-messaging-container { background: #f2f0e8; border-bottom: 1px solid #fff; z-index: 2; position: relative } .alert-messaging-inner-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .alert-messaging-inner-container:before { content: ""; display: table } .alert-messaging-inner-container:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .alert-messaging-inner-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .alert-messaging-inner-container { padding-left:40px; padding-right: 40px } } .alert-messaging-inner-container { border-bottom: none } .alert-messaging-inner-container .alert-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .alert-messaging-inner-container .alert-text { font-size:.875rem; line-height: 1.5rem } } .alert-messaging-inner-container .alert-text { background-color: inherit; width: calc(100% - 50px); letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem } .alert-messaging-inner-container a { font-size: inherit; color: #002776; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; letter-spacing: 0.0625rem; letter-spacing: .0625rem; font-family: Praxis-regular } .alert-messaging-inner-container .close { background-color: transparent; border: none; width: 40px } .alert-messaging-inner-container .alert-icon:after { margin-top: 3px; content: "\E922"; color: #002776 } .alert-messaging-inner-container .alert-icon:after,.alert-messaging-inner-container .close-icon:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 10px; height: 10px; font-size: 20px; font-size: 1.25rem } .alert-messaging-inner-container .close-icon:after { content: "\E906"; margin-right: 10px; color: #666 } .alert-messaging-inner-container .close-label { display: none } @media (min-width: 768px) { .alert-messaging-inner-container .alert-icon { margin-top:0 } .alert-messaging-inner-container .close-icon { margin-top: 8px } .alert-messaging-inner-container .alert-text { width: calc(100% - 80px) } .alert-messaging-inner-container .close-icon:after { margin-right: 4px } } .title-component { width: 100%; clear: both; padding: 0 0 25px } .title-component .inner-container { max-width: 240px; margin-left: auto; margin-right: auto } .title-component .inner-container:before { content: ""; display: table } .title-component .inner-container:after { content: ""; display: table; clear: both } .title-component .title { text-align: center; margin: 0 0 20px; font-weight: 400 } .title-component p { text-align: center; margin: 20px auto 0 } .title-component .title-decorator-top { display: none } .title-component .title-decorator { display: block; width: 100%; text-align: center; clear: both } .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 .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 .title { margin: 0 0 25px } .title-component p { margin: 45px auto 0 } } @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 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 .title { margin-bottom: 14px; color: #002776 } .title-component .title-decorator-bottom { display: none } .title-component .icon-heading { display: block; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxODUgMTM1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxODUgMTM1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6Izk3ODAzNDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODIuOCwxMTNjLTI1LTMuMi01Ny45LTUuNS02MC45LTExLjFjMC0wLjMtMC4zLTAuNC0wLjMtMC40YzAtNS4yLDIxLjEtMTkuNyw0My4yLTM0LjFjMC4zLTAuMywwLTAuNC0wLjMtMC4zCgljLTIzLjgsMTEuOC00Ni44LDIzLjgtNTAuMiwyMS40Yy0wLjctMC40LTAuNy0xLjQtMC45LTIuNWMtMC4zLTUuMiw4LjYtMjYuOCwyMS40LTQ5LjFjMC4zLTAuMy0wLjMtMC40LTAuMy0wLjMKCWMtMTUuOSwyMy42LTI5LjMsNDQuMS0zNC4zLDQzLjJjLTQuNS0wLjktNy00MS40LTcuOS03Ny43YzAtMC4zLDAtMC4zLTAuMy0wLjNsMCwwYzAsMC0wLjMsMC0wLjMsMC4zYy0wLjksMzYuMy0zLjQsNzctNy45LDc3LjcKCWMtNS4yLDAuOS0xOC42LTE5LjYtMzQuMy00My4yYy0wLjMtMC4zLTAuNCwwLTAuMywwLjNDNjEuNyw1OS4yLDcwLjgsODAuNyw3MC42LDg2YzAsMS4xLTAuMywyLjEtMC45LDIuNQoJYy0zLjYsMi41LTI2LjMtOS4zLTUwLjItMjEuNGMtMC4zLTAuMy0wLjQsMC4zLTAuMywwLjNjMjIuMywxNC4zLDQzLjIsMjguOSw0My4yLDM0LjFjMCwwLjMsMCwwLjQsMCwwLjQKCWMtMy4yLDUuOS0zNi4yLDguMi02MC45LDExLjFjLTAuNCwwLTAuMywwLjMsMCwwLjNjMTUuOSwwLjMsMjUsMC4zLDQ3LjcsMC43YzUuNywwLDUuNSwwLDE0LjEsMC40YzcuNywwLjQsMTIuNywxLjEsMTYuOCwzLjQKCWM2LjIsMy4yLDkuMSw4LjIsMTAuNCwxMC45YzEuMSwyLjEsMS40LDMuMiwxLjgsNC4zYzAsMC4zLDAuMywwLjMsMC4zLDAuM2MwLjMsMCwwLjMsMCwwLjMtMC4zYzAuMy0wLjksMC43LTIuMSwxLjgtNC4zCgljMS40LTIuNyw0LjMtNy43LDEwLjQtMTAuOWM0LjEtMi4zLDguOS0zLDE2LjgtMy40YzguNi0wLjQsOC40LTAuNCwxNC4xLTAuNGMyMi43LTAuNywzMS44LTAuNyw0Ny43LTAuNwoJQzE4MywxMTMuMywxODMuMywxMTMuMiwxODIuOCwxMTMgTTkxLjksMTA5LjVMOTEuOSwxMDkuNWMtMTQuOCwwLTI4LjIsMC4zLTM4LjYsMC45YzAuMywwLDUuNy0wLjksOC45LTEuNGMyLjctMC40LDguNC0xLjEsOS4zLTEuMQoJYzAuOS0xMC40LDkuNy0xOC42LDIwLjQtMTguNmwwLDBjMTAuNywwLDE5LjYsOC4yLDIwLjQsMTguNmMxLjEsMC4zLDYuNiwwLjcsOS4zLDEuMWMzLDAuNCw4LjYsMS40LDguOSwxLjQKCUMxMTkuOSwxMTAsMTA2LjUsMTA5LjUsOTEuOSwxMDkuNSIvPgo8L3N2Zz4K) 100%; background-repeat: no-repeat; height: 40px; width: 100%; background-position: 50%; margin: 0 auto 14px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .title-component .description { width: 100% } .title-component .title-decorator.divider-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .title-component .title-decorator.divider-text { font-size:1.125rem; line-height: 1.555 } } .title-component p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .title-component p { font-size:1.125rem; line-height: 1.555 } } .title-component p { margin-bottom: 10px } @media (min-width: 1025px) { .title-component .icon-heading { width:26% } } @media (min-width: 768px) { .title-component .icon-heading { height:40px; margin-bottom: 5px } .title-component .description { margin: 20px auto } } .aria-modal-underlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1050; overflow: hidden; -webkit-overflow-scrolling: touch; text-align: center } .aria-modal { left: 0; right: 0; bottom: 0; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 60px 0 0; display: inline-block; text-align: left; top: 0; cursor: default } .aria-modal .modal-content-wrapper { overflow-x: hidden; overflow-y: auto; padding: 0 40px 25px; height: 100% } .aria-modal .modal-content { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; outline: 0; max-width: 1130px; display: block; width: 100%; height: auto } .aria-modal .modal-close-wrap { position: fixed; top: 0; right: 0; z-index: 1000; overflow: hidden; width: 100% } .aria-modal .close { float: right; padding: 30px; border: none; font-size: 0.75rem; font-size: .75rem; cursor: pointer } .aria-modal .close:after { width: 20px; height: 20px; right: 0; top: 0; content: ""; position: relative } .aria-modal .close-label { opacity: 1; -webkit-transition: all .125s ease-out 0s; transition: all .125s ease-out 0s } .aria-modal .close-label.fade-out { opacity: 0 } .aria-modal .back-to-top { background: none; border: 0; text-align: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto } .aria-modal .amp-video-container { min-width: 500px; min-height: 500px } .modal-video .aria-modal { margin: 0 } .modal-video .aria-modal .modal-content { margin-left: 0; margin-right: 0 } .modal-video .aria-modal .back-to-top { display: none } .hero-recently-viewed .aria-modal .modal-content { max-width: 600px; padding: 125px 0 } .modal-video video::-internal-media-controls-download-button { display: none } .modal-video video::-webkit-media-controls-enclosure { overflow: hidden } .modal-video video::-webkit-media-controls-panel { width: calc(100% + 30px) } .modal-full .modal-content { width: 100%; padding: 0 } .modal-full .modal-content-wrapper { padding: 0 0 25px } .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:focus { outline-offset: 2px } .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: 0; top: 0 } .media-gallery-modal .slide-controls .button.next-btn:before { margin: 0 } .media-gallery-modal .modal-content { position: relative } .media-gallery-modal .close-label { display: none } .media-gallery-modal .aria-modal { margin-top: 0 } .media-gallery-modal .aria-modal,.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 .modal-content-wrapper { width: 100% } .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 .close:after { width: 35px; height: 35px; border-radius: 30px } .media-gallery-modal .aria-modal .close { padding: 45px 25px 25px } .media-gallery-modal .slick-dots { position: fixed; bottom: 40px; padding: 0; margin: 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-gallery-modal { z-index: 999999 } .media-gallery-modal .modal-content { width: 100%; height: auto; margin: 0 } .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: 0 } .media-gallery-modal.multi-media-gallery .aria-modal { width: 100%; height: 100%; padding: 0; margin: 0; max-width: 1920px; background: transparent } .media-gallery-modal.multi-media-gallery .modal-content { height: 100%; max-width: 1920px; overflow: hidden } .media-gallery-modal.multi-media-gallery .modal-content .media-item,.media-gallery-modal.multi-media-gallery .slick-track { height: 100% } .media-gallery-modal.multi-media-gallery .media-item .image-holder,.media-gallery-modal.multi-media-gallery .modal-content .media-item img { width: 100%; height: 100% } .media-gallery-modal.multi-media-gallery .slick-slider .slick-list { min-height: 100% } .media-gallery-modal.multi-media-gallery .carousel-container,.media-gallery-modal.multi-media-gallery .slick-initialized.slick-slider { height: 100% } .media-gallery-modal.multi-media-gallery .see-all { position: fixed; bottom: 62px; width: 100%; text-align: center } .media-gallery-modal.multi-media-gallery .image-holder,.media-gallery-modal.multi-media-gallery .threeSixtyImage-container,.media-gallery-modal.multi-media-gallery .video-container { width: 100%; height: 100% } .media-gallery-modal.multi-media-gallery .threeSixtyImage-container { margin-top: 60px } .media-gallery-modal.multi-media-gallery .amp-video-container,.media-gallery-modal.multi-media-gallery iframe.videoIframe { width: 100%; height: 100% } .media-gallery-modal.multi-media-gallery .aria-modal .close { padding: 5px 5px 25px 25px } @media (min-width: 481px) { .media-gallery-modal .modal-content { height:100% } .media-gallery-modal .modal-content .image-holder img,.media-gallery-modal iframe.videoIframe { height: 100vh; width: auto; margin: 0 auto; display: block } .media-gallery-modal iframe.videoIframe { width: 100vw } } @media (min-width: 768px) { .aria-modal { margin:80px 60px 60px } .aria-modal .modal-content-wrapper { padding: 0 60px 60px } .aria-modal .modal-content { padding: 50px 30px } .aria-modal .close:after { width: 22px; height: 22px } .aria-modal .close { padding: 40px 25px } .aria-modal[aria-label*=gallery] .close { padding: 10px } .content-modal .content-modal-wrapper { padding: 0 120px 120px } .content-modal .aria-modal { margin: 80px 0 0 } .media-gallery-modal .modal-content { height: auto } .media-gallery-modal .modal-content .image-holder img { height: auto; width: 100vw } .media-gallery-modal .aria-modal { margin: 0 } .media-gallery-modal .aria-modal .slide-controls .button { height: 50px; width: 50px } .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-width: 100% } .media-gallery-modal.multi-media-gallery iframe.videoIframe { height: 434px } .media-gallery-modal.multi-media-gallery .threeSixtyImage-container { -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.multi-media-gallery .see-all { bottom: 50px } } @media (min-width: 981px) { .media-gallery-modal .modal-content .image-holder img { height:100vh; width: auto; margin: 0 auto } .media-gallery-modal iframe.videoIframe { width: 100vw; height: 576px; width: 100%; display: block } } @media (min-width: 1025px) { .aria-modal { max-height:100vh; padding: 20px 0 0; margin: 80px auto; width: 88%; max-width: 1130px } .aria-modal .modal-content-wrapper { padding: 0; overflow-y: auto } .aria-modal .modal-content { padding: 30px 30px 50px; margin: 0 auto } .aria-modal .close:after { width: 25px; height: 25px } .aria-modal-underlay { z-index: 9999 } .modal-full .aria-modal .modal-content { max-width: unset } .modal-video .aria-modal { width: 70% } .content-modal .aria-modal { margin: 80px 0; padding: 0; width: 100%; max-width: 100% } .content-modal .modal-content-wrapper { padding: 0 } .content-modal .modal-content { max-width: 100%; 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: 35px } .media-gallery-modal .aria-modal .slide-controls .next-btn { right: 35px } .media-gallery-modal .back-to-top { display: none } .media-gallery-modal .close { top: -50px } .media-gallery-modal .see-all { text-align: right; right: 1%; width: 20%; float: right } .media-gallery-modal .aria-modal { margin-top: 80px } .media-gallery-modal .image-holder,.media-gallery-modal .threeSixtyImage-container,.media-gallery-modal .video-container { width: 1130px; height: 436px } .media-gallery-modal .amp-video-container,.media-gallery-modal iframe.videoIframe { width: 895px; height: 436px; margin: 0 auto } .media-gallery-modal .akamai-full-screen.amp-video-container { width: 100%; height: 100% } .media-gallery-modal .modal-content .carousel-container { text-align: center } .media-gallery-modal .aria-modal { margin: 65px auto 0; height: 436px; width: 1242px } .media-gallery-modal .modal-content { overflow-y: auto } .media-gallery-modal .modal-content .media-item { height: 436px } .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: 587px } .media-gallery-modal.multi-media-gallery .modal-content .media-item { position: static; overflow: hidden } .media-gallery-modal.multi-media-gallery .see-all { bottom: 56px; width: 20%; text-align: right } .media-gallery-modal.multi-media-gallery .grid-caption { max-width: 75% } .media-gallery-modal.multi-media-gallery iframe.videoIframe { height: 100% } .media-gallery-modal.multi-media-gallery .threeSixtyImage-container { display: block } } .copy-block { width: 100%; clear: both; max-width: 1280px; margin-left: auto; margin-right: auto; overflow: hidden } .copy-block:after,.copy-block:before { content: ""; display: table } .copy-block:after { clear: both } .copy-block ul { margin: 0; width: auto } .copy-block p { margin: 0; padding-bottom: 40px } .copy-block .inner-copy-block { width: 99.9%; 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: 30px; padding-right: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -ms-flex-pack: distribute; justify-content: space-around } .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(2n) ul,.copy-block.col-3 .inner-copy-block:nth-child(2n) ul,.copy-block.col-4 .inner-copy-block:nth-child(2n) ul { padding-left: 79px } .copy-block.col-2 .inner-copy-block p,.copy-block.col-3 .inner-copy-block p,.copy-block.col-4 .inner-copy-block p { padding-left: 0; padding-right: 0 } .copy-block .inner-copy-block { padding-right: 0 } .copy-block.col-3 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .copy-block.col-3 .inner-copy-block:nth-child(n)>ul { padding-left: 30px } .copy-block.col-2 .inner-copy-block { width: calc(49.95% - 15px) } .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(2n) { margin-right: 0; float: right } .copy-block.col-2 .inner-copy-block:nth-child(odd) { clear: both } .copy-block.col-3 .inner-copy-block { width: calc(33.3% - 20px) } .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(3n) { margin-right: 0; float: right } .copy-block.col-3 .inner-copy-block:nth-child(3n+1) { clear: both } .copy-block.col-4 .inner-copy-block { width: calc(24.975% - 22.5px) } .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(4n) { margin-right: 0; float: right } .copy-block.col-4 .inner-copy-block:nth-child(4n+1) { clear: both } .copy-block.col-2 .inner-copy-block,.copy-block.col-3 .inner-copy-block,.copy-block.col-4 .inner-copy-block { margin-left: 0!important; margin-right: 0!important } } @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(49.95% - 15px); 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(33.3% - 20px); 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(24.975% - 22.5px); 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(2n) ul,.copy-block.col-3 .inner-copy-block:nth-child(2n) ul,.copy-block.col-4 .inner-copy-block:nth-child(2n) 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 } } .quote-pullout { width: 100%; clear: both; padding-top: 40px; padding-bottom: 40px } .quote-pullout .inner-container { max-width: 242px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .quote-pullout .inner-container:before { content: ""; display: table } .quote-pullout .inner-container:after { content: ""; display: table; clear: both } .quote-pullout p { margin: 0; padding-top: 25px; padding-bottom: 25px } @media (min-width: 768px) { .quote-pullout { padding-top:40px; padding-bottom: 40px } .quote-pullout .inner-container { max-width: 652px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px } .quote-pullout .inner-container:before { content: ""; display: table } .quote-pullout .inner-container:after { content: ""; display: table; clear: both } .quote-pullout p { padding-top: 28px; padding-bottom: 28px } } @media (min-width: 1025px) { .quote-pullout { padding-top:45px; padding-bottom: 45px } .quote-pullout .inner-container { max-width: 668px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 } .quote-pullout .inner-container:before { content: ""; display: table } .quote-pullout .inner-container:after { content: ""; display: table; clear: both } .quote-pullout p { padding-top: 30px; padding-bottom: 30px } } .full-width-image { width: 100%; clear: both; max-width: none; margin-left: auto; margin-right: auto; padding-top: 40px; -webkit-box-sizing: border-box; box-sizing: border-box } .full-width-image:after,.full-width-image:before { content: ""; display: table } .full-width-image:after { clear: both } .full-width-image img { width: 100%; max-height: 600px; -o-object-fit: cover; object-fit: cover } @media (min-width: 768px) { .full-width-image:after,.full-width-image:before { content:""; display: table } .full-width-image:after { clear: both } .modal-content .full-width-image { max-width: 652px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px } .modal-content .full-width-image:before { content: ""; display: table } .modal-content .full-width-image:after { content: ""; display: table; clear: both } } @media (min-width: 1025px) { .full-width-image { padding:50px 0 } .full-width-image:after,.full-width-image:before { content: ""; display: table } .full-width-image:after { clear: both } .modal-content .full-width-image { max-width: 668px; margin-left: auto; margin-right: auto } .modal-content .full-width-image:before { content: ""; display: table } .modal-content .full-width-image:after { content: ""; display: table; clear: both } } .article-container { padding-top: 50px } .article-container.dark-theme { padding: 50px 0 } .article-container .viewmore { overflow: hidden; position: relative; max-height: 300px } .article-container .viewmore:before { display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1 } .article-container .cta-holder { padding-top: 10px; text-align: center } .article-container .title-component { padding-top: 0; padding-bottom: 0 } .article-container .viewmore div:nth-child(n+3) { display: none } .article-modal .title-component { padding-top: 50px } .article-modal .back-to-top { background: none; padding-top: 5px; padding-bottom: 45px; border: 0; width: 200px; text-align: center; left: 50%; position: relative; margin-left: -100px; display: block } .article-modal .modal-content { display: block; padding-top: 50px } .article-modal .copy-block { width: 100%; clear: both; -webkit-box-sizing: border-box; box-sizing: border-box } .article-modal .copy-block:before { content: ""; display: table } .article-modal .copy-block:after { content: ""; display: table; clear: both } .article-modal .copy-block ul { margin: 0 } .article-modal .copy-block p { margin: 0; padding-left: 20px; padding-bottom: 0 } .article-modal .copy-block.single-col .inner-copy-block { width: 100% } .article-modal.aria-modal .title-component { padding-top: 0 } @media (min-width: 768px) { .article-container.dark-theme { padding:100px 0 } .article-container .title-component { padding-bottom: 0 } .article-container .cta-holder { padding-top: 25px } .article-modal .title-component { padding-top: 0 } .article-modal .copy-block { padding-left: 0; padding-right: 0 } .article-modal .copy-block.multi-col .inner-copy-block:nth-child(odd) ul { padding-left: 20px; padding-right: 10px } .article-modal .copy-block.multi-col .inner-copy-block:nth-child(2n) ul { padding-left: 55px } .article-modal .copy-block table { table-layout: fixed; width: 100% } .article-modal .copy-block table td p { padding-bottom: 0 } } @media (min-width: 1025px) { .article-container.dark-theme { padding:100px 0 } .article-container .copy-block { max-width: 668px; margin-left: auto; margin-right: auto; padding: 0 } .article-container .copy-block:before { content: ""; display: table } .article-container .copy-block:after { content: ""; display: table; clear: both } .article-container .copy-block.col-1.dark-theme { padding: 40px } .article-content.viewmore .copy-block { margin-bottom: 0 } .article-modal .title-component { padding-top: 0 } .article-modal .back-to-top { padding: 45px 0; background: none; border: 0; width: 200px; text-align: center; left: 50%; position: relative; margin-left: -100px } .article-modal .modal-content .copy-block.multi-col .inner-copy-block:nth-child(3) ul { padding-left: 42px } .article-modal .copy-block.multi-col .inner-copy-block:nth-child(2n) ul { padding-right: 10px } } .copy-block { -webkit-box-sizing: border-box; box-sizing: border-box } .copy-block p { letter-spacing: 0.035rem; letter-spacing: 0.56px; letter-spacing: .035rem } .copy-block a { color: #011949; text-decoration: underline } .copy-block a img { width: auto } .copy-block.dark-theme { background: #f2f0e8 } .copy-block.col-2 .inner-copy-block:after,.copy-block.col-2:after,.copy-block.col-3 .inner-copy-block:after,.copy-block.col-3:after,.copy-block.col-4 .inner-copy-block:after,.copy-block.col-4:after { border-right: 1px solid #666 } .copy-block .inner-copy-block h2 { margin-top: 0 } .copy-block .inner-copy-block { width: 90%; padding: 0 20px } .copy-block.col-1 .inner-copy-block { width: 100%; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box } .copy-block-wrap.dark-theme { background: #f2f0e8 } @media (min-width: 768px) { .copy-block.col-3:after { border-right:none } .copy-block .inner-copy-block { padding: 0; width: auto } } @media (min-width: 1025px) { .copy-block.col-1 { max-width:668px; padding: 0 } .copy-block .inner-copy-block { width: auto } } .quote-pullout p { text-align: center; font-family: GreycliffCF-light; font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .quote-pullout p { font-size:1.25rem; line-height: 1.875rem } } .quote-pullout p { font-style: italic; color: #666; border-top: 2px solid #988642; border-bottom: 2px solid #988642 } .article-container { padding-top: 0 } .article-container.dark-theme { background: rgba(60, 53, 26, .07); padding: 40px 0 0 } .article-container.dark-theme .viewmore:before,.article-container .viewmore:before { background: linear-gradient(180deg,hsla(0, 0%, 100%, 0) 30px,#f7f7f7) } .article-container .viewmore:before { content: "" } .article-container .cta.secondary { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .article-container .cta.secondary { font-size:1.125rem; border-radius: 15px } } .article-container .cta.secondary { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .article-container .cta.secondary:after { content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .article-container .cta.secondary:after { font-size:1.125rem } } .article-container .cta.secondary:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .article-container .cta.secondary:after { font-size:.75rem } } @media (min-width: 768px) { .article-container .cta.secondary { font-size:1rem } } .article-container .cta.secondary { border-bottom: none; max-width: 100px; display: inline-block } .article-container .cta.secondary:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91E"; -webkit-transform: rotate(-1turn); transform: rotate(-1turn); top: 0; font-size: 16px; font-size: 1rem } .article-container .cta-holder { background-color: #f7f7f7; padding: 25px 0 } .article-modal.aria-modal { background-color: #fff } .article-modal.aria-modal.dark-theme .modal-content { background: rgba(60, 53, 26, .07) } .article-modal .modal-content-wrapper { padding: 0 } .article-modal .modal-content { padding: 50px 40px 25px } .article-modal .modal-content .copy-block,.article-modal .modal-content .copy-block p { color: #666 } @media (min-width: 768px) { .article-modal .modal-content .copy-block { padding-left:0; padding-right: 0 } .article-modal .modal-content .copy-block.single-col p { padding-left: 0 } .article-container .cta.secondary { max-width: 110px } } @media (min-width: 1025px) { .article-container .cta.secondary { font-size:1rem } .article-container .cta.secondary:focus { border-radius: 0 } .article-container .cta-holder .cta.secondary:focus { outline: 1px auto #3b99fc } .article-container .copy-block { max-width: 800px } .article-container .dark-theme { padding: 40px 0 0 } .article-modal .modal-content .title-component .h1 { margin-bottom: 27px } .article-modal .modal-content .copy-block { max-width: 800px } .article-modal .modal-content .copy-block ul { padding-left: 16px } .article-modal.aria-modal { padding: 0 } } .contact-experts_ospe { display: none } .help-widget-container { position: relative; z-index: 999 } .help-widget-container button { border: none } .help-widget-container .help-widget-collapsed,.help-widget-container .help-widget-expanded { position: fixed; bottom: 160px; right: 0 } .help-widget-container .help-widget-collapsed { cursor: pointer; padding: 20px; text-align: center } .help-widget-container .help-widget-expanded { padding: 20px 20px 25px } .help-widget-container .help-label { display: block; text-align: center } .help-widget-container .help-icon { display: inline-block; width: 20px; height: 22px } .help-widget-container .help-widget-collapsed:after,.help-widget-container .help-widget-expanded:after { position: absolute; bottom: -14px; right: -1px; margin: 1px; width: 0; height: 0 } .help-widget-container .close-button { display: inline-block; width: 17px; height: 17px; position: absolute; top: 15px; right: 15px; cursor: pointer } .help-widget-container .info-icon { display: inline-block; width: 10px; height: 10px; position: absolute; top: 0; right: 2px } .help-widget-container .call-us-heading { margin-top: 0; margin-bottom: 5px } .help-widget-container .toll-free-no,.help-widget-container .toll-no { width: 128px; margin: 0 auto } .help-widget-container .toll-free-no .contact-no,.help-widget-container .toll-no .contact-no { display: inline-block } .help-widget-container .contact-no-label { margin-top: 1px; margin-bottom: 7px } .help-widget-container .cost-description { position: relative; margin-top: 4px; margin-bottom: 7px; cursor: pointer; display: block; padding: 0 0 0 3px } .help-widget-container .tooltiptext { -webkit-box-sizing: border-box; box-sizing: border-box; visibility: visible; width: 156px; padding: 8px 11px; position: absolute; left: -10px; top: 19px; z-index: 500 } .help-widget-container .tooltiptext:after { position: absolute; bottom: 100%; right: 20px; margin-left: -5px; border-width: 5px } .help-widget-container .callback { margin-top: 0; margin-bottom: 7px } .help-widget-container .contact-experts { margin-top: 8px } .help-widget-container .chat-copy button,.help-widget-container .contact-experts button { cursor: pointer } .help-widget-container .cost-description { width: 100% } .react-component.helpWidget { margin-bottom: 0 } @media (min-width: 768px) { .help-widget-container .help-icon { width:28px; height: 30px; top: 14px; left: 26px } .help-widget-container .help-widget-collapsed,.help-widget-container .help-widget-expanded { bottom: 200px } } @media (min-width: 1025px) { .help-widget-container .help-widget-collapsed,.help-widget-container .help-widget-expanded { bottom:100px } } .help-widget-container { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666 } @media (min-width: 768px) { .help-widget-container { font-size:.875rem; line-height: 1.5rem } } .help-widget-container { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .help-widget-container .help-widget-collapsed,.help-widget-container .help-widget-expanded { background-color: #002776; border-top-left-radius: 8px; border-bottom-left-radius: 8px } .help-widget-container .help-widget-expanded { color: #fff; text-align: center; padding: 17px 26px 15px 25px } .help-widget-container .help-widget-collapsed { padding: 11px 14px 8px } .help-widget-container .help-icon:before { content: "\E90A"; color: #fff; font-family: Icomoon; speak: none; font-size: 26px; font-size: 1.625rem } .help-widget-container .help-label { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .help-widget-container .help-label { font-size:1rem; line-height: 1.625 } } .help-widget-container .help-label { color: #fff; font-size: 0.6875rem; font-size: .6875rem; line-height: 1 } .help-widget-container .help-widget-collapsed:after,.help-widget-container .help-widget-expanded:after { content: ""; border-left: 13px solid transparent; border-top: 13px solid #002776; bottom: -12px } .help-widget-container .close-button { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5McmdfTW9kYWxfWF9JY29uPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMjUgMC43MSAyNC4yOSAwIDEyLjUgMTEuNzkgMC43MSAwIDAgMC43MSAxMS43OSAxMi41IDAgMjQuMjkgMC43MSAyNSAxMi41IDEzLjIxIDI0LjI5IDI1IDI1IDI0LjI5IDEzLjIxIDEyLjUgMjUgMC43MSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ii8+PC9zdmc+) no-repeat; top: 9px; right: 9px } .help-widget-container .help-heading { margin: 0 } .help-widget-container .toll-free-no { border-bottom: 1px solid #ccc } .help-widget-container .toll-no { padding-bottom: 4px; border-bottom: 1px solid #ccc; width: 100%; margin-top: 8px } .help-widget-container .toll-no .contact-no { color: #fff; text-decoration: none } .help-widget-container .contact-experts { padding-top: 10px; padding-bottom: 12px; margin-top: 0; border-bottom: 1px solid transparent } .help-widget-container .chat-copy { padding-top: 9px } .help-widget-container .chat-link,.help-widget-container .contact-experts .callback-new-link { border-bottom: 1px solid #ccc; background: transparent; padding: 0 } .help-widget-container a.contact-no { font-family: Praxis-semibold } .help-widget-container .chat-link,.help-widget-container .contact-experts .callback-new-link,.help-widget-container a.contact-no { color: #fff; text-decoration: none; margin-left: 5px; line-height: 1 } .help-widget-container .cost-description { background: none; color: #fff } .help-widget-container .cost-description:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E942"; position: relative; left: 5px; top: 2px } .help-widget-container .tooltiptext { background: #fff; color: #666; border: 1px solid #abafc0 } .help-widget-container .tooltiptext:before { width: 1px; height: 8px; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; margin: 0; position: absolute; top: -13px; right: 27px; content: "" } @media (min-width: 768px) { .help-widget-container .help-widget-collapsed:after,.help-widget-container .help-widget-expanded:after { content:""; border-left: 19px solid transparent; border-top: 19px solid #002776; bottom: -18px } .help-widget-container .help-widget-collapsed { padding: 14px 19px 15px 21px } .help-widget-container .close-button { top: 11px; right: 12px } .help-widget-container .help-label { font-size: 1rem } } .roundels { width: 100px; height: 100px; overflow: hidden } .roundels,.roundels .text-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .roundels .text-holder { -ms-flex-item-align: center; align-self: center; padding: 0 10px; text-align: center } .roundels .text-holder p { padding: 0; margin: 0 } @media (min-width: 768px) { .roundels { width:120px; height: 120px } .roundels .text-holder { padding: 0 10px } } .merchandising-container .tile-item { display: inline-block } @media (min-width: 1025px) { .merchandising-container .tile-item { display:inline-block } } .merchandising-container { text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .merchandising-container:before { content: ""; display: table } .merchandising-container:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .merchandising-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .merchandising-container { padding-left:40px; padding-right: 40px } } .merchandising-container { padding-right: 0; padding-left: 0; color: #fff } .merchandising-container img { display: block } .merchandising-container .tile-item { text-align: left } .merchandising-container .cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .merchandising-container .cta { font-size:1.125rem; border-radius: 15px } } .merchandising-container .cta { color: #0076ce; border: none; padding: 10px 15px 10px 0 } .merchandising-container .cta:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .merchandising-container .cta:after { font-size:1.125rem } } .merchandising-container .cta:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .merchandising-container .cta { color: #fff; text-transform: uppercase; text-decoration: none } .merchandising-container .roundels { top: 20px; position: absolute; left: calc(100% - 140px) } .merchandising-container .roundels .text-holder,.merchandising-container .roundels .text-holder p { text-align: center } .merchandising-container .cta:after { top: 0; font-size: 16px; font-size: 1rem } .merchandising-container .tile-title { font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .merchandising-container .tile-title { font-size:2.5rem; line-height: 1.25 } } .merchandising-container .tile-title { color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 1.25; margin-top: 5px; min-height: 60px } .merchandising-container .tile-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .merchandising-container .tile-description { font-size:1rem; line-height: 1.625 } } .merchandising-container .tile-description { color: #fff; font-size: 16px; font-size: 1rem; display: none } .merchandising-container .tile-item { position: relative; max-width: 360px } .merchandising-container .tile-item:last-child { margin-right: 0 } .merchandising-container .image-holder { position: relative } .merchandising-container .image-captions { position: absolute; bottom: 0; background: #002776; width: 100% } .merchandising-container .captions-wrapper { padding: 20px 30px; top: -10px; position: relative } .merchandising-container .gallery-carousel-controls { margin-top: 30px } .merchandising-container .image-holder { margin: 0 8px 15px } .merchandising-container .carousel-controls { margin-top: 15px } .merchandising-container .merchandise-grid-fullbleed .tile-description { display: block } @media (min-width: 768px) { .merchandising-container .roundels { top:20px; position: absolute } .merchandising-container .image-captions { width: 100% } .merchandising-container .image-captions:before { height: 30px; top: -26px; width: 100% } .merchandising-container .tile-item { border: 1px solid #a6b4cf } .merchandising-container .image-holder { margin: 0 } .merchandising-container .slick-slide { margin: 0 18px 15px } } @media (min-width: 981px) { .merchandising-container .slick-list { padding:0 114px } } @media (min-width: 1025px) { .merchandising-container { padding-right:17px; padding-left: 17px } .merchandising-container .tile-title { font-size: 1.5rem } .merchandising-container .tile-description { font-size: 1rem } .merchandising-container .merchandise-layout-one-two .tile-item:last-child .image-captions:before,.merchandising-container .merchandise-layout-two-one .tile-item:first-child .image-captions:before { height: 100px; top: -52px } .merchandising-container .merchandise-layout-one-two .tile-item:last-child .captions-wrapper,.merchandising-container .merchandise-layout-one-two .tile-item:last-child .captions-wrapper .tile-title,.merchandising-container .merchandise-layout-two-one .tile-item:first-child .captions-wrapper,.merchandising-container .merchandise-layout-two-one .tile-item:first-child .captions-wrapper .tile-title { width: 80% } .merchandising-container .image-captions:before { height: 27px; top: -23px } .merchandising-container .roundels { top: 20px } .merchandising-container .tile-item { max-width: none } .merchandising-container .slick-list { padding: 0 } .merchandising-container .merchandise-layout-fullbleed .tile-description { display: block } .merchandising-container .merchandise-layout-fullbleed .tile-item { position: relative; margin: 0 } .merchandising-container .merchandise-layout-fullbleed .image-captions { width: 425px; height: 411px; position: absolute; top: 0; background: #002776 } .merchandising-container .merchandise-layout-fullbleed .image-captions:before { content: none } .merchandising-container .merchandise-layout-fullbleed .captions-wrapper { padding: 80px 40px 0; left: 10px; z-index: 20 } .merchandising-container .merchandise-layout-fullbleed .roundels { z-index: 20 } .merchandising-container .merchandise-layout-3up:before { content: ""; display: table } .merchandising-container .merchandise-layout-3up:after { content: ""; display: table; clear: both } .merchandising-container .merchandise-layout-3up .tile-item { max-width: 360px; margin-right: 75px } .merchandising-container .merchandise-layout-3up .tile-item:nth-child(3) { margin-right: 0 } .merchandising-container .merchandise-layout-3up .captions-wrapper { min-height: 90px } .merchandising-container .merchandise-layout-3up .image-captions:before { height: 27px; top: -23px } .merchandising-container .merchandise-layout-one-two .tile-item:first-child,.merchandising-container .merchandise-layout-two-one .tile-item:first-child { margin-left: 0; margin-right: 35px } .merchandising-container .merchandise-layout-one-two .tile-item:nth-child(2),.merchandising-container .merchandise-layout-two-one .tile-item:nth-child(2) { margin-right: 0 } } .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-interactive,.akamai-background-video .amp-progress { display: none } .akamai-background-video .akamai-layer,.akamai-background-video .akamai-media-element,.akamai-background-video.akamai-player { position: unset } .akamai-background-video.akamai-player { min-height: 480px; width: 100% } .akamai-background-video .overlay,.akamai-only-play-button.akamai-ready .amp-control.amp-progress,.akamai-only-play-button.akamai-ready .amp-controls.amp-bar { display: none } .amp-video-container.amp-persistent-controls .amp-progress { bottom: 2.61em } .amp-video-container.amp-persistent-controls .amp-controls { bottom: 0 } .amp-video-container.amp-persistent-controls .akamai-caption-text { bottom: 6.26em!important } @media (min-width: 1025px) { :root .akamai-background-video.akamai-player,_:-ms-fullscreen.akamai-player { height:760px } .amp-video-container.amp-persistent-controls .akamai-caption-text { bottom: 3.36em!important } } .gallery-carousel-controls { text-align: center } .gallery-container .image-captions { position: absolute; bottom: 0; padding: 20px 18px; pointer-events: none } .gallery-container .image-captions p { pointer-events: auto; margin-bottom: 15px; margin-top: 0 } .gallery-container .image-captions.align-bottom-right { bottom: 0; right: 0; text-align: right } .gallery-container .image-captions.align-bottom-left { bottom: 0; left: 0; text-align: left } .gallery-container .image-captions.align-top-right { top: 0; right: 0; text-align: right } .gallery-container .image-captions.align-top-left { top: 0; left: 0; text-align: left } .gallery-container .icon { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gallery-container .icons { width: 65px; height: 65px; cursor: pointer } .three-sixty-image-poster { position: relative } @media (min-width: 768px) { .gallery-container .image-captions { padding:30px 28px 35px } } @media (min-width: 1025px) { .gallery-container [class^=media-item-] { margin-right:40px } .gallery-container [class^=media-item-]:last-child { margin-right: 0 } .gallery-container [class|=media-item] .image-holder,.gallery-container [class|=media-item] .image-holder img { max-height: 433px; margin: 0; height: 100% } .gallery-container .media-row:last-child { margin-bottom: 0 } .gallery-container .media-row { margin-bottom: 4px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .gallery-container .image-captions { position: absolute; bottom: 0; padding: 30px } .gallery-container .media-row.elements-2 [class^=media-item-]:first-child { margin-right: 35px } .gallery-container .media-grid { max-width: 1130px } .media-grid { max-width: 1014px; margin-left: auto; margin-right: auto } .media-grid:after,.media-grid:before { content: ""; display: table } .media-grid:after { clear: both } .media-grid .media-row:before { content: ""; display: table } .media-grid .media-row:after { content: ""; display: table; clear: both } .media-grid .media-item-1 { width: calc(8.325% - 18.33333px) } .media-grid .media-item-1:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-1:last-child { margin-right: 0 } .media-grid .media-item-1:nth-child(1n) { margin-right: 0; float: right } .media-grid .media-item-1:nth-child(1n+1) { clear: both } .media-grid .media-item-2 { width: calc(16.65% - 16.66667px) } .media-grid .media-item-2:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-2:last-child { margin-right: 0 } .media-grid .media-item-2:nth-child(2n) { margin-right: 0; float: right } .media-grid .media-item-2:nth-child(odd) { clear: both } .media-grid .media-item-3 { width: calc(24.975% - 15px) } .media-grid .media-item-3:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-3:last-child { margin-right: 0 } .media-grid .media-item-3:nth-child(3n) { margin-right: 0; float: right } .media-grid .media-item-3:nth-child(3n+1) { clear: both } .media-grid .media-item-4 { width: 28.76106% } .media-grid .media-item-5 { width: calc(41.625% - 11.66667px) } .media-grid .media-item-5:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-5:last-child { margin-right: 0 } .media-grid .media-item-5:nth-child(5n) { margin-right: 0; float: right } .media-grid .media-item-5:nth-child(5n+1) { clear: both } .media-grid .media-item-6 { width: calc(49.95% - 10px) } .media-grid .media-item-6:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-6:last-child { margin-right: 0 } .media-grid .media-item-6:nth-child(6n) { margin-right: 0; float: right } .media-grid .media-item-6:nth-child(6n+1) { clear: both } .media-grid .media-item-7 { width: calc(58.275% - 8.33333px) } .media-grid .media-item-7:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-7:last-child { margin-right: 0 } .media-grid .media-item-7:nth-child(7n) { margin-right: 0; float: right } .media-grid .media-item-7:nth-child(7n+1) { clear: both } .media-grid .media-item-8 { width: 68.14159% } .media-grid .media-item-9 { width: calc(74.925% - 5px) } .media-grid .media-item-9:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-9:last-child { margin-right: 0 } .media-grid .media-item-9:nth-child(9n) { margin-right: 0; float: right } .media-grid .media-item-9:nth-child(9n+1) { clear: both } .media-grid .media-item-10 { width: calc(83.25% - 3.33333px) } .media-grid .media-item-10:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-10:last-child { margin-right: 0 } .media-grid .media-item-10:nth-child(10n) { margin-right: 0; float: right } .media-grid .media-item-10:nth-child(10n+1) { clear: both } .media-grid .media-item-11 { width: calc(91.575% - 1.66667px) } .media-grid .media-item-11:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-11:last-child { margin-right: 0 } .media-grid .media-item-11:nth-child(11n) { margin-right: 0; float: right } .media-grid .media-item-11:nth-child(11n+1) { clear: both } .media-grid .media-item-12 { width: 100%; max-height: 411px } .media-grid .media-item-custom { width: calc(41.625% - 11.66667px) } .media-grid .media-item-custom:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-custom:last-child { margin-right: 0 } .media-grid .media-item-custom:nth-child(5n) { margin-right: 0; float: right } .media-grid .media-item-custom:nth-child(5n+1) { clear: both } } @media print { .gallery-container .image-captions { padding: 30px 28px 35px } } @media print { .gallery-container [class^=media-item-] { margin-right: 40px } .gallery-container [class^=media-item-]:last-child { margin-right: 0 } .gallery-container [class|=media-item] .image-holder,.gallery-container [class|=media-item] .image-holder img { max-height: 433px; margin: 0; height: 100% } .gallery-container .media-row:last-child { margin-bottom: 0 } .gallery-container .media-row { margin-bottom: 4px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .gallery-container .image-captions { position: absolute; bottom: 0; padding: 30px } .gallery-container .media-row.elements-2 [class^=media-item-]:first-child { margin-right: 35px } .gallery-container .media-grid { max-width: 1130px } .media-grid { max-width: 1014px; margin-left: auto; margin-right: auto } .media-grid:after,.media-grid:before { content: ""; display: table } .media-grid:after { clear: both } .media-grid .media-row:before { content: ""; display: table } .media-grid .media-row:after { content: ""; display: table; clear: both } .media-grid .media-item-1 { width: calc(8.325% - 18.33333px) } .media-grid .media-item-1:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-1:last-child { margin-right: 0 } .media-grid .media-item-1:nth-child(1n) { margin-right: 0; float: right } .media-grid .media-item-1:nth-child(1n+1) { clear: both } .media-grid .media-item-2 { width: calc(16.65% - 16.66667px) } .media-grid .media-item-2:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-2:last-child { margin-right: 0 } .media-grid .media-item-2:nth-child(2n) { margin-right: 0; float: right } .media-grid .media-item-2:nth-child(odd) { clear: both } .media-grid .media-item-3 { width: calc(24.975% - 15px) } .media-grid .media-item-3:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-3:last-child { margin-right: 0 } .media-grid .media-item-3:nth-child(3n) { margin-right: 0; float: right } .media-grid .media-item-3:nth-child(3n+1) { clear: both } .media-grid .media-item-4 { width: 28.76106% } .media-grid .media-item-5 { width: calc(41.625% - 11.66667px) } .media-grid .media-item-5:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-5:last-child { margin-right: 0 } .media-grid .media-item-5:nth-child(5n) { margin-right: 0; float: right } .media-grid .media-item-5:nth-child(5n+1) { clear: both } .media-grid .media-item-6 { width: calc(49.95% - 10px) } .media-grid .media-item-6:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-6:last-child { margin-right: 0 } .media-grid .media-item-6:nth-child(6n) { margin-right: 0; float: right } .media-grid .media-item-6:nth-child(6n+1) { clear: both } .media-grid .media-item-7 { width: calc(58.275% - 8.33333px) } .media-grid .media-item-7:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-7:last-child { margin-right: 0 } .media-grid .media-item-7:nth-child(7n) { margin-right: 0; float: right } .media-grid .media-item-7:nth-child(7n+1) { clear: both } .media-grid .media-item-8 { width: 68.14159% } .media-grid .media-item-9 { width: calc(74.925% - 5px) } .media-grid .media-item-9:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-9:last-child { margin-right: 0 } .media-grid .media-item-9:nth-child(9n) { margin-right: 0; float: right } .media-grid .media-item-9:nth-child(9n+1) { clear: both } .media-grid .media-item-10 { width: calc(83.25% - 3.33333px) } .media-grid .media-item-10:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-10:last-child { margin-right: 0 } .media-grid .media-item-10:nth-child(10n) { margin-right: 0; float: right } .media-grid .media-item-10:nth-child(10n+1) { clear: both } .media-grid .media-item-11 { width: calc(91.575% - 1.66667px) } .media-grid .media-item-11:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-11:last-child { margin-right: 0 } .media-grid .media-item-11:nth-child(11n) { margin-right: 0; float: right } .media-grid .media-item-11:nth-child(11n+1) { clear: both } .media-grid .media-item-12 { width: 100%; max-height: 411px } .media-grid .media-item-custom { width: calc(41.625% - 11.66667px) } .media-grid .media-item-custom:nth-child(1n) { float: left; margin-right: 20px; clear: none } .media-grid .media-item-custom:last-child { margin-right: 0 } .media-grid .media-item-custom:nth-child(5n) { margin-right: 0; float: right } .media-grid .media-item-custom:nth-child(5n+1) { clear: both } } .multi-meadia-list-grid .media-grid { max-width: 1014px; margin-left: auto; margin-right: auto } .multi-meadia-list-grid .media-grid:before { content: ""; display: table } .multi-meadia-list-grid .media-grid:after { content: ""; display: table; clear: both } .multi-meadia-list-grid .media-grid .media-row:before { content: ""; display: table } .multi-meadia-list-grid .media-grid .media-row:after { content: ""; display: table; clear: both } .multi-meadia-list-grid .media-grid .media-item-1 { width: calc(8.325% - 18.33333px) } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-1:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-2 { width: calc(16.65% - 16.66667px) } .multi-meadia-list-grid .media-grid .media-item-2:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-2:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-2:nth-child(2n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-2:nth-child(odd) { clear: both } .multi-meadia-list-grid .media-grid .media-item-3 { width: calc(24.975% - 15px) } .multi-meadia-list-grid .media-grid .media-item-3:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-3:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-3:nth-child(3n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-3:nth-child(3n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-4 { width: 28.76106% } .multi-meadia-list-grid .media-grid .media-item-5 { width: calc(41.625% - 11.66667px) } .multi-meadia-list-grid .media-grid .media-item-5:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-5:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-5:nth-child(5n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-5:nth-child(5n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-6 { width: calc(49.95% - 10px) } .multi-meadia-list-grid .media-grid .media-item-6:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-6:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-6:nth-child(6n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-6:nth-child(6n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-7 { width: calc(58.275% - 8.33333px) } .multi-meadia-list-grid .media-grid .media-item-7:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-7:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-7:nth-child(7n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-7:nth-child(7n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-8 { width: 68.14159% } .multi-meadia-list-grid .media-grid .media-item-9 { width: calc(74.925% - 5px) } .multi-meadia-list-grid .media-grid .media-item-9:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-9:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-9:nth-child(9n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-9:nth-child(9n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-10 { width: calc(83.25% - 3.33333px) } .multi-meadia-list-grid .media-grid .media-item-10:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-10:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-10:nth-child(10n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-10:nth-child(10n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-11 { width: calc(91.575% - 1.66667px) } .multi-meadia-list-grid .media-grid .media-item-11:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-11:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-11:nth-child(11n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-11:nth-child(11n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-12 { width: 100%; max-height: 411px } .multi-meadia-list-grid .media-grid .media-item-1,.multi-meadia-list-grid .media-grid .media-item-2,.multi-meadia-list-grid .media-grid .media-item-3,.multi-meadia-list-grid .media-grid .media-item-4,.multi-meadia-list-grid .media-grid .media-item-5,.multi-meadia-list-grid .media-grid .media-item-6,.multi-meadia-list-grid .media-grid .media-item-7,.multi-meadia-list-grid .media-grid .media-item-8,.multi-meadia-list-grid .media-grid .media-item-9,.multi-meadia-list-grid .media-grid .media-item-10,.multi-meadia-list-grid .media-grid .media-item-11,.multi-meadia-list-grid .media-grid .media-item-12,.multi-meadia-list-grid .media-grid .media-item-custom { width: calc(33.3% - 6.66667px); margin: 0 10px 5px 0 } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(1n) { float: left; margin-right: 10px; clear: none } .multi-meadia-list-grid .media-grid .media-item-1:last-child,.multi-meadia-list-grid .media-grid .media-item-2:last-child,.multi-meadia-list-grid .media-grid .media-item-3:last-child,.multi-meadia-list-grid .media-grid .media-item-4:last-child,.multi-meadia-list-grid .media-grid .media-item-5:last-child,.multi-meadia-list-grid .media-grid .media-item-6:last-child,.multi-meadia-list-grid .media-grid .media-item-7:last-child,.multi-meadia-list-grid .media-grid .media-item-8:last-child,.multi-meadia-list-grid .media-grid .media-item-9:last-child,.multi-meadia-list-grid .media-grid .media-item-10:last-child,.multi-meadia-list-grid .media-grid .media-item-11:last-child,.multi-meadia-list-grid .media-grid .media-item-12:last-child,.multi-meadia-list-grid .media-grid .media-item-custom:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(4n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(4n+1) { clear: both } .multi-meadia-list-grid .media-grid [class|=media-item] .image-holder { margin: 0 } .media-grid-list-modal .back-to-top,.multi-meadia-list-grid .gallery-carousel-controls { display: none } .media-grid-list-modal .close { padding: 16px 25px } .media-grid-list-modal .list-grid-title { margin-bottom: 25px; margin-top: 5px; text-align: center } .media-grid-list-modal .grid-caption { display: none } .media-grid-list-modal .gallery-container .amp-video-container,.media-grid-list-modal .gallery-container .videoIframe { height: auto } .multi-media-gallery-container .video-container img { width: 100% } .multi-media-gallery-container .videoIframe { height: 405px } .multi-media-gallery-container .hide { display: none } .multi-media-gallery-container [class|=media-item] { margin: 10px 9px; position: relative } .multi-media-gallery-container [class|=media-item] .image-holder { overflow: hidden } .multi-media-gallery-container .image-holder { position: relative } .multi-media-gallery-container .amp-video-container { height: 382px } .multi-media-gallery-container .gallery-carousel-controls .button { display: inline-block; vertical-align: middle; cursor: pointer } .multi-media-gallery-container .gallery-carousel-controls .button:before { content: " "; width: 30px; height: 25px; display: inline-block; vertical-align: middle } .multi-media-gallery-container .media-grid { margin-bottom: 14px } .multi-media-gallery-container .see-all-images { text-align: center } .multi-media-gallery-container .grid-caption { position: absolute; bottom: 15px; padding: 0 15px; text-align: left } .media-gallery-modal .grid-caption { position: absolute; bottom: 75px; padding: 0 15px; text-align: left; max-width: 380px } .media-gallery-modal .grid-caption .view-info-cta { text-decoration: underline } .media-gallery-modal .modal-close-wrap { width: auto } @media (min-width: 768px) { .multi-media-gallery-container .gallery-container .media-grid { margin-bottom:25px } .multi-media-gallery-container .gallery-container .video-container img { max-width: none } .multi-media-gallery-container .gallery-container .slick-track { padding-left: 0; margin-left: 0 } .multi-media-gallery-container .gallery-container .see-all-images { position: relative; top: -25px } .multi-media-gallery-container .gallery-carousel-controls { text-align: center } .multi-media-gallery-container .gallery-carousel-controls .button:before { content: none; width: auto; height: auto } .multi-media-gallery-container .multi-meadia-grid .gallery-container .gallery-carousel-controls { width: 50%; text-align: right } .multi-media-gallery-container .multi-meadia-grid .see-all-images { width: 50%; float: right; position: relative; bottom: 35px; right: 15px; text-align: center } .media-grid-list-modal { margin: 0; width: 100%; max-width: 100% } .media-grid-list-modal .close { padding: 25px } .media-grid-list-modal .list-grid-title { margin-top: 0; margin-bottom: 25px } .media-grid-list-modal .modal-content { padding: 20px 30px 50px } .multi-meadia-list-grid .media-grid .media-item-1,.multi-meadia-list-grid .media-grid .media-item-2,.multi-meadia-list-grid .media-grid .media-item-3,.multi-meadia-list-grid .media-grid .media-item-4,.multi-meadia-list-grid .media-grid .media-item-5,.multi-meadia-list-grid .media-grid .media-item-6,.multi-meadia-list-grid .media-grid .media-item-7,.multi-meadia-list-grid .media-grid .media-item-8,.multi-meadia-list-grid .media-grid .media-item-9,.multi-meadia-list-grid .media-grid .media-item-10,.multi-meadia-list-grid .media-grid .media-item-11,.multi-meadia-list-grid .media-grid .media-item-12,.multi-meadia-list-grid .media-grid .media-item-custom { width: calc(33.3% - 13.33333px); margin-bottom: 10px } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-1:last-child,.multi-meadia-list-grid .media-grid .media-item-2:last-child,.multi-meadia-list-grid .media-grid .media-item-3:last-child,.multi-meadia-list-grid .media-grid .media-item-4:last-child,.multi-meadia-list-grid .media-grid .media-item-5:last-child,.multi-meadia-list-grid .media-grid .media-item-6:last-child,.multi-meadia-list-grid .media-grid .media-item-7:last-child,.multi-meadia-list-grid .media-grid .media-item-8:last-child,.multi-meadia-list-grid .media-grid .media-item-9:last-child,.multi-meadia-list-grid .media-grid .media-item-10:last-child,.multi-meadia-list-grid .media-grid .media-item-11:last-child,.multi-meadia-list-grid .media-grid .media-item-12:last-child,.multi-meadia-list-grid .media-grid .media-item-custom:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(4n),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(4n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(4n+1),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(4n+1) { clear: both } .media-gallery-modal .grid-caption { max-width: 600px } } @media (min-width: 1025px) { .multi-meadia-list-grid .media-grid { max-width:1014px; margin-left: auto; margin-right: auto } .multi-meadia-list-grid .media-grid:before { content: ""; display: table } .multi-meadia-list-grid .media-grid:after { content: ""; display: table; clear: both } .multi-meadia-list-grid .media-grid .media-row { margin-bottom: 10px } .multi-meadia-list-grid .media-grid .media-row:before { content: ""; display: table } .multi-meadia-list-grid .media-grid .media-row:after { content: ""; display: table; clear: both } .multi-meadia-list-grid .media-grid .media-item-1 { width: calc(8.325% - 18.33333px) } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-1:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-2 { width: calc(16.65% - 16.66667px) } .multi-meadia-list-grid .media-grid .media-item-2:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-2:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-2:nth-child(2n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-2:nth-child(odd) { clear: both } .multi-meadia-list-grid .media-grid .media-item-3 { width: calc(24.975% - 15px) } .multi-meadia-list-grid .media-grid .media-item-3:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-3:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-3:nth-child(3n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-3:nth-child(3n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-4 { width: calc(33.3% - 13.33333px) } .multi-meadia-list-grid .media-grid .media-item-4:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-4:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-4:nth-child(4n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-4:nth-child(4n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-5 { width: calc(41.625% - 11.66667px) } .multi-meadia-list-grid .media-grid .media-item-5:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-5:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-5:nth-child(5n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-5:nth-child(5n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-6 { width: calc(49.95% - 10px) } .multi-meadia-list-grid .media-grid .media-item-6:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-6:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-6:nth-child(6n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-6:nth-child(6n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-7 { width: calc(58.275% - 8.33333px) } .multi-meadia-list-grid .media-grid .media-item-7:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-7:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-7:nth-child(7n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-7:nth-child(7n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-8 { width: -200.06667% } .multi-meadia-list-grid .media-grid .media-item-8:nth-child(1n) { float: left; margin-right: 8; clear: none } .multi-meadia-list-grid .media-grid .media-item-8:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-8:nth-child(12n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-8:nth-child(12n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-9 { width: calc(74.925% - 5px) } .multi-meadia-list-grid .media-grid .media-item-9:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-9:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-9:nth-child(9n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-9:nth-child(9n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-10 { width: calc(83.25% - 3.33333px) } .multi-meadia-list-grid .media-grid .media-item-10:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-10:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-10:nth-child(10n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-10:nth-child(10n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-11 { width: calc(91.575% - 1.66667px) } .multi-meadia-list-grid .media-grid .media-item-11:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-meadia-list-grid .media-grid .media-item-11:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-11:nth-child(11n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-11:nth-child(11n+1) { clear: both } .multi-meadia-list-grid .media-grid .media-item-12 { width: 100%; max-height: 411px } .multi-meadia-list-grid .media-grid .media-item-1,.multi-meadia-list-grid .media-grid .media-item-2,.multi-meadia-list-grid .media-grid .media-item-3,.multi-meadia-list-grid .media-grid .media-item-4,.multi-meadia-list-grid .media-grid .media-item-5,.multi-meadia-list-grid .media-grid .media-item-6,.multi-meadia-list-grid .media-grid .media-item-7,.multi-meadia-list-grid .media-grid .media-item-8,.multi-meadia-list-grid .media-grid .media-item-9,.multi-meadia-list-grid .media-grid .media-item-10,.multi-meadia-list-grid .media-grid .media-item-11,.multi-meadia-list-grid .media-grid .media-item-12,.multi-meadia-list-grid .media-grid .media-item-custom { width: calc(19.98% - 24px); margin-right: 20px; margin-bottom: 20px; cursor: pointer } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(1n),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(1n) { float: left; margin-right: 30px; clear: none } .multi-meadia-list-grid .media-grid .media-item-1:last-child,.multi-meadia-list-grid .media-grid .media-item-2:last-child,.multi-meadia-list-grid .media-grid .media-item-3:last-child,.multi-meadia-list-grid .media-grid .media-item-4:last-child,.multi-meadia-list-grid .media-grid .media-item-5:last-child,.multi-meadia-list-grid .media-grid .media-item-6:last-child,.multi-meadia-list-grid .media-grid .media-item-7:last-child,.multi-meadia-list-grid .media-grid .media-item-8:last-child,.multi-meadia-list-grid .media-grid .media-item-9:last-child,.multi-meadia-list-grid .media-grid .media-item-10:last-child,.multi-meadia-list-grid .media-grid .media-item-11:last-child,.multi-meadia-list-grid .media-grid .media-item-12:last-child,.multi-meadia-list-grid .media-grid .media-item-custom:last-child { margin-right: 0 } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(12n),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(12n) { margin-right: 0; float: right } .multi-meadia-list-grid .media-grid .media-item-1:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-2:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-3:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-4:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-5:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-6:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-7:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-8:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-9:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-10:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-11:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-12:nth-child(12n+1),.multi-meadia-list-grid .media-grid .media-item-custom:nth-child(12n+1) { clear: both } .multi-meadia-list-grid .video-container img,.multi-meadia-list-grid [class|=media-item] .video-container { max-height: 433px; margin: 0; height: 100% } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-4 { width: calc(33.3% - 13.33333px) } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-4:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-4:last-child { margin-right: 0 } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-4:nth-child(4n) { margin-right: 0; float: right } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-4:nth-child(4n+1) { clear: both } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-8 { width: calc(66.6% - 6.66667px) } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-8:nth-child(1n) { float: left; margin-right: 20px; clear: none } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-8:last-child { margin-right: 0 } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-8:nth-child(8n) { margin-right: 0; float: right } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-8:nth-child(8n+1) { clear: both } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-row.row5 { display: grid; grid-gap: 10px } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-row.row5 .tile-item { width: auto } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-row.row5 .tile-item:first-child { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; margin-right: 10px } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-row.row5 .tile-item:nth-child(2) { grid-column-start: 3; grid-row-start: 1; grid-row-end: 2; margin-right: 0; margin-left: 0; margin-bottom: 5px } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-row.row5 .tile-item:nth-child(3) { grid-column-start: 3; grid-row-start: 2; grid-row-end: 3; margin-left: 0; margin-top: 5px } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-row.elements-2 [class^=media-item-]:first-child { margin-right: 20px } .multi-media-gallery-container .multi-meadia-grid .gallery-container .video-container img,.multi-media-gallery-container .multi-meadia-grid .gallery-container [class|=media-item] .video-container { max-height: 433px; margin: 0; height: 100% } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-row { margin-bottom: 20px } .multi-media-gallery-container .multi-meadia-grid .gallery-container [class|=media-item] { margin: 0 40px 0 0 } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-6:nth-child(1n) { margin-right: 20px } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-6:last-child,.multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-6:nth-child(6n) { margin-right: 0 } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-6:nth-child(6n+1) { clear: both } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-3:nth-child(1n) { margin-right: 20px } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-3:last-child,.multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-3:nth-child(3n) { margin-right: 0 } .multi-media-gallery-container .multi-meadia-grid .gallery-container .media-item-3:nth-child(3n+1) { clear: both } .multi-media-gallery-container .multi-meadia-grid .gallery-container [class^=media-item-]:last-child { margin-right: 0 } .multi-media-gallery .see-all,.multi-media-gallery .see-all-images,.multi-media-gallery .tile-item { cursor: pointer } .multi-media-gallery .grid-caption { bottom: 20px } .multi-media-gallery .multi-meadia-grid .see-all-images { width: 100%; float: none; margin: 0 auto; right: auto } } .multi-media-gallery-container .gallery-container .gallery-carousel-controls { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; font-size: 0.75rem; font-size: .75rem } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button { cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: inline-block; width: 15px; height: 25px; padding: 0; vertical-align: text-top } @media (min-width: 768px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button { width:20px } } @media (min-width: 1025px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button { width:15px } } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button:before { color: #0076ce } .multi-media-gallery-container .gallery-container .gallery-carousel-controls span { font-family: Praxis-regular; display: inline-block; color: #0076ce; min-width: 40px; vertical-align: top } @media (min-width: 768px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls span { min-width:45px } } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .slick-disabled { pointer-events: none } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button.prev-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button.prev-btn:before { font-size:1.125rem } } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button.next-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button.next-btn:before { font-size:1.125rem } } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .prev-btn { margin-right: 10px } @media (min-width: 768px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls .prev-btn { margin-right:70px } } @media (min-width: 1025px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls .prev-btn { margin-right:15px } } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .next-btn { margin-left: 10px } @media (min-width: 768px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls .next-btn { margin-left:70px } } @media (min-width: 1025px) { .multi-media-gallery-container .gallery-container .gallery-carousel-controls .next-btn { margin-left:12px } } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .next-btn.slick-disabled:before,.multi-media-gallery-container .gallery-container .gallery-carousel-controls .prev-btn.slick-disabled:before { color: #e3e2e8 } .multi-media-gallery-container .gallery-container .videoIframe { border: 0 } .multi-media-gallery-container .gallery-container .gallery-carousel-controls { text-align: center } .multi-media-gallery-container .gallery-container .icons.tourIcon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMkI3NUJCO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxMjAuNSIgY3k9IjEyMC41IiByPSIxMTcuNSIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4My4zLDExNy4zYy0wLjktMTkuNC0yOS4yLTM0LjctNjQuMy0zNC43Yy0yMywwLTQzLjcsNi44LTU0LjIsMTcuOGMtNC45LDUuMi03LjQsMTEuMS03LjEsMTcuMgoJCWMwLjMsNi43LDQsMTMuMiwxMC42LDE4LjhjNiw1LjEsMTQuNCw5LjIsMjQuMiwxMmMxLjksMC41LDMuOC0wLjYsNC4zLTIuNGMwLjUtMS45LTAuNi0zLjgtMi40LTQuM2MtMTcuNi01LTI5LjItMTQuNS0yOS43LTI0LjMKCQljLTAuMi00LjIsMS41LTguMiw1LjItMTJjOS4yLTkuNiwyOC0xNS42LDQ5LjEtMTUuNmMzMC4zLDAsNTYuNSwxMi44LDU3LjMsMjhjMC41LDEwLjUtMTIsMjAuNS0zMSwyNWw2LjktMTMuM2wtMzcuNSwyMi4xbDQzLDcKCQlsLTEwLjMtOWM5LjYtMi40LDE3LjktNiwyNC4yLTEwLjdDMTc5LjYsMTMyLjUsMTgzLjYsMTI1LjEsMTgzLjMsMTE3LjN6Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat } .multi-media-gallery-container .gallery-container .icons.videoIcon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3NkNFO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnZpZGVvLXBsYXk8L3RpdGxlPgo8Zz4KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEyMC41IiBjeT0iMTIwLjUiIHI9IjExNy41Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LDExNC44TDkwLjgsNzQuM2MtMC44LTAuNS0xLjctMC44LTIuNy0wLjhjLTIuNywwLTQuOSwyLjItNC44LDQuOWwwLDB2ODQuMmwwLDBjMCwyLjcsMi4yLDQuOSw0LjgsNC45CgkJYzEsMCwxLjktMC4zLDIuNy0wLjhsNjguMS00MC41YzMuMS0yLjYsMy41LTcuMywwLjktMTAuNEMxNTkuNiwxMTUuNCwxNTkuMywxMTUuMSwxNTksMTE0LjgiLz4KCTxyZWN0IHg9Ijc3LjEiIHk9IjY4LjUiIGNsYXNzPSJzdDIiIHdpZHRoPSI4Ni43IiBoZWlnaHQ9IjEwNCIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat } .multi-media-gallery-container .gallery-container .gallery-carousel-controls .button:before { content: none; width: auto; height: auto } .multi-media-gallery-container .see-all-images { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .multi-media-gallery-container .see-all-images { font-size:1.125rem; border-radius: 15px } } .multi-media-gallery-container .see-all-images { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .multi-media-gallery-container .see-all-images:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .multi-media-gallery-container .see-all-images:after { font-size:1.125rem } } .multi-media-gallery-container .see-all-images:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .multi-media-gallery-container .see-all-images:after { font-size:.75rem } } @media (min-width: 768px) { .multi-media-gallery-container .see-all-images { font-size:1rem } } .multi-media-gallery-container .grid-caption .grid-caption-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .multi-media-gallery-container .grid-caption .grid-caption-text { font-size:1rem; line-height: 1.625 } } .multi-media-gallery-container .grid-caption,.multi-media-gallery-container .grid-caption .grid-caption-text { color: #fff } .media-gallery-modal .see-all { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .media-gallery-modal .see-all { font-size:1.125rem; border-radius: 15px } } .media-gallery-modal .see-all { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .media-gallery-modal .see-all:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .media-gallery-modal .see-all:after { font-size:1.125rem } } .media-gallery-modal .see-all:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .media-gallery-modal .see-all:after { font-size:.75rem } } @media (min-width: 768px) { .media-gallery-modal .see-all { font-size:1rem } } .media-gallery-modal .see-all { padding-bottom: 0 } .media-gallery-modal .grid-caption .view-info-cta { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .media-gallery-modal .grid-caption .view-info-cta { font-size:.75rem } } .media-gallery-modal .grid-caption,.media-gallery-modal .grid-caption .view-info-cta { color: #fff } .media-grid-list-modal { margin: 25px 0 0 } .media-grid-list-modal .modal-close-wrap { background: #fff } .media-grid-list-modal .modal-close-wrap .close:after { color: #666 } .media-grid-list-modal .list-grid-title { font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .media-grid-list-modal .list-grid-title { font-size:2.5rem; line-height: 1.25 } } .media-grid-list-modal .icons.tourIcon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMkI3NUJCO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxMjAuNSIgY3k9IjEyMC41IiByPSIxMTcuNSIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4My4zLDExNy4zYy0wLjktMTkuNC0yOS4yLTM0LjctNjQuMy0zNC43Yy0yMywwLTQzLjcsNi44LTU0LjIsMTcuOGMtNC45LDUuMi03LjQsMTEuMS03LjEsMTcuMgoJCWMwLjMsNi43LDQsMTMuMiwxMC42LDE4LjhjNiw1LjEsMTQuNCw5LjIsMjQuMiwxMmMxLjksMC41LDMuOC0wLjYsNC4zLTIuNGMwLjUtMS45LTAuNi0zLjgtMi40LTQuM2MtMTcuNi01LTI5LjItMTQuNS0yOS43LTI0LjMKCQljLTAuMi00LjIsMS41LTguMiw1LjItMTJjOS4yLTkuNiwyOC0xNS42LDQ5LjEtMTUuNmMzMC4zLDAsNTYuNSwxMi44LDU3LjMsMjhjMC41LDEwLjUtMTIsMjAuNS0zMSwyNWw2LjktMTMuM2wtMzcuNSwyMi4xbDQzLDcKCQlsLTEwLjMtOWM5LjYtMi40LDE3LjktNiwyNC4yLTEwLjdDMTc5LjYsMTMyLjUsMTgzLjYsMTI1LjEsMTgzLjMsMTE3LjN6Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat } .media-grid-list-modal .icons.videoIcon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3NkNFO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnZpZGVvLXBsYXk8L3RpdGxlPgo8Zz4KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEyMC41IiBjeT0iMTIwLjUiIHI9IjExNy41Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LDExNC44TDkwLjgsNzQuM2MtMC44LTAuNS0xLjctMC44LTIuNy0wLjhjLTIuNywwLTQuOSwyLjItNC44LDQuOWwwLDB2ODQuMmwwLDBjMCwyLjcsMi4yLDQuOSw0LjgsNC45CgkJYzEsMCwxLjktMC4zLDIuNy0wLjhsNjguMS00MC41YzMuMS0yLjYsMy41LTcuMywwLjktMTAuNEMxNTkuNiwxMTUuNCwxNTkuMywxMTUuMSwxNTksMTE0LjgiLz4KCTxyZWN0IHg9Ijc3LjEiIHk9IjY4LjUiIGNsYXNzPSJzdDIiIHdpZHRoPSI4Ni43IiBoZWlnaHQ9IjEwNCIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat } .custom-dropdown-wrapper { width: 270px } .custom-dropdown-wrapper,.custom-dropdown-wrapper .dropdown-toggle { text-align: left; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box } .custom-dropdown-wrapper .dropdown-toggle { display: inline-block; background: transparent; border: none; display: block; width: 100%; padding: 10px 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .custom-dropdown-wrapper .dropdown-menu { position: absolute; top: 100%; width: 100%; z-index: 15; left: 0 } .custom-dropdown-wrapper .dropdown-menu.hide { display: none } .custom-dropdown-wrapper .dropdown-item { display: block; padding: 10px 25px; text-decoration: none } .utility-nav-container { max-width: 768px; 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.svp-utility-nav { display: block } .utility-nav-container.lvp-utility-nav { display: none } .utility-nav-container .nav { padding: 0 0 0 20px; list-style: none } .utility-nav-container .nav .nav-item:first-child { margin-top: 35px } .utility-nav-container .nav-item .nav-link { display: inline-block; padding-top: 11px; padding-bottom: 11px; width: 100% } .utility-nav-container .nav-item .nav-link.logout { width: auto } .utility-nav-container .nav-link:before { vertical-align: center; display: inline-block; position: relative; width: 11px; height: 11px; content: ""; margin-right: 18px } .utility-nav-container .nav-link.logout:before { display: none } .utility-nav-container .dropdown .list-container { display: block; width: 100%; height: 100%; top: 0; right: -100%; position: fixed; z-index: 99; display: none } .utility-nav-container .dropdown .action-bar { display: table; width: 100% } .utility-nav-container .action-bar .action-back-btn,.utility-nav-container .action-bar .action-close-btn,.utility-nav-container .action-bar .action-text { display: table-cell; vertical-align: middle } .utility-nav-container .action-bar .back-btn { display: block; margin: 15px 0 15px 30px } .utility-nav-container .action-text span { margin-left: 14.5px; display: inline-block; vertical-align: middle } .utility-nav-container .action-bar .action-back-btn { width: 16px } .utility-nav-container .action-bar .action-close-btn { width: 16px; padding-right: 18px } .utility-nav-container .action-bar .back-btn:after,.utility-nav-container .action-bar .close-btn:after { content: ""; display: inline-block; height: 16px; vertical-align: middle; width: 13px } .utility-nav-container .action-bar .back-btn:after { margin-right: 14.5px } .utility-nav-container .action-bar .close-btn:after { height: 37px; width: 37px } .utility-nav-container .dropdown-list { list-style: none; z-index: 200 } .utility-nav-container .dropdown.show .dropdown-list { display: block; padding: 0 30px; margin-top: 15px; position: absolute; width: 100% } .utility-nav-container .dropdown .list-container.show { right: 0; display: block } .utility-nav-container .dropdown-item a { cursor: pointer; width: 100%; padding: 10px 0; display: inline-block; white-space: nowrap } .utility-nav-container .dropdown-item a:before { content: ""; position: relative; height: 13px; width: 13px; margin-right: 29px } @media (min-width: 768px) { .utility-nav-container { margin:0 60px } .utility-nav-container .nav-item .nav-link { padding-top: 15px; padding-bottom: 15px } .utility-nav-container .nav { margin-bottom: 150px; padding: 0 } .utility-nav-container .nav .nav-item:first-child { margin-top: 40px } .utility-nav-container .dropdown.show .dropdown-list { margin-top: 45px } .utility-nav-container .dropdown-list li:not(:last-child) { margin-bottom: 30px } .utility-nav-container .dropdown-list li:last-child { margin-bottom: 45px } } @media (min-width: 1025px) { .utility-nav-container { width:auto; max-width: none; margin-left: auto; margin-right: auto } .utility-nav-container:last-child,.utility-nav-container:nth-child(1n),.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 { padding: 0; list-style: none; margin: 15px 0 } .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-link { display: inline-block; padding: 0 8px; width: 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 .3s ease-out 0s; transition: all .3s ease-out 0s } .utility-nav-container .nav-link:before { margin-right: 5px } .utility-nav-container .custom-dropdown-wrapper { width: auto } .utility-nav-container .custom-dropdown-wrapper .dropdown-item,.utility-nav-container .custom-dropdown-wrapper .dropdown-toggle { padding: 0 } .utility-nav-container .custom-dropdown-wrapper .dropdown-toggle .dropdown-value { display: none } .utility-nav-container .custom-dropdown-wrapper .dropdown-toggle:before { content: ""; margin-right: 5px; width: 16px; height: 16px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle:after { content: ""; width: 12px; height: 12px; display: inline-block; vertical-align: middle; position: relative; margin-left: 5px; background-size: contain; background-repeat: no-repeat } .utility-nav-container .nav-item .custom-dropdown-wrapper.open .dropdown-toggle:after { content: ""; width: 25px; height: 25px; position: relative; margin-left: 5px } .utility-nav-container .dropdown .list-container { position: static; right: 0; -webkit-transition: none; transition: none } .utility-nav-container .dropdown .action-bar { display: none } .utility-nav-container .dropdown .caret:after { content: ""; display: inline-block; height: 12px; width: 12px; vertical-align: middle; margin-left: 5px } .utility-nav-container .dropdown.show .dropdown-list { display: block; position: absolute; width: 100%; padding: 0; margin: 0; list-style: none } .utility-nav-container .dropdown-list li.dropdown-item { margin: 0 } .utility-nav-container .dropdown-item a { cursor: pointer; width: 100%; padding: 9px 7px; display: inline-block; white-space: nowrap } .utility-nav-container .dropdown-item:last-child { padding-bottom: 21px } .utility-nav-container .dropdown .dropdown-item:first-child { padding-top: 9px } .utility-nav-container .dropdown-item a:before { content: ""; display: inline-block; height: 13px; width: 13px; margin-right: 5px; position: relative; top: 2px } } @media (min-width: 1281px) { .utility-nav-container .nav-item .nav-link { padding:30px 19px 5px } .utility-nav-container .dropdown-item a { padding: 9px 20px } } #oSPe_callback_container { display: none } .global-header-wrapper { position: relative; height: 55px } .global-header-container { height: 55px; width: 100%; 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; -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .5); box-shadow: 0 2px 20px rgba(0, 0, 0, .5) } .global-header-container .global-header { display: table; width: 100% } .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; height: 90px } .global-header-container .nav-brand-logo,.global-header-container .nav-call-btn,.global-header-container .nav-toggle-btn { display: table-cell; vertical-align: middle } .global-header-container .nav-brand-logo .brand-logo,.global-header-container .nav-call-btn .call-btn,.global-header-container .nav-toggle-btn .toggle-btn { display: block } .global-header-container .nav-call-btn .call-btn:after,.global-header-container .nav-close-btn .close-btn:after,.global-header-container .nav-toggle-btn .toggle-btn:after { display: block; vertical-align: middle; background-repeat: no-repeat; background-position: 50%; text-decoration: none } .global-header-container .nav-call-btn .call-btn:after { width: 70px; height: 70px; background-size: cover } .global-header-container .nav-brand-logo { text-align: center } .global-header-container .nav-toggle-btn .toggle-btn:after { width: 70px; height: 70px; background-size: cover } .global-header-container .nav-brand-logo .brand-logo { display: inline-block } .global-header-container .brand-logo img { width: 107px; margin: 7px 15px } .global-header-container .main-nav,.global-header-container .main-nav-item { list-style: none; padding: 0; margin: 0 } .global-header-container .main-nav-item { padding-bottom: 50px } .global-header-container .main-nav-item:last-child { padding-bottom: 0 } .global-header-container .main-nav { margin: 0 18px; padding: 35px 0 } .global-header-container .menu-bar span { display: block; margin: 18px } .global-header-container .main-nav-container .menu-bar { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .global-header-container .main-nav-container { display: block; width: 100%; height: 100%; top: 0; right: -100%; 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 .menu-bar .close-btn { display: block; text-align: right; margin-right: 18px } .global-header-container .menu-bar .close-btn:after { background-size: cover; height: 37px; width: 37px } .global-header-container .main-nav-link { text-decoration: none } .global-header-container .image-list-menu,.global-header-container .secondary-list-menu { display: none; display: block; width: 100%; height: 100%; top: 0; right: -100%; position: fixed; z-index: 301; -webkit-transition: right .5s; transition: right .5s; overflow: auto } .global-header-container .secondary-list.active .secondary-list-menu { display: block; right: 0; margin-top: -1px } .global-header-container .secondary-list-menu ul { list-style-type: none; padding: 30px } .global-header-container .secondary-list-menu li { padding-bottom: 40px } .global-header-container .secondary-list-menu li:last-child { padding-bottom: 0 } .global-header-container .secondary-list-menu .secondary-link { text-decoration: none } .global-header-container .image-list.active .image-list-menu { display: block; right: 0 } .global-header-container .image-list-menu ul { list-style-type: none; padding: 30px 18px } .global-header-container .image-list-menu li { padding-bottom: 20px } .global-header-container .image-list-menu li:last-child { padding-bottom: 0 } .global-header-container .image-list-menu .image-link { display: block; position: relative } .global-header-container .image-list-menu .image-link:before { background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .global-header-container .image-list-menu .image-link span { position: absolute; left: 30px; bottom: 20px } .global-header-container .image-list-menu .image-lazy-loader { display: block } .global-header-container .action-bar { display: table; width: 100% } .global-header-container .action-bar .action-back-btn,.global-header-container .action-bar .action-close-btn,.global-header-container .action-bar .action-text { display: table-cell; vertical-align: middle } .global-header-container .action-bar .back-btn { display: block; margin: 18px 0 18px 30px } .global-header-container .action-text span { margin-left: 14.5px; display: inline-block; vertical-align: middle; position: relative; top: 2px } .global-header-container .action-bar .action-back-btn { width: 16px } .global-header-container .action-bar .action-close-btn { width: 16px; text-align: right; padding-right: 18px } .global-header-container .action-bar .back-btn:after,.global-header-container .action-bar .close-btn:after { display: inline-block; background-repeat: no-repeat; height: 16px; vertical-align: middle; width: 13px; background-position: 50%; background-size: cover } .global-header-container .action-bar .back-btn { padding: 5px 0 } .global-header-container .action-bar .back-btn:after { margin-right: 14.5px } .global-header-container .action-bar .close-btn:after { height: 37px; width: 37px } .open .react-component { display: none } .open .react-component.globalHeader { display: block } @media (min-width: 768px) { .global-header-container,.global-header-wrapper { height:90px } .global-header-container .nav-call-btn { display: none } .global-header-container .nav-brand-logo { text-align: left } .global-header-container .brand-logo img { width: 177px; margin: 10px 0 } .global-header-container .menu-bar span { font-size: 1.5rem; margin: 37px 10px 37px 60px } .global-header-container .menu-bar .close-btn { margin-right: 30px } .global-header-container .main-nav { padding: 48px 0 58px; margin: 0 60px } .global-header-container .main-nav-container .menu-bar { height: 90px } .global-header-container .main-nav-item { padding-bottom: 80px } .global-header-container .main-nav-link { font-size: 1.375rem } .global-header-container .action-bar .back-btn { margin-left: 30px; padding: 15px 0 } .global-header-container .action-bar .back-btn:after { margin-right: 29px } .global-header-container .action-bar .action-close-btn { padding-right: 30px } .global-header-container .nav-toggle-btn .toggle-btn:after { width: 45px; height: 45px } .global-header-container .action-text span { font-size: 1.375rem; margin-left: 29px } .global-header-container .secondary-list-menu ul { padding: 55px 0 75px; margin: 0 80px } .global-header-container .secondary-list-menu li { padding-bottom: 64px } .global-header-container .image-list-menu ul { padding: 0 30px; margin: 45px 0; overflow: hidden } .global-header-container .image-list-menu li { width: calc(49.95% - 5px); padding-bottom: 10px } .global-header-container .image-list-menu li:nth-child(1n) { float: left; margin-right: 10px; clear: none } .global-header-container .image-list-menu li:last-child { margin-right: 0 } .global-header-container .image-list-menu li:nth-child(2n) { margin-right: 0; float: right } .global-header-container .image-list-menu li:nth-child(odd) { clear: both } @media (min-width: 768px) { .global-header-container { height:90px } } } @media (min-width: 1025px) { .global-header-wrapper { height:130px; position: relative } .global-header-container { height: 130px } .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-call-btn,.global-header-container .nav-toggle-btn { display: none } .global-header-container .main-nav-container { position: static; -webkit-transition: none; transition: none; right: 0 } .global-header-container .main-nav-container .menu-bar { display: none } .global-header-container .brand-logo img { width: 100%; margin: 0 } .global-header-container .menu-bar-small { display: table-cell; width: auto; padding: 0; vertical-align: middle } .global-header-container .navigation { display: table-cell } .global-header-container .main-nav { text-align: right; position: static; margin: 0; padding: 0; border-bottom: 0 } .global-header-container .main-nav-item { display: inline-block; padding: 0; margin: 0 10px } .global-header-container .main-nav-item:last-child { margin-right: 0 } .global-header-container .main-nav-item:first-child { margin-left: 0 } .global-header-container .utility-nav-container.bg { width: 100% } .global-header-container .main-nav-link { text-decoration: none; line-height: 1; letter-spacing: .05rem; padding: 1.35vw 1.2vw; display: inline-block } .global-header-container .main-nav-item:last-child .main-nav-link:last-child { padding-right: 0 } .global-header-container .image-list-menu,.global-header-container .secondary-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 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; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .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(33.3% - 12px); 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 } @media (min-width: 1025px) { .global-header-container { height:130px } } } @media (min-width: 1281px) { .global-header-container .main-nav-item { margin:0 10px } .global-header-container .main-nav-link { font-size: 1.125rem; padding: 25px 30px } } @media (min-width: 1025px) { .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle { color:#002776; margin-top: 0; cursor: pointer } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91E"; background-image: none; margin-bottom: 5px; font-size: .75rem; top: 11px; width: 15px; height: 18px; right: 0 } .utility-nav-container .nav-item .custom-dropdown-wrapper.open .dropdown-toggle:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92F"; top: 12px; width: 15px; height: 18px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu { background-color: #fff; padding-top: 9px; padding-bottom: 21px; white-space: nowrap; left: -50px; width: auto; min-width: 142px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu .dropdown-item { padding: 9px; line-height: 1rem } .utility-nav-container .nav-item .custom-dropdown-wrapper.open .dropdown-item:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E907"; margin-right: 5px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu .dropdown-item.active { color: #002776 } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu .dropdown-item.active:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E909" } .utility-nav-container .nav-item .dropdown { display: inline-block; position: relative } .utility-nav-container .nav-item .dropdown-list { display: none; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .utility-nav-container .nav-link:before { margin-right: .34vw; padding-right: 4px } .utility-nav-container .dropdown .list-container { position: static; right: 0; -webkit-transition: none; transition: none } .utility-nav-container .dropdown .action-bar { display: none } .utility-nav-container .dropdown .caret:after { content: ""; display: inline-block; height: 12px; width: 12px; margin-left: 5px; vertical-align: middle; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAMAAAB4W0xQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAclBMVEUAAACrr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8AAAACedhGUAAAAJHRSTlMAiDgCORvw5ZdGBkeY5hppaAHEwyn4gH4H1tU7/v2WD+QOUU9dnum5AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAGBJREFUCNdNzFcSgCAMRdGHKCr23nv2v0bFOOr9CHNmEiCEJXEnbSHgKHI9X+sgjEjFQEJXSpmZXjtZTk9FZm7KilWV/EfNbFhoO6O+fYhhJJoGvM1E8ycs7rr9iP3g9wT8LgiDMQ9hbAAAAABJRU5ErkJggg==); background-size: contain; background-repeat: no-repeat } .utility-nav-container .dropdown.show .caret:after { width: 25px; height: 25px; position: relative; bottom: 4px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNjAgMzYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjAgMzYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6I0YzQkY1OTt9Cjwvc3R5bGU+CjxyZWN0IHg9IjEwMy41IiB5PSIxMTAuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjE2NS41IiBoZWlnaHQ9IjEyNCIvPgo8Zz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTAzLjUsMTEwLjUgMTg2LjIsMTMyLjcgMjY5LDExMC41IDE4Ni4yLDIzNC41IAkiLz4KPC9nPgo8L3N2Zz4K); -webkit-transform: rotate(180deg); transform: rotate(180deg) } .utility-nav-container .dropdown.show .dropdown-list { display: block; position: absolute; width: 100%; text-align: left; background: #fff; padding: 0; margin: 0; list-style: none } .utility-nav-container .dropdown-list li.dropdown-item { margin: 0 } .utility-nav-container .dropdown.show .nav-link { color: #988642; background: #fff } .utility-nav-container .dropdown-item a { color: #988642; font-size: 1.08vw; line-height: 1; cursor: pointer; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .6vw 1.2vw; display: inline-block; text-decoration: none; white-space: nowrap } .utility-nav-container .dropdown-item:last-child { padding-bottom: 21px } .utility-nav-container .dropdown .dropdown-item:first-child { padding-top: 9px } .utility-nav-container .dropdown-item a:before { content: ""; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAyVBMVEUAAABkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2MAAAAsHhM9AAAAQnRSTlMABlam3/nz11VS271mJFMDi0CKwA3WDwfjOjnkXLisXdknIuD4ql6rWbla4j08ksQUkwGF3UZQv2MpEy0Fn9ry7NPxgugTAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAL1JREFUGNNt0NcSgjAQBdCNgAkqghKxoaKxYUOl2Nv//5SSAZGM92U3J7OzkwDEQQVJVopYIgi+UUvlioaQVimXqgnpBq6l1zVs6LypmzQbomY9LqRhwU8sTACarTbk0uk2we6BkJ4N/YGIdh+coYgjBkUqIlJgjP6grImoMZhMRZzOYO6K6C4ALVd5Wy8/W1Qn/0yHf9TG22a29Xa87v0gTC0M/H3SRuxwPNHz5XhgUTZ0jW73x/MlkSs/vgFnQA3UuH3PRwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 50%; height: .88vw; width: .88vw; background-size: contain; margin-right: .34vw; position: relative; top: 2px } .utility-nav-container .dropdown-item a:focus:before,.utility-nav-container .dropdown-item a:hover:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAn1BMVEUAAADzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1kAAAC3y+DcAAAANHRSTlMABlam3/nz11VR271mJFIDiUDBDg3AVNgP4js641u7XKtlrOAj+PLZKDkH1oqTlFMiBQv6dde50AAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAACqSURBVBjTbZDbEoIwDEQTAYsFpCggCFQLXlDxyv//myKotdN9SeZkMtkNQCccGaY1JoaN8NWEOq6H6LkOnQ7IZyT4jAPC/HfDZvPfUhixrsSLBCQlJH7dSJfwpyxHKDgo4itYCxWKEipPhZsKtqhCtGAXauC+1qxrD2ktYZr9s0N+BLBPSky7K00kGQijpn/dWX7dxR/aK+Xidn/UgtNY8luUZtuaZdHHewIUrQq6CkaamgAAAABJRU5ErkJggg==) } .utility-nav-container .dropdown-item a.active:before { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/radio-on.png) } .utility-nav-container .nav-link.chat:before { content: "\E90F"; color: #002776 } .utility-nav-container .nav-link.search:before { content: "\E916" } .utility-nav-container .nav-link.phone:before { content: "\E915"; color: #002776 } .utility-nav-container .nav-link.call:before { content: "\E90D"; color: #002776 } .utility-nav-container .nav-link.call:before,.utility-nav-container .nav-link.phone:before { margin-right: 0 } .utility-nav-container .nav-link.travel:before { content: "\E918"; color: #002776 } .utility-nav-container .nav-link.language:before { background-position: -32px -2504px; background-size: 600% } .utility-nav-container .nav-item .nav-link:before { width: 14px; height: 14px; position: relative; top: 2px } .utility-nav-container .nav-item .nav-link.favourites { padding-left: 30px } .utility-nav-container .nav-item .nav-link.favourites:before { display: inline-block; top: 0; margin-right: 5px } .utility-nav-container .nav-item.phone .nav-link-desc { margin-top: -11px } .utility-nav-container .nav-item[data-name=language] { margin-top: -19px } .utility-nav-container .nav-item .nav-link.language { padding-top: 19px } .utility-nav-container .nav-item .dropdown-list.language { top: 40px } } @-webkit-keyframes animateCurve { 0% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_animation_fr1.svg); opacity: 1 } 5% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_animation_fr2.svg) } 10% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/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/explorebook/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 } to { 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/explorebook/resources/images/SVG/livery/logo_animation_fr1.svg); opacity: 1 } 5% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_animation_fr2.svg) } 10% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/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/explorebook/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 } to { 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/explorebook/resources/images/SVG/livery/logo_animation_fr4.svg) } 80% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_animation_fr3.svg) } 90% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_animation_fr2.svg) } to { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/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/explorebook/resources/images/SVG/livery/logo_animation_fr4.svg) } 80% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_animation_fr3.svg) } 90% { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_animation_fr2.svg) } to { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_animation_fr1.svg) } } @-webkit-keyframes animateLogo { 0% { top: 10px } to { top: 0 } } @keyframes animateLogo { 0% { top: 10px } to { top: 0 } } @-webkit-keyframes animateLogoReverse { 0% { top: 0 } to { top: 10px } } @keyframes animateLogoReverse { 0% { top: 0 } to { top: 10px } } @-webkit-keyframes animateLogoDesktop { 0% { top: 25px } to { top: 10px } } @keyframes animateLogoDesktop { 0% { top: 25px } to { top: 10px } } @-webkit-keyframes animateLogoReverseDesktop { 0% { top: 10px } to { top: 25px } } @keyframes animateLogoReverseDesktop { 0% { top: 10px } to { top: 25px } } @-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 } to { 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 } to { 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 } to { 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 } to { background-position: 0 -23px } } .global-header-container { background-color: #fff; border-bottom: 2px solid #988642; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box } .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: 17px; padding-right: 17px } .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:40px; padding-right: 40px } } .global-header-container .global-header { position: relative } .global-header-container .main-nav-item { padding-bottom: 25px } .global-header-container .main-nav-container .menu-bar,.global-header-container .menu-bar-small { height: 55px } .global-header-container .nav-brand-logo { width: 100px; margin: 0; text-align: left; position: relative; left: 6px; top: 5px } .global-header-container .brand-logo img { max-width: 107px; height: 39px; width: auto; margin: 0; z-index: 4; position: relative } .global-header-container .nav-call-btn .call-btn:after,.global-header-container .nav-close-btn .close-btn:after,.global-header-container .nav-toggle-btn .toggle-btn:after { content: "" } .global-header-container .nav-call-btn .call-btn:after { font-family: Icomoon; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; -webkit-font-smoothing: antialiased; content: "\E90A"; font-size: 18px; font-size: 1.125rem } .global-header-container .nav-call-btn .call-btn:after,.global-header-container .nav-toggle-btn .toggle-btn:after { display: inline-block; speak: none; text-transform: none; -moz-osx-font-smoothing: grayscale; width: auto; height: auto; color: #002776 } .global-header-container .nav-toggle-btn .toggle-btn:after { font-family: Icomoon; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; -webkit-font-smoothing: antialiased; content: "\E908" } .global-header-container .main-nav { border-bottom: 1px solid #ccc } .global-header-container .main-nav-container { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .global-header-container .main-nav-container { font-size:1.5rem; line-height: 1.333 } } .global-header-container .main-nav-container { color: #988642; background-color: #fff; text-transform: none; letter-spacing: 0.05rem; letter-spacing: .05rem } .global-header-container .main-nav-container .main-nav { margin-top: 55px } .global-header-container .main-nav-container .menu-bar { background-color: #002776; color: #fff; position: fixed; width: 100% } .global-header-container .menu-bar span { text-transform: uppercase } .global-header-container .menu-bar .close-btn:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; color: #fff; font-size: 20px; font-size: 1.25rem; margin-top: 10px } .global-header-container .main-nav-link { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .global-header-container .main-nav-link { font-size:.875rem; line-height: 1.5rem } } .global-header-container .main-nav-link { color: #666; font-size: 16px; font-size: 1rem; font-family: Praxis-semibold } .global-header-container .secondary-list-menu { color: #988642; background-color: #fff } .global-header-container .secondary-list-menu .action-bar .back-btn { margin: 17px 0 16px 20px } .global-header-container .secondary-list-menu .action-bar { position: fixed } .global-header-container .secondary-list-menu ul { padding-top: 90px } .global-header-container .secondary-list-menu li { padding-bottom: 30px } .global-header-container .image-list-menu { color: #988642; background-color: #fff; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1); box-shadow: 0 4px 8px rgba(0, 0, 0, .1) } .global-header-container .secondary-list-menu .secondary-link { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .global-header-container .secondary-list-menu .secondary-link { font-size:1rem; line-height: 1.625 } } .global-header-container .secondary-list-menu .secondary-link { color: #002776; text-transform: capitalize; font-size: 0.875rem; font-size: .875rem } .global-header-container .image-list-menu .image-link:before { background: -webkit-gradient(linear,left top, left bottom,color-stop(50%, transparent),to(#011949)); background: linear-gradient(transparent 50%,#011949); content: "" } .global-header-container .image-list-menu .image-link span { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .global-header-container .image-list-menu .image-link span { font-size:1.125rem; line-height: 1.555 } } .global-header-container .image-list-menu .image-link span { color: #fff; text-transform: uppercase } .global-header-container .action-bar { background-color: #002776; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff } .global-header-container .action-bar .back-btn { border-right: 1px solid #fff; padding: 1px 0; margin: 18px 0 18px 20px } .global-header-container .image-list-menu .action-bar .back-btn { padding: 0; margin-bottom: 17px } .global-header-container .image-list-menu .action-bar .close-btn:after { margin-top: 10px } .global-header-container .language .action-bar .close-btn:after { margin-top: 3px } .global-header-container .action-bar .back-btn:after,.global-header-container .action-bar .close-btn:after { content: "" } .global-header-container .action-bar .back-btn:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E929"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .global-header-container .action-bar .back-btn:after { font-size:1.125rem } } .global-header-container .action-bar .back-btn:after { color: #fff } .global-header-container .action-bar .close-btn:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; color: #fff; font-size: 20px; font-size: 1.25rem; margin-top: 10px } .global-header-container .action-text span { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .global-header-container .action-text span { font-size:1.375rem; line-height: 1.363 } } .global-header-container .action-text span { color: #fff } .global-header-container .nav-Curve { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/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(0 8px 4px rgba(0, 0, 0, .1)); filter: drop-shadow(0 8px 4px rgba(0, 0, 0, .1)) } .global-header-container.header-at-scroll .nav-Curve { -webkit-animation: animateCurve .6s ease-in-out; animation: animateCurve .6s ease-in-out; opacity: 0 } .global-header-container.header-at-rev-scroll .nav-Curve { -webkit-animation: animateCurveReverse .6s cubic-bezier(0,.19,0,1.29); animation: animateCurveReverse .6s cubic-bezier(0,.19,0,1.29) } .global-header-container .nav-brand-logo a:before { background: -webkit-gradient(linear,left bottom, left top,color-stop(0, hsla(0, 0%, 100%, .3)),color-stop(60%, hsla(0, 0%, 100%, .9)),to(#fff)); background: linear-gradient(0deg,hsla(0, 0%, 100%, .3) 0,hsla(0, 0%, 100%, .9) 60%,#fff); position: absolute; content: ""; width: 135%; height: 35px; left: -22px; top: -11px; z-index: 2; overflow: visible } .global-header-container.header-at-scroll .nav-brand-logo a:before { visibility: hidden } .global-header-container.header-at-rev-scroll .nav-brand-logo a:before { visibility: visible } .global-header-container.header-at-scroll .mob-logo-po { -webkit-animation: animateLogo .8s cubic-bezier(0,.19,0,1.29); animation: animateLogo .8s cubic-bezier(0,.19,0,1.29); top: 0 } .global-header-container.header-at-rev-scroll .mob-logo-po { -webkit-animation: animateLogoReverse .8s cubic-bezier(0,.19,0,1.29); animation: animateLogoReverse .8s cubic-bezier(0,.19,0,1.29); top: 10px } .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.header-at-scroll .menu-bar-small:after { width: 0; left: 0 } @media (min-width: 768px) { .global-header-container .nav-brand-logo { width:180px; left: 19px } .global-header-container .brand-logo img { max-width: 180px; height: 68px } .global-header-container .main-nav-container .main-nav { margin-top: 90px } .global-header-container .main-nav-item { padding-bottom: 50px } .global-header-container .image-list-menu .action-bar .back-btn { padding: 0; margin-bottom: 29px } .global-header-container .image-list-menu .action-bar .close-btn:after { margin-top: 11px } .global-header-container .action-bar .back-btn:after { height: auto } .global-header-container .action-bar .back-btn { padding: 1px 0; margin: 30px 0 30px 30px } .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-toggle-btn .toggle-btn:after { font-size: 1.5rem } .global-header-container .secondary-list-menu .action-bar .back-btn { padding: 0; margin: 30px 0 29px 30px } .global-header-container .secondary-list-menu { margin-top: 0 } .global-header-container .secondary-list-menu ul { padding-top: 150px } .global-header-container .secondary-list-menu li { padding-bottom: 50px } .global-header-container .main-nav-link,.global-header-container .secondary-list-menu .secondary-link,.global-header-container .utility-nav-container .dropdown-item a { font-size: 1.5rem } .global-header-container .nav-Curve { left: 25px; height: 160px } .global-header-container .nav-brand-logo a:before { left: -42px } } @media (min-width: 1025px) { .global-header-container { height:120px; -webkit-box-sizing: border-box; box-sizing: border-box } .global-header-container .navigation { margin-right: -10px } .global-header-container .global-header { height: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; position: static } .global-header-container .nav-brand-logo { width: 211px; position: absolute; left: 20px; top: 25px; padding: 10px 15px } .global-header-container.header-at-scroll .nav-brand-logo { -webkit-animation: animateLogoDesktop .8s cubic-bezier(0,.19,0,1.29); animation: animateLogoDesktop .8s cubic-bezier(0,.19,0,1.29); top: 10px } .global-header-container.header-at-rev-scroll .nav-brand-logo { -webkit-animation: animateLogoReverseDesktop .8s cubic-bezier(0,.19,0,1.29); animation: animateLogoReverseDesktop .8s cubic-bezier(0,.19,0,1.29); top: 25px } .global-header-container .nav-brand-logo a:before { height: 77px; left: -45px; top: -24px } .global-header-container .main-nav-container .main-nav { margin-top: 0 } .global-header-container .main-nav-container { background: transparent; margin-bottom: -5px } .global-header-container .main-nav-item { color: #fff; padding-bottom: 0 } .global-header-container .brand-logo img { max-width: 211px; height: 77px } .global-header-container .main-nav-link { color: #002776 } .global-header-container .main-nav { border-bottom: 0; overflow: hidden; padding-bottom: 0 } .global-header-container .image-list.active .main-nav-link,.global-header-container .secondary-list.active .main-nav-link { background: #f2f0e8; color: #002776 } .global-header-container .secondary-list-menu ul { padding: 0 } .global-header-container .secondary-list-menu li { padding: 30px 0 0 } .global-header-container .secondary-list-menu { background: #fff } .global-header-container .secondary-list-menu .secondary-link { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .global-header-container .secondary-list-menu .secondary-link { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .global-header-container .secondary-list-menu .secondary-link { color:#002776 } .global-header-container .image-list-menu { background: #f2f0e8 } .global-header-container .image-list-menu a:before { background: -webkit-gradient(linear,left top, left bottom,color-stop(50%, transparent),to(#b0263a)); background: linear-gradient(transparent 50%,#b0263a); content: "" } .global-header-container .image-list-menu span { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .75rem; line-height: 1.667; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .global-header-container .image-list-menu span { font-size:1.125rem; line-height: 1.555 } } @media (min-width: 1025px) { .global-header-container .image-list-menu span { color:#fff } .global-header-container .main-nav-item .main-nav-link { font-size: 1.125rem; padding-bottom: 19px; padding-top: 16px; border-top: 1px solid transparent } .global-header-container .image-list .main-nav-link,.global-header-container .secondary-list .main-nav-link { border: 1px solid transparent; border-bottom: 0 } .global-header-container .main-nav-link.active { border-bottom: 4px solid #988642; position: relative; padding-bottom: 13px } .global-header-container .image-list.active .main-nav-link.active,.global-header-container .secondary-list.active .main-nav-link.active { padding-bottom: 19px; border-bottom: 0 } .global-header-container .image-list.active .image-list-menu,.global-header-container .secondary-list.active .secondary-list-menu { margin-top: 0; border-top: none; background-color: #f2f0e8; padding: 15px 0 81px } .global-header-container .image-list.active .image-list-menu { padding: 50px 0 40px } .global-header-container .image-list.active .main-nav-link,.global-header-container .secondary-list.active .main-nav-link { background-color: #f2f0e8; position: relative; z-index: 888; border: 1px solid #e3e2e8; border-bottom: 0 } .global-header-container .image-list.active .main-nav-link:after,.global-header-container .secondary-list.active .main-nav-link:after { content: ""; width: 100%; position: absolute; height: 3px; bottom: 0; left: 0; background-color: #f2f0e8; z-index: 999 } .global-header-container .image-list.active .main-nav-link.active:before,.global-header-container .secondary-list.active .main-nav-link.active:before { display: none } .global-header-container .utility-nav-container .nav .nav-item { font-size: 1rem } .global-header-container .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu .dropdown-item { padding: 9px 25px } .global-header-container .utility-nav-container .nav-item .custom-dropdown-wrapper { padding-right: 0 } .global-header-container .menu-bar-small { position: relative } .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: 0; left: 0 } .ie-css .global-header-container .nav-Curve { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/SVG/livery/logo_livery.svg); background-size: 100%; background-position: 0 -23px } .ie-css .global-header-container.header-at-scroll .nav-Curve { -webkit-animation: animateCurveIE .6s ease-in-out; animation: animateCurveIE .6s ease-in-out; -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); opacity: 0 } .ie-css .global-header-container.header-at-rev-scroll .nav-Curve { -webkit-animation: animateCurveReverseIE .6s cubic-bezier(0,.19,0,1.29); animation: animateCurveReverseIE .6s cubic-bezier(0,.19,0,1.29); -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1) } } @media (min-width: 1281px) { .global-header-container .navigation { margin-right:-25px } .global-header-container .utility-nav-container .nav .nav-item:last-child { margin-right: 30px } } .read-more-component { margin: 50px 0 24px; text-align: center; padding: 1px } .read-more-component a { position: relative; display: inline-block; padding-bottom: 10px; cursor: pointer; text-decoration: inherit; color: inherit } .read-more-component a:after { display: block; width: 24px; height: 15px; margin: 7px auto } @media (min-width: 768px) { .read-more-component a:after { margin:15px auto 0 } .read-more-component a { padding-bottom: 0 } } .hero-tile-container { width: 100%; margin: 0 auto } .hero-tile-container .ht-background1 { overflow: hidden; position: relative; z-index: 0 } .hero-tile-container .ht-background1 .video-container-hero .close-button-container .close-icon { display: inline-block; width: 20px; height: 20px } .hero-tile-container .ht-background1 img { width: 100% } .hero-tile-container .ht-background1 .video-child-container-mobile .videoplayer .amp-controls .amp-icon.amp-control { margin-left: .2em; font-size: unset } .hero-tile-container .ht-background1 .video-child-container-mobile .videoplayer .amp-pause-overlay { margin: -2em 0 0 -1em } .hero-tile-container .ht-background1 .video-container-hero-parent .image-container.hideimg,.hero-tile-container .ht-background1 .video-container-hero-parent .video-container-hero.none { display: none } .hero-tile-container .ht-background1 .video-container-hero-parent .video-container-hero.hideimg { display: block } .hero-tile-container .ht-background1 .video-container-hero .videoplayer video { height: 100%; width: 100% } .hero-tile-container .ht-background1 .videoplayer .amp-poster { display: none } .hero-tile-container .ht-background1 .video-container-hero .video-child-container { position: relative } .hero-tile-container .ht-background1 .video-container-hero .close-button-container { position: absolute; right: 17px; top: 17px } .hero-tile-container .ht-background1 .video-container-hero .close-button-container .price-close-button { background: #000; border: none } .hero-tile-container .ht-background1 .video-container-hero .close-button-container .close-label { display: none } .hero-tile-container .ht-background1 .video-container-hero.mobile { padding: 0 31px 52px } .hero-tile-container .ht-background1 .video-container-hero .video-child-container-mobile { position: relative } .hero-tile-container .ht-background1 .video-container-hero .video-child-container-mobile .amp-ui { font: small-caption } .hero-tile-container .ht-background1 .video-container-hero.mobile .close-button-container { position: absolute; right: 0; top: 0 } .hero-tile-container .infocard-wrapper .infocard .cta-holder.svp { display: none } .hero-tile-container .infocard-wrapper { width: 92%; padding: 15px; margin: -53px auto 0; position: relative } .hero-tile-container .infocard { padding: 20px } .hero-tile-container .infocard .afar-text { display: block } .hero-tile-container .infocard .infocard-logo { position: absolute; top: 0; left: 50%; width: 73px; padding: 0 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%) } .hero-tile-container .infocard-logo h2 { margin: 10px 0 25px } .hero-tile-container .infocard-logo p { max-width: 578px; margin: 0 auto 25px } .hero-tile-container .cta-holder { margin-top: 24px } .hero-tile-container .ht-background { max-height: inherit; overflow: hidden; position: relative; z-index: 0 } .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 .readmore { height: 100px; overflow: hidden; margin-top: 0; position: relative; -webkit-transition: height .25s; transition: height .25s } .hero-tile-container .infocard .readmore p { margin-top: 0 } .hero-tile-container .infocard .readmore.open { height: auto } .hero-tile-container .infocard .readmore:before { content: ""; display: block; width: 100%; height: 50px; position: absolute; left: 0; bottom: 0 } .hero-tile-container .infocard .readmore.open:before { display: none } .hero-tile-container .infocard .title { margin-bottom: 0 } .hero-tile-container .infocard h1 { margin-top: 10px } .hero-tile-container .ship-facts-container { padding: 0 0 0 10px; margin: 0 -24px 25px } .hero-tile-container .cta-icon span { width: 23px; height: 23px; content: ""; display: inline-block; vertical-align: middle; margin-right: 12px } .hero-tile-container .ship-facts { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .hero-tile-container .ship-facts .item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0 } .hero-tile-container .ship-facts .content,.hero-tile-container .ship-facts .icon { display: inline-block } .hero-tile-container .ship-facts .content { padding-top: 5px } .hero-tile-container .ship-facts .icon { width: 25px; display: block; margin: 0 auto } .hero-tile-container .ship-facts .item:last-child { border-right: none; padding-right: 0 } .hero-tile-container .ship-facts .item:first-child { padding-left: 0 } .hero-tile-container .ship-facts .content,.hero-tile-container .ship-facts .icon,.hero-tile-container .ship-facts .icon img,.hero-tile-container .ship-facts .item { vertical-align: middle } .hero-tile-container .ship-facts .content .caption,.hero-tile-container .ship-facts .content .statistic { display: block } .hero-tile-container .ship-facts .content .statistic { padding-top: 5px } .hero-tile-container .ship-facts .content.switched .statistic { padding-top: 0 } .hero-tile-container.variation .cta-holder.lvp { display: none } .hero-tile-container.variation .infocard-wrapper .infocard .cta-holder.svp { display: block; position: static; text-align: center } .hero-tile-container.port-variation { min-height: 250px; overflow: hidden } .hero-tile-container.port-variation .infocard-wrapper { max-width: 1170px; width: 89%; padding: 0; margin: -55px auto 0 } .hero-tile-container.port-variation .infocard { padding: 20px 24px 0 } .hero-tile-container.port-variation .infocard .title { margin: 0 0 30px; line-height: 32px; line-height: 2rem } .hero-tile-container.port-variation .infocard .afar-text { margin: 0 0 25px } .hero-tile-container.port-variation .infocard .desc,.hero-tile-container.port-variation .infocard p { max-width: none; line-height: 22px; line-height: 1.375rem } .hero-tile-container.port-variation .infocard .readmore { height: 180px; overflow: hidden } .hero-tile-container.port-variation .infocard .readmore.open { height: auto } .hero-tile-container.port-variation .readmoreLink { margin: 50px 0 24px } .hero-tile-container.port-variation .infocard-logo { display: none } .hero-tile-container.port-variation .cta-holder { margin-top: 20px } .hero-tile-container.port-variation .cta-noIcon span { display: none } .hero-tile-container.port-variation .cta-icon img { max-width: 45px } .hero-tile-container.port-variation .port-map-image-container { display: none } .hero-tile-container.port-variation .desc-container.readmore { height: 180px; overflow: hidden } .hero-tile-container.port-variation .desc-container.readmore.open { height: auto; overflow: visible } .hero-tile-container.port-variation .akamai-layer,.hero-tile-container.port-variation .akamai-media-element,.hero-tile-container.port-variation .akamai-player { position: static } .hero-tile-container.port-variation .ship-facts .icon { height: 35px } .hero-tile-container.port-variation .ratings { padding-top: 20px } .hero-tile-container.port-variation .ratings span { display: inline-block; width: 18px; height: 17px; margin-right: 10px } .hero-tile-module.hero-tile-type-mediaplayer .ht-background { padding-bottom: 92% } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper .infocard-wrapper { margin: 0 auto } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper .infocard-logo { position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; margin: 0 auto } .hero-tile-module.hero-tile-type-mediaplayer .mp-poster { height: 100% } .hero-tile-module.hero-tile-type-mediaplayer .mp-poster img { height: 100%; -webkit-transform: scaleX(1); transform: scaleX(1) } .hero-tile-module.hero-tile-type-mediaplayer .mp-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .hero-tile-module.hero-tile-type-mediaplayer .mp-video-hide { z-index: -1 } .hero-tile-module.hero-tile-type-mediaplayer .mp-video-show { z-index: 1 } .hero-tile-module.hero-tile-type-mediaplayer .mp-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden } .hero-tile-module.hero-tile-type-mediaplayer .mp-youtube-video #youTubeVideo,.hero-tile-module.hero-tile-type-mediaplayer .mp-youtube-video #youTubeVideoPoster { pointer-events: none } .hero-tile-module.hero-tile-type-mediaplayer .mp-video-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden } .hero-tile-module.hero-tile-type-mediaplayer .mp-video-background:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); z-index: 1 } .hero-tile-module.hero-tile-type-mediaplayer .mp-video-background .mp-html-video,.hero-tile-module.hero-tile-type-mediaplayer .mp-video-background .mp-youtube-video { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .hero-tile-module.hero-tile-type-mediaplayer .mp-html-video,.hero-tile-module.hero-tile-type-mediaplayer .mp-youtube-video { height: 100% } .hero-tile-module.hero-tile-type-mediaplayer .mp-html-video .akamai-player { min-height: 0; height: 100% } .hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .mp-wrapper-no-poster+.herotile-mp-text,.hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .mp-wrapper-show-video+.herotile-mp-text { display: none } .hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text { position: absolute; z-index: 1; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box } .hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-title { margin: 0 } .hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-description-wrapper,.hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-subtitle,.hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text-style_3,.hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text-style_4 { display: none } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_1 .subtitle,.hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_1 .title { display: none } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_1 .herotile-mp-text { pointer-events: none } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_2 .title { display: none } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_2 .herotile-mp-text { pointer-events: none } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_3 .subtitle,.hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_4 .subtitle { display: none } @media screen and (max-aspect-ratio: 2/1) { .hero-tile-module.hero-tile-type-mediaplayer .mp-video-background .mp-html-video,.hero-tile-module.hero-tile-type-mediaplayer .mp-video-background .mp-youtube-video:not(.mp-youtube-poster-mobile) { width:300%; left: -100% } } @media screen and (min-aspect-ratio: 2/1) { .hero-tile-module.hero-tile-type-mediaplayer .mp-video-background .mp-html-video,.hero-tile-module.hero-tile-type-mediaplayer .mp-video-background .mp-youtube-video:not(.mp-youtube-poster-mobile) { height:300%; top: -100% } } @media (min-width: 768px) { .hero-tile-container .infocard-wrapper { max-width:79%; margin: -208px auto 0; padding: 40px; width: 79% } .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 .ship-fact .item { padding: 0 5px } .hero-tile-container .ship-fact .icon { width: 35px } .hero-tile-container .ship-fact .item { -webkit-box-flex: 0.26; -ms-flex-positive: 0.26; flex-grow: 0.26 } .hero-tile-container .ship-fact .content { padding-left: 15px } .hero-tile-container .ht-background1 .video-container-hero { padding: 0 105px 82px; background: #000 } .hero-tile-container .ht-background1 .video-container-hero .video-child-container .amp-ui { font: small-caption } .hero-tile-container.port-variation .infocard-wrapper { width: 91%; margin: -212px auto 0 } .hero-tile-container.port-variation .infocard { padding: 40px 40px 50px } .hero-tile-container.port-variation .infocard .desc,.hero-tile-container.port-variation .infocard p { margin: 0 auto; max-width: none; line-height: 1.625rem } .hero-tile-container.port-variation .infocard .title { margin: 0 0 20px; line-height: 3.125rem } .hero-tile-container.port-variation .infocard .afar-text { margin: 0 0 12px } .hero-tile-container.port-variation .cta-holder { margin-top: 20px } .hero-tile-container.port-variation.cta-holder a { padding: 24px 79px } .hero-tile-container.port-variation .desc-container.readmore { height: 140px } .hero-tile-container.port-variation .readmoreLink { margin: 50px 0 20px } .hero-tile-container.port-variation .ship-facts .item:last-child .content { width: auto } .hero-tile-module.hero-tile-type-mediaplayer .ht-background { padding-bottom: 82% } .hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text-style_2 .herotile-mp-subtitle,.hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text-style_4,.hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text-style_4 .herotile-mp-description-wrapper,.hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text-style_4 .herotile-mp-title { display: block } .hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text-style_4 .herotile-mp-link { display: none } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_2 .subtitle,.hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_4 .desc,.hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_4 .read-more-component,.hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_4 .subtitle,.hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_4 .title { display: none } } @media (min-width: 1025px) { .hero-tile-container .infocard-wrapper { max-width:65%; margin: -83px 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; margin: 0 auto; text-align: center } .hero-tile-container.cta-icon span { width: 45px; height: 45px; margin-right: 20px } .hero-tile-container .ship-facts-container { margin: 0 } .hero-tile-container .ship-facts { display: block } .hero-tile-container .ship-facts .item { padding: 0 20px; display: inline-block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .hero-tile-container .ship-facts .icon { margin-right: 12px } .hero-tile-container .ship-facts .item:first-child { text-align: left } .hero-tile-container .ht-background1 .video-container-hero { padding: 0 280px 82px; background-color: #000 } .hero-tile-container.variation .cta-holder.lvp { display: block } .hero-tile-container.variation .infocard-wrapper .infocard .cta-holder.svp { display: none } .hero-tile-container.port-variation { text-align: left } .hero-tile-container.port-variation .infocard-wrapper { max-width: 1170px; width: 79%; margin: -85px auto 0 } .hero-tile-container.port-variation .infocard { padding: 40px 60px 0 } .hero-tile-container.port-variation .cta-holder { position: absolute; right: 60px; top: 40px; margin-top: 0 } .hero-tile-container.port-variation .cta-holder .secondary { padding: 19px 60px } .hero-tile-container.port-variation .infocard .readmore { height: 110px; overflow: hidden } .hero-tile-container.port-variation .infocard .readmore.open { display: inline } .hero-tile-container.port-variation .infocard .title { max-width: calc(100% - 300px); text-align: left; margin: 0 0 20px } .hero-tile-container.port-variation .infocard .afar-text { margin: 0 0 30px } .hero-tile-container.port-variation .readmoreLink { margin: 74px 0 24px } .hero-tile-container.port-variation .port-map-image-container { display: inline-block; float: right; height: 330px; width: 404px; margin: 0 0 20px 20px } .hero-tile-container.port-variation .port-map-image { max-height: 100% } .hero-tile-container.port-variation .infocard-wrapper.left { margin-left: 64px } .hero-tile-container.port-variation .infocard-wrapper.right { margin-right: 64px } .hero-tile-container.port-variation .ship-facts-container { padding: 0 0 25px; width: 63% } .hero-tile-module.hero-tile-type-mediaplayer .ht-background { padding-bottom: 50% } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper .infocard-wrapper { margin: 0 auto; padding: 30px } .hero-tile-module.hero-tile-type-mediaplayer .herotile-mp-wrapper .herotile-mp-text-style_4 .herotile-mp-link { display: block } .hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_4 .cta-holder,.hero-tile-module.hero-tile-type-mediaplayer .herotile-info-card-wrapper.herotile-info-card-wrapper-style_4 .infocard-logo { display: none } } .mp-wrapper .amp-pause-overlay,.mp-wrapper .mp-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: transparent; border: none; height: 46px; width: 46px; background-repeat: no-repeat; background-size: contain; cursor: pointer; font-size: 0; z-index: 2 } .mp-wrapper .amp-pause-overlay:before { display: none } .mp-wrapper .amp-pause-overlay:hover { background-color: transparent } .mp-controls { position: absolute; width: 100%; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .mp-controls .mp-controls-buttons-wrapper { z-index: 1; position: relative; background: -webkit-gradient(linear,left top, left bottom,from(transparent),to(#000)); background: linear-gradient(180deg,transparent,#000); bottom: -10px; padding-bottom: 10px } .mp-controls .mp-controls-buttons { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .mp-controls .mp-controls-buttons:before { content: ""; display: table } .mp-controls .mp-controls-buttons:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .mp-controls .mp-controls-buttons { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .mp-controls .mp-controls-buttons { padding-left:40px; padding-right: 40px } } .mp-controls .mp-controls-buttons { -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; padding-top: 20px; padding-bottom: 20px } .mp-controls .mp-controls-left { text-align: left } .mp-controls .mp-controls-right { text-align: right; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .mp-controls .mp-button { cursor: pointer; background-color: transparent; border: none; padding: 0; height: 22px; width: 22px } .mp-controls .mp-duration { display: inline-block; vertical-align: middle; margin-right: 20px } .mp-controls .mp-volume { position: relative; display: none; vertical-align: middle; margin-right: 20px } .mp-controls .mp-captions,.mp-controls .mp-share { position: relative; display: inline-block; vertical-align: middle } .mp-controls .mp-captions { margin-right: 20px } .mp-controls .mp-captions.mp-captions-active:before { content: ""; position: absolute; bottom: -2px; left: 0; height: 2px; width: 23px } .mp-controls .mp-bar-volume-wrapper { width: 22px; height: 100px; position: absolute; bottom: 30px; background: rgba(0, 0, 0, .6); border-radius: 10px; cursor: pointer } .mp-controls .mp-bar-volume { position: absolute; left: 11px; bottom: 8px; -webkit-transform: rotate(270deg); transform: rotate(270deg); margin: 0; padding: 0; width: 80px; height: 2px; -webkit-transform-origin: 0; transform-origin: 0; -webkit-appearance: none; background: #fff; border: none } .mp-controls .mp-bar-volume::-ms-fill-lower,.mp-controls .mp-bar-volume::-ms-fill-upper { background: #000 } .mp-controls .mp-bar-volume::-moz-range-track { border: none; background: #000 } .mp-controls .mp-bar-volume::-webkit-slider-thumb { -webkit-appearance: none; background: #fff; height: 12px; width: 12px; border-radius: 100%; cursor: pointer } .mp-controls .mp-bar-volume::-moz-range-thumb { background: #fff; height: 12px; width: 12px; border-radius: 100%; cursor: pointer } .mp-controls .mp-bar-volume::-ms-thumb { -webkit-appearance: none; background: #fff; height: 12px; width: 12px; border-radius: 100%; cursor: pointer } .mp-controls .mp-progress { cursor: pointer; width: 100%; height: 10px; background-color: rgba(6, 60, 93, .6); z-index: 1; position: relative } .mp-controls .mp-bar-progress { height: 100%; -webkit-transition: width .1s linear; transition: width .1s linear } .mp-social-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .85); z-index: 3 } .mp-social-overlay .mp-social-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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .mp-social-overlay .mp-social-links { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 } .mp-social-overlay .mp-social-link { width: 35px; height: 35px; padding: 0; margin: 0 8px; list-style-type: none } .mp-social-overlay .mp-social-icon { text-decoration: none; cursor: pointer } .mp-social-overlay .mp-social-close { background: transparent; height: 22px; width: 22px; cursor: pointer; border: none; position: absolute; right: 17px; top: 97px } .mp-social-overlay .mp-social-close:before { position: absolute; top: 0; right: 0 } .has-competition-banner .mp-social-overlay .mp-social-close { top: 72px } @media (min-width: 1025px) { .mp-wrapper:hover .mp-progress { height:10px } .mp-wrapper:hover .mp-controls-buttons-wrapper { -webkit-transform: translateY(0); transform: translateY(0) } .mp-wrapper:hover .mp-volume:before { display: block } .mp-controls .mp-controls-buttons-wrapper { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out,-webkit-transform .2s ease-out } .mp-controls .mp-progress { height: 6px; -webkit-transition: height .2s ease-out; transition: height .2s ease-out } .mp-controls .mp-volume { display: inline-block } .mp-controls .mp-volume:before { content: ""; position: absolute; height: 100px; width: 22px; left: 0; bottom: 0; display: none } } .hero-tile-container.variation { min-height: 250px } .hero-tile-container.variation .infocard-wrapper { max-width: 1170px; width: 89%; padding: 0; margin: -50px auto 0 } .hero-tile-container.variation .infocard { padding: 24px } .hero-tile-container.variation .infocard .title { margin: 0 0 21px; line-height: 32px; line-height: 2rem } .hero-tile-container.variation .infocard .desc,.hero-tile-container.variation .infocard p { margin: 28px auto; max-width: none } .hero-tile-container.variation .infocard .readmore { height: 80px; overflow: hidden; position: relative } .hero-tile-container.variation .infocard .readmore.open { height: auto } .hero-tile-container.variation .infocard .readmore:before { content: ""; display: block; width: 100%; height: 50px; position: absolute; left: 0; bottom: 0 } .hero-tile-container.variation .infocard .readmore.open:before { display: none } .hero-tile-container.variation .readmoreLink { margin: 50px 0 24px } .hero-tile-container.variation .infocard-logo { display: none } .hero-tile-container.variation .cta-holder .secondary { text-decoration: none } .hero-tile-container.variation .cta-noIcon span { display: none } .hero-tile-container.variation .cta-icon img { max-width: 45px } .hero-tile-container.variation .ratings { padding-top: 20px } .hero-tile-container.variation .ratings span { display: inline-block; width: 18px; height: 17px; margin-right: 10px } .hero-tile-container .akamai-layer,.hero-tile-container .akamai-media-element,.hero-tile-container .akamai-player { position: static } .hero-tile-container .desc-bullet-list:after { content: ""; display: table; clear: both } .hero-tile-container .desc-bullet { text-align: left; float: left; clear: left; display: block; line-height: 28px; line-height: 1.75rem } .hero-tile-container .desc-bullet:before { content: ""; display: list-item; float: left; font-size: 0.625rem; font-size: .625rem; line-height: 28px; line-height: 1.75rem; vertical-align: middle } @media (min-width: 768px) { .hero-tile-container.variation .ht-background { max-height:568px } .hero-tile-container.variation .infocard-wrapper { margin: -200px auto 0; width: 92% } .hero-tile-container.variation .infocard { padding: 40px } .hero-tile-container.variation .infocard .desc,.hero-tile-container.variation .infocard p { margin: 0 auto; max-width: none } .hero-tile-container.variation .infocard .title { line-height: 3.125rem; margin: 0 0 40px } .hero-tile-container.variation .cta-holder { margin-top: 24px } .hero-tile-container.variation.cta-holder a { padding: 24px 79px } } @media (min-width: 981px) { .hero-tile-container .ht-background img { -o-object-fit:cover; object-fit: cover; max-height: 575px } .hero-tile-container .infocard-wrapper { margin-top: -185px } } @media (min-width: 1025px) { .hero-tile-container.variation { text-align:left } .hero-tile-container.variation .ht-background { max-height: 486px } .hero-tile-container.variation .infocard-wrapper { width: 79%; margin: -127px auto 0 } .hero-tile-container.variation .infocard { padding: 60px } .hero-tile-container.variation .cta-holder { position: absolute; right: 60px; top: 30px; margin-top: 0 } .hero-tile-container.variation .infocard .cta-holder { width: auto } .hero-tile-container.variation .cta-holder .secondary { padding: 15px 12px } .hero-tile-container.variation .infocard .readmore { height: 100px; overflow: hidden } .hero-tile-container.variation .infocard .title { max-width: 70%; text-align: left; margin: 0 0 30px } .hero-tile-container.variation .infocard-wrapper.left { margin-left: 64px } .hero-tile-container.variation .infocard-wrapper.right { margin-right: 64px } .hero-tile-container .desc-bullet { text-align: left; float: left; display: block; width: calc(49.95% - 15px) } .hero-tile-container .desc-bullet:nth-child(1n) { float: left; margin-right: 30px; clear: none } .hero-tile-container .desc-bullet:last-child { margin-right: 0 } .hero-tile-container .desc-bullet:nth-child(2n) { margin-right: 0; float: right } .hero-tile-container .desc-bullet:nth-child(odd) { clear: both } .hero-tile-container .ht-background img { max-height: 100% } :root .hero-tile-container .desc-bullet,_:-ms-fullscreen .desc-bullet { display: list-item } } .hero-tile-container.variation .cta-holder a.cta-noIcon { padding: 18px 50px } .hero-tile-container.variation .readmoreLink { margin-top: 24px; margin-bottom: 5px } .hero-tile-container.variation .infocard .desc { margin-top: 9px } .hero-tile-container.variation .showReadMore .desc:before { content: ""; background: linear-gradient(180deg,hsla(0, 0%, 100%, 0) 30px,#fff); display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0 } .hero-tile-container.variation .desc-container.open .desc:before { background: none } .hero-tile-container { text-align: center } .hero-tile-container .infocard-wrapper { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box } .hero-tile-container .infocard { border: 1px solid rgba(0, 39, 118, .35) } .hero-tile-container .infocard .infocard-logo { background: #fff } .hero-tile-container .infocard .infocard-logo img { max-height: 56px } .hero-tile-container .infocard h2 { color: #666; font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .hero-tile-container .infocard h2 { font-size:2.5rem; line-height: 1.25 } } .hero-tile-container .infocard h2 { font-style: normal } .hero-tile-container .infocard p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .hero-tile-container .infocard p { font-size:1.125rem; line-height: 1.555 } } .hero-tile-container .infocard p { color: #666 } .hero-tile-container .infocard .desc { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .hero-tile-container .infocard .desc { font-size:1.125rem; line-height: 1.555 } } .hero-tile-container .infocard .desc { color: #666 } .hero-tile-container .desc-container { padding-top: 20px } .hero-tile-container .desc { color: transparent; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .hero-tile-container .desc { font-size:1.125rem; line-height: 1.555 } } .hero-tile-container .desc { line-height: 1.5; font-size: 16px; font-size: 1rem } .hero-tile-container .cta-holder .secondary { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .hero-tile-container .cta-holder .secondary { font-size:1.125rem; border-radius: 15px } } .hero-tile-container .cta-holder .secondary { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .hero-tile-container .cta-holder .secondary:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .hero-tile-container .cta-holder .secondary:after { font-size:1.125rem } } .hero-tile-container .cta-holder .secondary:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .hero-tile-container .cta-holder .secondary:after { font-size:.75rem } } @media (min-width: 768px) { .hero-tile-container .cta-holder .secondary { font-size:1rem } } .hero-tile-container .cta-holder .secondary { border-bottom: 0 } .hero-tile-container .cta-holder .secondary.cta-icon:after { content: "" } .hero-tile-container.variation .infocard { border: none; padding: 24px 24px 0 } .hero-tile-container.variation .infocard-wrapper { -webkit-box-shadow: none; box-shadow: none } .hero-tile-container.variation .infocard .title { font-weight: 400; margin-bottom: 13px } .hero-tile-container.variation .readmoreLink { margin-top: 25px; margin-bottom: 0 } .hero-tile-container.variation .readmoreLink a { height: 35px } .hero-tile-container.variation .infocard .desc,.hero-tile-container.variation .infocard p { margin-bottom: 10px } .hero-tile-container.variation .cta-holder .cta-icon { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .hero-tile-container.variation .cta-holder .cta-icon { font-size:1rem; width: auto; border-radius: 10px } } .hero-tile-container.variation .cta-holder .cta-icon:hover { background: #b0263a } .hero-tile-container.variation .cta-holder .cta-icon.active,.hero-tile-container.variation .cta-holder .cta-icon:active,.hero-tile-container.variation .cta-holder .cta-icon:focus { background: #b10f26 } .hero-tile-container.variation .cta-holder .cta-icon.disabled,.hero-tile-container.variation .cta-holder .cta-icon[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .hero-tile-container.variation .cta-holder .cta-icon { background: none; color: #0076ce } .hero-tile-container.variation .cta-holder .cta-icon:focus { background: none } .hero-tile-container.variation .cta-holder .cta-noIcon { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .hero-tile-container.variation .cta-holder .cta-noIcon { font-size:1rem; width: auto; border-radius: 10px } } .hero-tile-container.variation .cta-holder .cta-noIcon:hover { background: #b0263a } .hero-tile-container.variation .cta-holder .cta-noIcon.active,.hero-tile-container.variation .cta-holder .cta-noIcon:active,.hero-tile-container.variation .cta-holder .cta-noIcon:focus { background: #b10f26 } .hero-tile-container.variation .cta-holder .cta-noIcon.disabled,.hero-tile-container.variation .cta-holder .cta-noIcon[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .hero-tile-container.variation .cta-holder .cta-noIcon:after { content: "" } .hero-tile-container.variation .desc-container { padding-top: 0 } .show-focus-outlines .hero-tile-container.variation.cta-holder .cta-icon:focus { outline: 1px auto #3b99fc; background: none } .hero-tile-container.variation .ratings span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjdBM0IyQjc0MzgwMTFFNzhDQTFEODQwQThBNzlDMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjdBM0IyQjg0MzgwMTFFNzhDQTFEODQwQThBNzlDMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGN0EzQjJCNTQzODAxMUU3OENBMUQ4NDBBOEE3OUMzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGN0EzQjJCNjQzODAxMUU3OENBMUQ4NDBBOEE3OUMzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq4Dc1cAAAE/SURBVHjanNQ7SwNBFIbh3UQlIIh4iRGjKVRUFKxSS8pAGhErwUvnf9BOG0WxV8FC0D8gWFqYLuVaiAQsbExAsIkkipf3wBGWwdlxM/AUO9n9ZnLm7PpBEHiOUcIoztC03dThCBnELvpxg3vbjQlHUBFTyGIRfjtBsotVpPR6BdNxg7qwhIXQ3KzuqttWI/lhHr3oQwbjKPxRw03MoIpn1PCCO59Tk4eukdOdxBlfeMVGQpPPvfbGN27lNCWogR1s4T1GyAf2ZTd4CNfgUFfY1npFjYaG7KFlnpqEHOEEn46gsga1bMcvxXv7599qRvWRNF8eSUfQkLaJNagTaWPuERVjLq29Zn1pc7qap812gUvUsYw1zGEAI1FBE+jBKY6NnRzgCusaOBl+0De+RxIyjKeIosviY9oCtd/JHwEGAK63P2Ka7uK9AAAAAElFTkSuQmCC) } .hero-tile-container.variation .ratings span.active { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU2QUFBQjk0MzgwMTFFN0FFNkRFQUNGOEFFNDVDNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU2QUFBQkE0MzgwMTFFN0FFNkRFQUNGOEFFNDVDNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNTZBQUFCNzQzODAxMUU3QUU2REVBQ0Y4QUU0NUM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTZBQUFCODQzODAxMUU3QUU2REVBQ0Y4QUU0NUM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PstcZ3QAAAFTSURBVHjanNTPKwRhHMfxmTV7kZP1IyWRiMjFxXJzUrYUJTlwlINW/gAucrXl5uLmR8qNopST9QfIaXFREhIpJWu8v/VNz047z8N+67Uzz872mWee5zvrh2HomdWbXjSH/RjBBt48SyUc12awimHPUbagLkzp+SyqKwnyMYcGHY9iqJKgPkwa4yRk8erigvyegWw3xxbUogmNSGMQVcZvZVd2cIcbPCsZFwI+VjCOQB/JszzudOS7D6xjWR7tGC+OkLi6wiGKict8bouTedz/M2Rf1/H8d7EJO+CQxfUfAr6wiwVdq9JdI0zusObqYOpWm/TBtv3vjiaVKiprH3WgxhEkbdIeG8TLmtQ+MusJF5EZpNBpm1HKuNMn9vSlndDjiV6TJm2OBgXGeT3acIYcTnXNpLZ1PIYltOokvssFFZDBKx7LrI3s0iaOdFYlf2Q/AgwApudFjwBL3lMAAAAASUVORK5CYII=) } .hero-tile-container .ship-facts { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-align: left } .hero-tile-container .ship-facts .item { text-align: center } .hero-tile-container .ship-facts .icon { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .hero-tile-container .ship-facts .icon { font-size:1rem; line-height: 1.625 } } .hero-tile-container .ship-facts .icon { color: #666; font-size: 0.75rem; font-size: .75rem; text-align: center } .hero-tile-container .ship-facts .content { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .hero-tile-container .ship-facts .content { font-size:1rem; line-height: 1.625 } } .hero-tile-container .ship-facts .content { color: #666; font-size: 0.75rem; font-size: .75rem; text-align: center } .hero-tile-container .ship-facts .content .statistic { font-family: Praxis-regular; text-align: center } .hero-tile-container .ship-facts .content .caption,.hero-tile-container .ship-facts .content .statistic { line-height: 1 } .hero-tile-container .desc-bullet-list { color: #666; font-family: Praxis-regular } @media (min-width: 768px) { .hero-tile-container.variation .infocard-wrapper { margin:-200px auto 0 } .hero-tile-container.variation .infocard .desc { margin-top: 0; font-size: 1.25rem; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .75rem; line-height: 1.667; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .hero-tile-container.variation .infocard .desc { font-size:1.125rem; line-height: 1.555 } } @media (min-width: 768px) { .hero-tile-container .infocard-wrapper { margin:-82px auto 0 } .hero-tile-container.variation .infocard { padding: 30px 30px 0 } .hero-tile-container.variation .infocard .title { margin-bottom: 15px } .hero-tile-container.variation .readmoreLink { margin-top: 30px } .hero-tile-container.variation .herotile-info-card-wrapper { padding-left: 4%; padding-right: 4% } .hero-tile-container.variation .infocard-wrapper { width: 100% } .hero-tile-container.variation .desc:before { background: linear-gradient(180deg,hsla(0, 0%, 100%, 0) 75px,#fff) } .hero-tile-container .infocard h1 { line-height: 2.1875rem; font-size: 2.125rem } .hero-tile-container .ship-facts .item { border-right: 1px solid #e3e2e8 } .hero-tile-container .cta-holder .secondary { font-size: 1.5625rem } } @media (min-width: 1025px) { .hero-tile-container .ship-facts .content,.hero-tile-container .ship-facts .icon { font-size:1rem; text-align: left } .hero-tile-container .cta-holder .secondary { font-size: 1.25rem } .hero-tile-container .infocard h2 { margin: 25px 0 15px } .hero-tile-container .infocard-wrapper { max-width: 66% } .hero-tile-container.variation .infocard { padding-top: 30px } .hero-tile-container.variation .infocard-wrapper { width: 90% } .hero-tile-container.variation .readmoreLink { margin: 0 } .hero-tile-container.variation .cta-holder { padding-top: 0 } .hero-tile-container.variation .cta-holder .secondary { padding: 19px 63px } .hero-tile-container.variation .cta-holder .cta-icon { padding: 0 } .hero-tile-container.variation .cta-holder .cta-icon:hover { background: none } .hero-tile-container.variation .infocard-wrapper { width: 93%; margin: -80px auto 0; z-index: 3 } .hero-tile-container.variation .readmoreLink { margin: 74px 0 0 } } .legal-modal-container .accordion { padding-top: 44px; display: block } .legal-modal-container .accordion-item { margin: 0 20px } .legal-modal-container .content-text { overflow: auto } .legal-modal-container .arrow-wrapper { display: inline-block } .legal-modal-container .ffa-angle-down { -webkit-transform: rotate(0deg); transform: rotate(0deg) } .legal-modal-container .ffa-angle-down,.legal-modal-container .ffa-rotate-180 { width: 29px; height: 23px; position: relative; top: 7px; right: 0; bottom: 0; float: left; left: 0 } .legal-modal-container .ffa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .legal-modal-container .accordion-item button { padding: 0; width: 100% } .legal-modal-container .content { height: 0; max-width: none; position: relative; margin-top: 0 } .legal-modal-container .content-open { height: auto } .legal-modal-container .header-block { text-align: center } .legal-modal-container .head-title p { margin: 0 } .common-modal .aria-modal .modal-close-wrap,.legal-modal .aria-modal .modal-close-wrap { position: absolute } @media (min-width: 768px) { .legal-modal-container .accordion { -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center } .legal-modal-container .accordion .arrow-wrapper { display: inline-block } .legal-modal-container .ffa-angle-down { top: 5px; left: auto; right: auto; ssss: auto } .legal-modal-container .ffa-rotate-180 { top: 5px } .legal-modal-container .content { margin-top: 0 } .common-modal .aria-modal .modal-content,.legal-modal .aria-modal .modal-content { padding-top: 10px } } @media (min-width: 1025px) { .common-modal .accordion,.legal-modal .accordion { padding-top:40px } .common-modal .accordion:first-child,.legal-modal .accordion:first-child { margin-top: 0 } .common-modal .accordion .accordion-item,.legal-modal .accordion .accordion-item { margin: 10px 50px } .common-modal .aria-modal .modal-content,.legal-modal .aria-modal .modal-content { padding: 0 } .common-modal .legal-modal-container,.legal-modal .legal-modal-container { max-width: 906px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box } } .carousel-editorial h2 { margin: 22.5px 0 } .carousel-editorial .destination-tile-cards { max-width: 375px; margin-left: auto; margin-right: auto; max-width: 1280px } .carousel-editorial .destination-tile-cards:before { content: ""; display: table } .carousel-editorial .destination-tile-cards:after { content: ""; display: table; clear: both } .carousel-editorial .carousel-pagination { padding-top: 25px } .carousel-editorial .slick-track,.carousel-editorial .slick-track .slick-slide { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .carousel-editorial .slick-track .slick-slide { height: auto; margin: 0; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit } .carousel-editorial .destination-tile-card { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 10px } .carousel-editorial .destination-tile-card p { padding: 0; margin: 0 } .carousel-editorial .destination-tile-card .card-content { padding-top: 30px } .carousel-editorial-footer .terms-conditions { padding-top: 25px } @media (min-width: 481px) { .carousel-editorial .destination-tile-card { max-width:440px; margin: 0 auto } } @media (min-width: 768px) { .carousel-editorial h2 { margin:36px auto } .carousel-editorial .destination-tile-card { margin: 0 auto; max-width: 466px; position: relative } .carousel-editorial .terms-conditions { padding: 40px 40px 0 } } @media (min-width: 1025px) { .carousel-editorial .destination-tile-card { float:left; -webkit-box-sizing: border-box; box-sizing: border-box } .carousel-editorial .destination-tile-cards { max-width: 1170px } .carousel-editorial .terms-conditions { float: left; padding-top: 13px } .carousel-editorial .carousel-editorial-footer { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px } .carousel-editorial .terms-conditions { position: absolute; left: -60px } .carousel-editorial .destination-tile-card .card-container { margin: 10px } .carousel-editorial .slick-track .slick-slide.destination-tile-card { margin-right: 0 } } .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: 62.5px 32.5px 5px; margin-bottom: 50px } .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 .description-block p,.image-copy-block .title h3 { margin: 0 } .image-copy-block .icon-holder .gridIcon { height: 7px; margin-bottom: 24px; display: inline-block; width: 155px } .image-copy-block .gridIcon:after,.image-copy-block .gridIcon:before,.image-copy-block .subtitle:after,.image-copy-block .subtitle:before { content: " "; display: inline-block; width: 45px; height: 10px; margin: 0 5px } .image-copy-block .subtitle:after,.image-copy-block .subtitle:before { width: 25px } .image-copy-block a,.image-copy-block button { display: inline-block } .image-copy-block button { cursor: pointer; padding: 0 } .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: 40px; 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 } .image-copy-block .carousel-close button:after { content: ""; margin-left: 10px; height: 20px; width: 20px } .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 .image-holder .video-container { position: relative } .image-copy-block .image-holder .videoplayer { position: absolute; top: 0; left: 0; height: 100%; z-index: 1 } .image-copy-block .image-holder .video-container .video-icon { position: absolute; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50% } @media (min-width: 768px) { .image-copy-block .content .spacing-container { padding:70px 110px 50px } .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 .subtitle:after,.image-copy-block .subtitle:before { width: 45px } .image-copy-block .terms-link { margin-top: 50px; margin-bottom: 70px } } @media (min-width: 981px) { .image-copy-block .image-holder img { -o-object-fit:cover; object-fit: cover; max-height: 505px } } @media (min-width: 1025px) { .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 17% } .image-copy-block .icon-holder .gridIcon { height: 7px; margin-bottom: 35px } .image-copy-block .text-holder .description-block { margin-bottom: 50px; max-height: 155px; overflow: hidden } .image-copy-block .carousel-link a { margin-bottom: 70px } .image-copy-block .cta-icon-group span { vertical-align: middle } .image-copy-block .carousel-modal { min-height: 100% } .image-copy-block .carousel-modal .carousel-holder { padding: 10px 60px 20px } .image-copy-block .terms-link { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 60px; margin-bottom: 0 } .image-copy-block .image-holder img { max-height: 100% } } .carouselEditorial { display: none } .carousel-modal .carouselEditorial,.wcmEditModeEnabled .carouselEditorial { display: block } .carousel-editorial { background: #fff } .carousel-editorial h2 { text-align: center; font-weight: 400; color: #002776; margin: 15px 0 } .carousel-editorial .carousel-controls { text-align: center; color: #988642; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .carousel-editorial .carousel-controls .button { color: transparent; border: none; background: transparent } .carousel-editorial .carousel-controls .button:before { background-repeat: no-repeat; background-position: 50%; background-size: 15px 25px } .carousel-editorial .circle img { border-radius: 50% } .carousel-editorial .carousel-pagination { font-size: 0.75rem; font-size: .75rem; text-align: center } .carousel-editorial .destination-tile-card { -webkit-box-shadow: none; box-shadow: none } .carousel-editorial .terms-conditions a { font-family: Praxis-semibold; color: #011949; font-size: 0.75rem; font-size: .75rem; border-bottom: 2px solid #ccc; line-height: 0.9375rem; line-height: .9375rem; border-radius: 0; color: #666 } .carousel-editorial .destination-tile-card h3 { font-family: Praxis-regular; color: #002776; font-weight: 400; text-align: center; text-transform: none } .carousel-editorial .destination-tile-card p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .carousel-editorial .destination-tile-card p { font-size:1rem; line-height: 1.625 } } .carousel-editorial .destination-tile-card p { color: #666 } .carousel-editorial .destination-tile-card .card-content { text-align: center } .carousel-editorial-footer .terms-conditions { padding-top: 10px; padding-bottom: 15px } @media (min-width: 981px) { .carousel-editorial .destination-tile-card { margin-right:10px } .carousel-editorial .carousel-editorial-footer .carousel-controls { position: relative; top: 25% } .carousel-editorial .carousel-controls span,.carousel-editorial .carousel-editorial-footer .terms-conditions { top: -10px } } .image-copy-block .carousel-modal .carousel-holder { padding-top: 15px } .image-copy-block .title-decorator-image { display: none } .image-copy-block .content { text-align: center } .image-copy-block button.video-icon:after { font-size: 0 } .image-copy-block .title h3 { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .image-copy-block .title h3 { font-size:1.875rem; line-height: 1.333 } } .image-copy-block .text-holder .description-block { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .image-copy-block .text-holder .description-block { font-size:1.125rem; line-height: 1.555 } } .image-copy-block .text-holder .description-block { padding-bottom: 25px } .image-copy-block .description-block span { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .image-copy-block .description-block span { font-size:1rem; line-height: 1.625 } } .image-copy-block span.quote-author { font-weight: bolder } .image-copy-block .quote-details { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .image-copy-block .quote-details { font-size:1rem; line-height: 1.625 } } .image-copy-block .subtitle { color: transparent } .image-copy-block .gridIcon { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojYWVhZGJlO2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RGlhbW9uZDwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwzLjQ2LDMuNTQsMCw3LDMuNTQsMy40Niw3WiIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position: 50%; text-align: center } .image-copy-block .gridIcon:after,.image-copy-block .gridIcon:before,.image-copy-block .subtitle:after,.image-copy-block .subtitle:before { border-top: 1px solid transparent } .image-copy-block .subtitle:after,.image-copy-block .subtitle:before { vertical-align: bottom } .image-copy-block a,.image-copy-block button { text-decoration: none } .image-copy-block .cta-holder button { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .image-copy-block .cta-holder button { font-size:1.125rem; border-radius: 15px } } .image-copy-block .cta-holder button { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .image-copy-block .cta-holder button:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .image-copy-block .cta-holder button:after { font-size:1.125rem } } .image-copy-block .cta-holder button:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .image-copy-block .cta-holder button:after { font-size:.75rem } } @media (min-width: 768px) { .image-copy-block .cta-holder button { font-size:1rem } } .image-copy-block .cta-holder button { background: transparent; border: none; padding: 0 } .image-copy-block .link { margin-bottom: 25px } .image-copy-block .link a { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .image-copy-block .link a { font-size:1.125rem; border-radius: 15px } } .image-copy-block .link a { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .image-copy-block .link a:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .image-copy-block .link a:after { font-size:1.125rem } } .image-copy-block .link a:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .image-copy-block .link a:after { font-size:.75rem } } @media (min-width: 768px) { .image-copy-block .link a { font-size:1rem } } .image-copy-block .cta-link a { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .image-copy-block .cta-link a { font-size:1.125rem; border-radius: 15px } } .image-copy-block .cta-link a { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .image-copy-block .cta-link a:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .image-copy-block .cta-link a:after { font-size:1.125rem } } .image-copy-block .cta-link a:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .image-copy-block .cta-link a:after { font-size:.75rem } } @media (min-width: 768px) { .image-copy-block .cta-link a { font-size:1rem } } .image-copy-block .cta-icon-group .cta-link a { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .image-copy-block .cta-icon-group .cta-link a { font-size:1rem; width: auto; border-radius: 10px } } .image-copy-block .cta-icon-group .cta-link a:hover { background: #b0263a } .image-copy-block .cta-icon-group .cta-link a.active,.image-copy-block .cta-icon-group .cta-link a:active,.image-copy-block .cta-icon-group .cta-link a:focus { background: #b10f26 } .image-copy-block .cta-icon-group .cta-link a.disabled,.image-copy-block .cta-icon-group .cta-link a[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3NkNFO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnZpZGVvLXBsYXk8L3RpdGxlPgo8Zz4KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEyMC41IiBjeT0iMTIwLjUiIHI9IjExNy41Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LDExNC44TDkwLjgsNzQuM2MtMC44LTAuNS0xLjctMC44LTIuNy0wLjhjLTIuNywwLTQuOSwyLjItNC44LDQuOWwwLDB2ODQuMmwwLDBjMCwyLjcsMi4yLDQuOSw0LjgsNC45CgkJYzEsMCwxLjktMC4zLDIuNy0wLjhsNjguMS00MC41YzMuMS0yLjYsMy41LTcuMywwLjktMTAuNEMxNTkuNiwxMTUuNCwxNTkuMywxMTUuMSwxNTksMTE0LjgiLz4KCTxyZWN0IHg9Ijc3LjEiIHk9IjY4LjUiIGNsYXNzPSJzdDIiIHdpZHRoPSI4Ni43IiBoZWlnaHQ9IjEwNCIvPgo8L2c+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: 50%; width: 25px; height: 25px; margin-right: 10px } .image-copy-block .image-holder .video-container .video-icon { border-color: transparent; background-color: transparent } .image-copy-block .video-link button:after { content: "" } .image-copy-block .carousel-modal { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(0, 39, 118, .35) } .image-copy-block .carousel-close button { font-family: Praxis-regular; color: transparent } .image-copy-block .carousel-close button:after { visibility: visible } .image-copy-block .cta-holder { margin-top: 0 } .image-copy-block .cta-icon-group { margin-top: 0; margin-bottom: 25px } .image-copy-block .cta-icon-group button { background: transparent; border: none } .image-copy-block .carousel-link { margin-top: 0; margin-bottom: 25px } .image-copy-block .carousel-link button { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .image-copy-block .carousel-link button { font-size:1.125rem; border-radius: 15px } } .image-copy-block .carousel-link button { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .image-copy-block .carousel-link button:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .image-copy-block .carousel-link button:after { font-size:1.125rem } } .image-copy-block .carousel-link button:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .image-copy-block .carousel-link button:after { font-size:.75rem } } @media (min-width: 768px) { .image-copy-block .carousel-link button { font-size:1rem } } .image-copy-block .quote-details { margin-top: 0; margin-bottom: 25px } .image-copy-block .terms-link { margin-top: 0; margin-bottom: 40px; position: static; -webkit-transform: none; transform: none } .image-copy-block .terms-link a { font-family: Praxis-semibold; color: #011949; font-size: 0.75rem; font-size: .75rem; border-bottom: 2px solid #ccc; line-height: 0.9375rem; line-height: .9375rem; border-radius: 0 } .image-copy-block .tile-holder:last-of-type .terms-link { margin-bottom: 0 } .image-copy-block .content .spacing-container { padding: 60px 32.5px 0; margin-bottom: 30px } .image-copy-block .tile-holder:last-of-type .content .spacing-container { margin-bottom: 0 } .image-copy-block .content .spacing-container.left { text-align: left } .image-copy-block .content .spacing-container.center { text-align: center } .image-copy-block .view-all-wrap { padding-bottom: 0 } .gridImageCopyBlock .image-copy-block .carousel-modal { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(0, 39, 118, .35) } .gridImageCopyBlock .image-copy-block .carousel-close button { border: none; background: none } .gridImageCopyBlock .image-copy-block .carousel-close button:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; font-size: 26px; font-size: 1.625rem; color: #666; height: 26px; width: 26px } @media (min-width: 768px) { .image-copy-block .carousel-link { margin-top:0; margin-bottom: 40px } .image-copy-block .carousel-modal .carousel-holder { margin-top: 0 } .image-copy-block .cta-icon-group { margin-top: 0; margin-bottom: 40px } .image-copy-block .terms-link { margin-bottom: 50px } .image-copy-block .carousel-close a:before { font-size: 1.25rem } .image-copy-block .description-block { padding-bottom: 45px } .image-copy-block .content .spacing-container { padding: 60px 110px 0; margin-bottom: 40px } .image-copy-block .text-holder { padding-bottom: 15px } .image-copy-block .video-icon { width: 45px; height: 45px; margin-right: 20px } .image-copy-block .link { margin-bottom: 40px } .image-copy-block .carousel-modal .carousel-close { right: 20px; top: 20px } } @media (min-width: 1025px) { .image-copy-block { -webkit-box-sizing:border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .image-copy-block:after,.image-copy-block:before { content: ""; display: table } .image-copy-block:after { clear: both } } @media (min-width: 1025px) and (min-width:768px) { .image-copy-block { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) and (min-width:1025px) { .image-copy-block { padding-left:40px; padding-right: 40px } } @media (min-width: 1025px) { .image-copy-block .text-holder .description-block { line-height:1.625rem; margin-bottom: 15px } .image-copy-block .tileGrid.image-holder { vertical-align: top } .image-copy-block .image-holder img { max-height: none } .image-copy-block .spacing-container .title { margin: 25px 0 } .image-copy-block .content .spacing-container { padding: 0 15%; margin-bottom: 0 } .image-copy-block .text-holder .description-block { max-height: none } .image-copy-block .tileGrid.content { padding-top: 5px } .image-copy-block .text-holder { padding-bottom: 0 } .image-copy-block .carousel-controls span,.image-copy-block .carousel-editorial-footer .terms-conditions { top: 5px } .gridImageCopyBlockPort .image-copy-block-port .view-all-wrap { margin-top: 25px } } .social-module-wrap .carousel-controls { width: 100%; position: absolute; padding-top: 15px } .social-module-wrap .tiles-container { position: relative; padding-bottom: 45px } .social-module-wrap .slick-track,.social-module-wrap .slick-track .social-tile { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .social-module-wrap .slick-track .social-tile { height: auto } .social-module-wrap .social-tile { padding: 0 9px 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .social-module-wrap .image-holder img,.social-module-wrap .social-tile .image-holder,.social-module-wrap .social-tile .social-tile-container { width: 100% } .social-module-wrap .social-tile .content-holder { width: 100%; padding: 30px 17px; -webkit-box-sizing: border-box; box-sizing: border-box } .social-module-wrap .post-content .post-heading { display: table; width: 100%; margin-bottom: 16px; border-spacing: 0 } .social-module-wrap .post-heading .post-icon { display: table-cell; vertical-align: middle; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 60px } .social-module-wrap .post-icon img { width: 35px } .social-module-wrap .post-heading .heading-text { display: table-cell; vertical-align: middle; width: calc(100% - 60px); padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box } .social-module-wrap .heading-text .post-title { display: block } .social-module-wrap .post-title .card-title { margin: 0 } .social-module-wrap .heading-text .post-date { display: block } .social-module-wrap .post-content .post-description-content,.social-module-wrap .post-date span { width: 100% } .social-module-wrap .social-channels-container .social-title { margin: 30px 0 15px } .social-module-wrap .social-title h4 { margin: 0 } .social-module-wrap .social-channels-container .channel-list { display: table; border-collapse: separate; margin: 0 auto; padding: 0 20px } .social-module-wrap .channel-list .channel { display: inline-block; text-align: center; padding: 0 7px; margin-bottom: 10px } .social-module-wrap .channel a { display: inline-block; max-width: 35px; text-align: center; vertical-align: middle } .social-module-wrap .channel img { vertical-align: middle; height: 35px } .social-module-wrap .channel-list .channel:last-child { margin-right: 0 } .social-module-wrap.variation .social-channels-container { padding: 25px 18px } .social-module-wrap.variation .social-channels-container .social-title { margin-top: 0 } .social-module-wrap.variation .social-channels-container .channel-list { margin-bottom: 0 } @media (min-width: 481px) { .social-module-wrap .slick-track { margin-left:-25% } } @media (min-width: 768px) { .social-module-wrap .social-tile .content-holder { padding:40px } .social-module-wrap .slick-track .social-tile { max-width: 380px } .social-module-wrap .post-content .post-heading { margin-bottom: 40px } .social-module-wrap .social-channels-container .social-title { margin: 55px 0 } .social-module-wrap .channel-list .channel,.social-module-wrap .social-channels-container .channel-list { padding: 0 20px } .social-module-wrap .channel a { max-width: 80px } .social-module-wrap .channel img { height: 80px } .social-module-wrap .slick-track { margin-left: 0 } .social-module-wrap.variation .social-channels-container { padding: 65px 0 } } @media (min-width: 981px) { .social-module-wrap .tiles-container .social-module-carousel-controls { display:block } .social-module-wrap .slick-track { margin-left: -50% } .social-module-wrap .slick-track .social-tile { max-width: none } } @media (min-width: 1025px) { .social-module-wrap { max-width:1280px } .social-module-wrap .tiles-container { display: table; table-layout: fixed; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-spacing: 20px 0 } .social-module-wrap .centertile { width: auto; max-width: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 } .social-module-wrap .tiles-container>div { display: table-row } .social-module-wrap .tiles-container .social-tile { display: table-cell; padding: 0 } .social-module-wrap .post-icon img { width: 30px } .social-module-wrap .post-heading .heading-text { padding-left: 30px } .social-module-wrap .social-channels-container .social-title { margin: 40px 0 } .social-module-wrap .channel-list .channel,.social-module-wrap .social-channels-container .channel-list { padding: 0 20px } .social-module-wrap .channel a { max-width: 80px } .social-module-wrap .tiles-container .social-module-carousel-controls { display: none } .social-module-wrap .slick-track { margin-left: auto } } .social-module-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .social-module-wrap:before { content: ""; display: table } .social-module-wrap:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .social-module-wrap { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .social-module-wrap { padding-left:40px; padding-right: 40px } } .social-module-wrap .social-tile-container { border: 1px solid #a7a7a7 } .social-module-wrap .social-tile .image-holder { line-height: 0 } .social-module-wrap .social-tile { position: relative } .social-module-wrap .see-details-cta { display: none; bottom: 20px; left: 23px } .social-module-wrap .see-details-cta a { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .social-module-wrap .see-details-cta a { font-size:1.125rem; border-radius: 15px } } .social-module-wrap .see-details-cta a { color: #0076ce; border: none; padding: 10px 15px 10px 0 } .social-module-wrap .see-details-cta a:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .social-module-wrap .see-details-cta a:after { font-size:1.125rem } } .social-module-wrap .see-details-cta a:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .social-module-wrap .see-details-cta a { text-decoration: none; padding-bottom: 5px } .social-module-wrap .post-heading .post-icon { border-right: 1px solid #ccc; width: 39px } .social-module-wrap .post-title .card-title { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .social-module-wrap .post-title .card-title { font-size:1.375rem; line-height: 1.363 } } .social-module-wrap .post-title .card-title { line-height: 1; padding-bottom: 3px; text-transform: uppercase } .social-module-wrap .post-icon img { width: 100% } .social-module-wrap .post-date span { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .social-module-wrap .post-date span { font-size:.875rem; line-height: 1.5rem } } .social-module-wrap .post-description-content .post-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .social-module-wrap .post-description-content .post-description { font-size:1rem; line-height: 1.625 } } .social-module-wrap .post-description-content .post-description { min-height: 70px } .social-module-wrap .post-description a { text-decoration: none; color: #0076ce } .social-module-wrap .social-title h4 { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .social-module-wrap .social-title h4 { font-size:1.375rem; line-height: 1.363 } } .social-module-wrap .social-title h4 { text-transform: uppercase } .social-module-wrap .social-channels-container .channel-list,.social-module-wrap .social-channels-container .social-title { text-align: center } .social-module-wrap .see-details-cta { position: absolute; bottom: 25px; display: block } .social-module-wrap .channel img { height: 100%; width: 36px } @media (min-width: 768px) { .social-module-wrap .post-heading .post-icon { width:50px } .social-module-wrap .tiles-container .social-tile { position: relative; color: #988642 } .social-module-wrap .see-details-cta { position: absolute; bottom: 30px; left: 48px } .social-module-wrap .social-title h4 { font-size: 1.25rem } .social-module-wrap .social-channels-container .channel-list { margin-bottom: 0 } .social-module-wrap .social-channels-container .social-title { margin-bottom: 40px } .social-module-wrap .channel img { width: 70px } .social-module-wrap .carousel-controls { padding-top: 35px } } @media (min-width: 1025px) { .social-module-wrap .tiles-container { border-spacing:24px 0 } .social-module-wrap .channel a { max-width: 75px } .social-module-wrap .social-tile .social-tile-container { -webkit-box-shadow: none; box-shadow: none; border: none } .social-module-wrap .social-tile { border: 1px solid rgba(0, 39, 118, .35) } .social-module-wrap .post-title h4 { line-height: 1.25rem } .social-module-wrap .post-date span { line-height: 1rem } .social-module-wrap .post-description-content .post-description { min-height: 75px; padding-bottom: 8px } .social-module-wrap .see-details-cta { bottom: 25px; left: 37px } .social-module-wrap .channel img { width: 66px } .social-module-wrap .tiles-container { padding-bottom: 10px } } .accordion-container .results { max-width: 1168px; margin: 0 auto 25px; position: relative; padding: 0 18px } .accordion-container .results.nospace,.accordion-container .results.nospace:last-child { margin-bottom: 0 } .accordion-container .results .item .desc,.accordion-container .results .item .head { position: relative; padding: 20px 25px 20px 60px } .accordion-container .results .item .head { cursor: pointer; display: block; background: none; border: none; width: 100%; text-align: left } .accordion-container .results .desc :first-child { margin-top: 0 } .accordion-container .results.no-icons .desc,.accordion-container .results.no-icons .head { position: relative; padding: 20px 25px } .accordion-container .results .item .desc:before,.accordion-container .results .item .head:before { content: ""; width: 38px; height: 38px; display: inline-block; vertical-align: middle; position: absolute; left: 10px; top: 10px } .accordion-container .results.no-icons .desc:before,.accordion-container .results.no-icons .head:before { display: none } .accordion-container .results .item .head:after { content: ""; right: 0; top: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px } .accordion-container .results .item .desc { display: none } .accordion-container .results .item .desc:before { top: 30px } .accordion-container .results .item .desc:after { width: 0; height: 0; content: " "; position: absolute; top: -2px; left: 19px } .accordion-container .results .item.open .desc { display: block } @media (min-width: 768px) { .accordion-container .results { padding:0 30px; margin-bottom: 75px } .accordion-container .results .item .head:after { right: 0 } .accordion-container .results .item .desc:before,.accordion-container .results .item .head:before { width: 44px; height: 44px; left: 30px; top: 26px } .accordion-container .results .item .desc:after { left: 30px } } @media (min-width: 1025px) { .accordion-container .results { margin-bottom:100px } .accordion-container .results .item .head:after { right: 30px } } .accordion-container .results .item { border-bottom: 1px solid hsla(0, 0%, 65%, .5); margin-top: -1px } .accordion-container .results .item:first-child { border-top: 1px solid hsla(0, 0%, 65%, .5) } .accordion-container .results .item .head { color: #002776; font-family: GreycliffCF-light; font-size: 17px; font-size: 1.0625rem } .accordion-container .results .item .head:before { content: "\E90E" } .accordion-container .results .item .desc:before,.accordion-container .results .item .head:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .accordion-container .results .item .desc:before { content: "\E90D" } .accordion-container .results .item .head:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E90F"; color: #002776 } .accordion-container .results .item .desc:before,.accordion-container .results .item .head:before { font-size: 37px; font-size: 2.3125rem; color: #002776 } .accordion-container .results .item.open .head:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E931"; color: #002776 } .accordion-container .results .item .desc { background: #f7f7f7; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .accordion-container .results .item .desc { font-size:1.125rem; line-height: 1.555 } } .accordion-container .results .item .desc { color: #666; border-top: 2px solid #e3e2e8 } .accordion-container .results .item .desc:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff } .accordion-container .results .item .desc a { color: #011949 } .accordion-container .results .item .desc { padding: 40px 25px 40px 60px } .accordion-container .results .desc .highlight,.accordion-container .results .head .highlight { color: #fff; background-color: #0076ce } .accordion-container .results.no-icons .desc { padding: 40px 25px } .accordion-container .results.no-icons .item .desc:before,.accordion-container .results.no-icons .item .head:before { content: "" } @media (min-width: 768px) { .accordion-container .results .item .head { font-size:1.5rem } .accordion-container .results .item .desc:after { border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #fff } .accordion-container .results .item .desc,.accordion-container .results .item .head { padding: 35px 60px 35px 105px } .accordion-container .results.no-icons .item .desc,.accordion-container .results.no-icons .item .head { padding: 35px 60px } .accordion-container .results .item .desc:before,.accordion-container .results .item .head:before { font-size: 2.6875rem } } @media (min-width: 1025px) { .accordion-container .results:last-child { margin-bottom:100px } } .qa-accordion .u-show { display: block } .qa-accordion .u-hide { display: none } .qa-accordion .breadcrumb,.qa-accordion .categories,.qa-accordion .filter-container,.qa-accordion .results { max-width: 1168px; margin: 0 auto; position: relative; height: 100% } .qa-accordion .categories::-webkit-scrollbar { display: none } .qa-accordion .overlay { display: none; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial } .qa-accordion .results-container { position: relative; min-height: 50px } .qa-accordion .categories-list a,.qa-accordion .cta-holder .btn-secondary,.qa-accordion .filter-container .head,.qa-accordion .filter-container button,.qa-accordion .filters .select { cursor: pointer } .qa-accordion .filter-container .head:after,.qa-accordion .results .head:after { position: absolute; width: 20px; height: 20px } .qa-accordion .cta-holder .btn-secondary { padding: 0 } .qa-accordion .breadcrumb { position: static; top: 55px; z-index: 1 } .qa-accordion .breadcrumb .results-count { float: left } .qa-accordion .breadcrumb .content { padding: 7px 0; overflow: hidden } .qa-accordion .breadcrumb .cta-holder.svp { padding: 25px 18px 20px } .qa-accordion .breadcrumb .pagination,.qa-accordion .breadcrumb .pagination.svp { display: inline-block } .qa-accordion .breadcrumb .pagination.svp { margin: 20px 0 } .qa-accordion .breadcrumb .pagination .next,.qa-accordion .breadcrumb .pagination .prev { width: 10px; height: 15px; padding: 0; display: inline-block; cursor: pointer } .qa-accordion .breadcrumb .pagination .next.disable,.qa-accordion .breadcrumb .pagination .prev.disable { cursor: auto; pointer-events: none } .qa-accordion .breadcrumb .pagination .next,.qa-accordion .breadcrumb .pagination .pages,.qa-accordion .breadcrumb .pagination .prev { vertical-align: middle } .qa-accordion .breadcrumb .pagination .pages { margin: 0 20px } .qa-accordion .breadcrumb .pagination.lvp { display: none } .qa-accordion .breadcrumb .filters { float: right } .qa-accordion .breadcrumb .filters,.qa-accordion .breadcrumb .results-count { width: calc(50% - 1px); padding: 11px 0 } .qa-accordion .breadcrumb .select:after { content: ""; width: 15px; height: 12px; margin-left: 10px } .qa-accordion .search { display: block; margin: 0 auto 20px; padding: 0 18px } .qa-accordion .search .sr-only { height: 1px } .qa-accordion .search .cta-holder,.qa-accordion .search .input-holder { width: 285px; margin: 0 auto 20px; display: block } .qa-accordion .search .input-holder { margin-bottom: 20px } .qa-accordion .search .search-input { padding: 10px 25px 11px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 54px; border-radius: 0 } .qa-accordion .search .btn { padding: 11px 60px 12px; width: 100% } .qa-accordion .categories { padding: 0 0 10px; overflow-x: scroll; overflow: -moz-scrollbars-none; -ms-overflow-style: none } .qa-accordion .categories .categories-list { list-style-type: none; display: table; padding: 0; width: 100% } .qa-accordion .categories .categories-list li { list-style-position: inside; display: table-cell; padding: 0 10px } .qa-accordion .categories .categories-list li:first-child { padding-left: 18px } .qa-accordion .categories .categories-list li:last-child { padding-right: 0 } .qa-accordion .categories .categories-list a { display: block; padding: 15px 0; position: relative; text-decoration: none } .qa-accordion .categories li.active a:after { width: 0; height: 0; content: " "; position: absolute; bottom: -8px; left: 50%; margin-left: -3px } .qa-accordion .filter-container { position: fixed; top: 0; right: -100%; width: 100%; z-index: 2; overflow-y: scroll; -webkit-transition: right .3s; transition: right .3s } .qa-accordion .filter-container::-webkit-scrollbar { display: none } .qa-accordion .filter-container.open { right: 0; display: block; z-index: 999 } .qa-accordion .filter-container .filter-head { padding: 15px 25px; display: block } .qa-accordion .filter-container .filter-head h2 { margin: 0; padding: 0 } .qa-accordion .filter-container .filter-head span { display: inline-block; padding: 10px 25px } .qa-accordion .filter-container .filter-head h2 .close { position: relative; float: right } .qa-accordion .filter-container .filter-content { padding: 10px 20px 120px; height: 65%; overflow-y: auto } .qa-accordion .filter-container .item { position: relative } .qa-accordion .filter-container .item .content { display: none } .qa-accordion .filter-container .item.open .content { display: block } .qa-accordion .filter-container .content button { display: inline-block; width: 100%; min-height: 40px; vertical-align: middle; margin: 0 10px 10px 0; position: relative } .qa-accordion .filter-container .head { display: block; width: 100%; padding: 17px 0 } .qa-accordion .filter-container .item .head:after { content: ""; right: 0 } .qa-accordion .filter-container .cta-holder { overflow: hidden; padding: 20px 30px } .qa-accordion .filter-container .cta-holder .btn { width: 100%; float: right } .qa-accordion .filter-container .cta-holder .btn-secondary { float: left; margin-top: 20px; display: none; width: 100%; display: block } .qa-accordion .filter-container .cta-holder.svp { display: block; position: absolute; bottom: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .qa-accordion .filter-container .cta-holder.lvp { display: none } .qa-accordion .content button.selected:after { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width: 768px) { .qa-accordion .qa-content { padding:0 30px } .qa-accordion .breadcrumb.down-pagination .pagination:nth-child(1n) { float: none } .qa-accordion .breadcrumb { padding: 40px 0; top: 90px } .qa-accordion .breadcrumb .cta-holder.svp,.qa-accordion .breadcrumb .pagination.svp { display: none } .qa-accordion .breadcrumb .pagination.lvp { display: inline-block } .qa-accordion .breadcrumb .filters,.qa-accordion .breadcrumb .results-count { width: auto; padding: 0; position: relative; top: 4px } .qa-accordion .breadcrumb .content { height: 30px; padding: 0 } .qa-accordion .breadcrumb .pagination .pages { margin: 0 18px } .qa-accordion .results { padding: 30px 0 0 } .qa-accordion .results .item .head:after { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .qa-accordion .results .item .desc,.qa-accordion .results .item .head { padding: 35px 60px 35px 105px } .qa-accordion .results.no-icons .item .desc,.qa-accordion .results.no-icons .item .head { padding: 35px 60px } .qa-accordion .results .item .desc:before,.qa-accordion .results .item .head:before { width: 44px; height: 44px; left: 30px } .qa-accordion .results .item .head:before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .qa-accordion .results .item .desc:before { top: 30px } .qa-accordion .results .item .desc:after { left: 30px } .qa-accordion .search { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; margin: 0 auto } .qa-accordion .search .cta-holder,.qa-accordion .search .input-holder { margin: 0 } .qa-accordion .search .input-holder { width: 521px } .qa-accordion .search .search-input { padding: 17px 25px } .qa-accordion .search .cta-holder { width: 186px } .qa-accordion .search .btn { padding: 18px 0 } .qa-accordion .categories { padding: 30px 0 10px } .qa-accordion .categories .categories-list li { padding: 0 20px } .qa-accordion .categories .categories-list li:first-child { padding-left: 0 } .qa-accordion .categories li.active a:after { bottom: -11px; margin-left: -6px } .qa-accordion .filter-container .content button { width: 31.1%; min-height: 65px } .qa-accordion .filter-container .content button:nth-child(3n) { margin-right: 0 } .qa-accordion .filter-container .cta-holder { padding: 100px 0 35px } .qa-accordion .filter-container .cta-holder.svp { padding-left: 53px; padding-right: 53px } .qa-accordion .filter-container .head { padding: 40px 0 } .qa-accordion .filter-container .filter-head { height: 110px; padding: 35px 25px; -webkit-box-sizing: border-box; box-sizing: border-box } .qa-accordion .filter-container .cta-holder .btn { float: right; display: block; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 300px; padding: 20px 30px } .qa-accordion .filter-container .cta-holder .btn-secondary { float: left; width: auto } } @media (min-width: 1025px) { .qa-accordion .filter-container { overflow:none } .qa-accordion .qa-content { padding: 0 } .qa-accordion .overlay { display: block } .qa-accordion .results-container { min-height: 360px } .qa-accordion .filter-container.open { z-index: 2 } .qa-accordion .search { padding: 40px 0; margin: 0 auto; width: auto } .qa-accordion .search .input-holder { width: 574px } .qa-accordion .search .search-input { padding: 17px 25px } .qa-accordion .search .btn { padding: 18px 0 } .qa-accordion .breadcrumb { padding: 40px 0; top: 0; position: static } .qa-accordion .breadcrumb .filters { width: 125px; padding-right: 1px } .qa-accordion .breadcrumb .filters>div { float: right } .qa-accordion .results .item .desc { padding-top: 60px; padding-bottom: 60px } .qa-accordion .results .item .desc:before { top: 50px } .qa-accordion .results .item .head { padding-top: 50px; padding-bottom: 50px } .qa-accordion .results .item .head:after { right: 30px } .qa-accordion .filter-container { overflow: inherit; position: relative; -webkit-transition: none; transition: none; right: 0; display: none } .qa-accordion .filter-container .filter-content { -webkit-box-sizing: border-box; box-sizing: border-box; width: 745px; padding: 0 50px; position: absolute; right: 0; z-index: 2 } .qa-accordion .filter-container .head { padding: 30px 0 } .qa-accordion .filter-container .cta-holder .btn-secondary { display: block } .qa-accordion .filter-container .filter-head { display: none } .qa-accordion .filter-container .filter-content .cta-holder .btn { float: right; max-width: 230px } .qa-accordion .filter-container .filter-content .cta-holder .btn-secondary { width: inherit } .qa-accordion .filter-container .cta-holder.svp { display: none } .qa-accordion .filter-container .cta-holder.lvp { display: block } .qa-accordion .filter-container .filter-content { -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .2); box-shadow: 0 3px 20px rgba(0, 0, 0, .2); height: auto } .qa-accordion .categories { overflow: auto } .qa-accordion .categories .categories-list { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .qa-accordion .breadcrumb,.qa-accordion .categories,.qa-accordion .filter-container,.qa-accordion .qa-content { background: #fff } .qa-accordion .breadcrumb .pagination .pages { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; font-size: 0.75rem; font-size: .75rem; text-align: center } .qa-accordion .breadcrumb .pagination .pages .button { cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: inline-block; width: 15px; height: 25px; padding: 0; vertical-align: text-top } @media (min-width: 768px) { .qa-accordion .breadcrumb .pagination .pages .button { width:20px } } @media (min-width: 1025px) { .qa-accordion .breadcrumb .pagination .pages .button { width:15px } } .qa-accordion .breadcrumb .pagination .pages .button:before { color: #0076ce } .qa-accordion .breadcrumb .pagination .pages span { font-family: Praxis-regular; display: inline-block; color: #0076ce; min-width: 40px; vertical-align: top } @media (min-width: 768px) { .qa-accordion .breadcrumb .pagination .pages span { min-width:45px } } .qa-accordion .breadcrumb .pagination .pages .slick-disabled { pointer-events: none } .qa-accordion .breadcrumb .pagination .pages .button.prev-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .qa-accordion .breadcrumb .pagination .pages .button.prev-btn:before { font-size:1.125rem } } .qa-accordion .breadcrumb .pagination .pages .button.next-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .qa-accordion .breadcrumb .pagination .pages .button.next-btn:before { font-size:1.125rem } } .qa-accordion .breadcrumb .pagination .pages .prev-btn { margin-right: 10px } @media (min-width: 768px) { .qa-accordion .breadcrumb .pagination .pages .prev-btn { margin-right:70px } } @media (min-width: 1025px) { .qa-accordion .breadcrumb .pagination .pages .prev-btn { margin-right:15px } } .qa-accordion .breadcrumb .pagination .pages .next-btn { margin-left: 10px } @media (min-width: 768px) { .qa-accordion .breadcrumb .pagination .pages .next-btn { margin-left:70px } } @media (min-width: 1025px) { .qa-accordion .breadcrumb .pagination .pages .next-btn { margin-left:12px } } .qa-accordion .breadcrumb .pagination .pages .next-btn.slick-disabled:before,.qa-accordion .breadcrumb .pagination .pages .prev-btn.slick-disabled:before { color: #e3e2e8 } .qa-accordion .breadcrumb .pagination .pages { color: #002776 } .qa-accordion .breadcrumb .filters { cursor: pointer; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .qa-accordion .breadcrumb .filters { font-size:1rem; line-height: 1.625 } } .qa-accordion .breadcrumb .filters { -webkit-box-sizing: border-box; box-sizing: border-box; color: #002776 } .qa-accordion .filter-container .item.open .content { border-bottom: 1px solid #ccc } .qa-accordion .filter-container .item.open .head { border-bottom: none } .qa-accordion .filter-container .item .head { border-bottom: 1px solid #ccc } .qa-accordion .breadcrumb .pagination .next.disable,.qa-accordion .breadcrumb .pagination .prev.disable { color: #e3e2e8 } .qa-accordion .hide-breadcrumb .item:first-child { border-top: 0 } .qa-accordion .cta-holder .btn { padding: 0; display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .qa-accordion .cta-holder .btn { font-size:1rem; width: auto; border-radius: 10px } } .qa-accordion .cta-holder .btn:hover { background: #b0263a } .qa-accordion .cta-holder .btn.active,.qa-accordion .cta-holder .btn:active,.qa-accordion .cta-holder .btn:focus { background: #b10f26 } .qa-accordion .cta-holder .btn.disabled,.qa-accordion .cta-holder .btn[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .qa-accordion .cta-holder .btn { font-size: 16px; font-size: 1rem } .qa-accordion .item .head { padding: 30px 25px 30px 60px } .qa-accordion .accordion-container .results .item .desc { padding: 20px 25px 25px 60px } .qa-accordion .accordion-container .results .desc :first-child { margin-bottom: 0 } .qa-accordion .accordion-container .results .item .head:after,.qa-accordion .item .head:before { top: 30px } .qa-accordion .accordion-container .results .item .desc:before { top: 17px } .qa-accordion .filter-container .item .head:after,.qa-accordion .results .head:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E90F"; color: #002776; font-weight: 700 } .qa-accordion .cta-holder .btn-secondary { font-family: Praxis-regular; color: #002776; background: transparent; border: none } .qa-accordion .filter-container .cta-holder.svp { background: #fff } .qa-accordion .btn-secondary:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E911"; font-size: 0.9375rem; font-size: .9375rem; padding-right: 10px; vertical-align: top; color: #002776 } .qa-accordion .h3 { color: #988642; text-align: center; font-weight: 400 } .qa-accordion .pagination .next.disable,.qa-accordion .pagination .prev.disable { opacity: .6 } .qa-accordion .pagination.svp { margin: 25px 0 } .qa-accordion .results-container+.breadcrumb .content { border-top: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0 } .qa-accordion .results-container+.breadcrumb .pagination.svp { margin: 25px 0 } .qa-accordion .search { border-collapse: separate; background-color: #fff; padding: 25px 0; margin: 0 auto 5px } .qa-accordion .search .cta-holder { margin: 0 auto } .qa-accordion .search .search-input { border: 1px solid #a6b4cf; -webkit-box-sizing: border-box; box-sizing: border-box } .qa-accordion .search .btn,.qa-accordion .search .search-input { font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem } .qa-accordion .search .search-input:placeholder-shown { color: #666 } .qa-accordion .search .search-input { padding: 11px 10px; color: #666 } .qa-accordion .search .search-label { font-family: Praxis-regular; font-size: 0.75rem; font-size: .75rem; margin: 0 0 20px; color: #666 } @media (min-width: 768px) { .qa-accordion .search .search-label { font-size:.875rem } } .qa-accordion .search .search-label { margin-bottom: 10px; display: inline-block } .qa-accordion .search .input-holder { margin-top: 25px; margin-bottom: 25px } .show-focus-outlines .qa-accordion .search .input-holder input.search-input:focus { outline: 1px auto #3b99fc } .qa-accordion .categories { font-family: Praxis-regular; color: transparent } .qa-accordion .categories .categories-list { white-space: nowrap } .qa-accordion .categories { padding-bottom: 16px } .qa-accordion .categories .categories-list li { text-align: center; padding: 0 8px } .qa-accordion .categories .categories-list a { letter-spacing: 0.05rem; letter-spacing: .05rem; font-size: 0.75rem; font-size: .75rem; padding: 4px 0; color: #666 } .qa-accordion .categories li.active a { color: #002776; font-family: Praxis-semibold; border-bottom: 3px solid #002776 } .qa-accordion .categories li.active a:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #002776 } .qa-accordion .categories li a:active { color: #666 } .qa-accordion .categories .categories-list li:last-child { padding-right: 17px } .qa-accordion .breadcrumb { text-align: center; font-family: Praxis-regular; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #988642; font-size: 0.75rem; font-size: .75rem } .qa-accordion .breadcrumb .results-count { font-family: Praxis-regular; font-weight: 700; color: #002776 } .qa-accordion .breadcrumb .content { border-top: 1px solid #ccc; -webkit-box-shadow: -4px 3px 9px 0 rgba(0, 0, 0, .13); box-shadow: -4px 3px 9px 0 rgba(0, 0, 0, .13) } .qa-accordion .breadcrumb .cta-holder.svp { text-align: right } .qa-accordion .breadcrumb .pagination .next,.qa-accordion .breadcrumb .pagination .prev { width: 15px; height: 24px; background-size: 100%; border: none } .qa-accordion .breadcrumb .pagination .next,.qa-accordion .breadcrumb .pagination .prev { background: transparent } .qa-accordion .breadcrumb .pagination .prev:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .qa-accordion .breadcrumb .pagination .prev:after { font-size:1.125rem } } .qa-accordion .breadcrumb .pagination .prev:after { color: #002776 } .qa-accordion .breadcrumb .pagination .next:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .qa-accordion .breadcrumb .pagination .next:after { font-size:1.125rem } } .qa-accordion .breadcrumb .pagination .next:after { color: #002776 } .qa-accordion .breadcrumb .filters { border-left: 1px solid #ccc } .qa-accordion .breadcrumb .select:after { font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E926"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .qa-accordion .breadcrumb .select:after { font-size:1.125rem } } .qa-accordion .breadcrumb .select:after { right: 20px; color: #002776; font-family: Icomoon; speak: none; font-size: 0.6875rem; font-size: .6875rem; display: inline-block; vertical-align: top; top: 15% } .qa-accordion .breadcrumb .select.active:after { font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; -webkit-font-smoothing: antialiased; content: "\E92A"; right: 20px; color: #002776; vertical-align: text-top; top: 15%; font-size: 0.6875rem; font-size: .6875rem } .qa-accordion .breadcrumb .select.active:after,.qa-accordion .results .item.open .head:after { text-transform: none; -moz-osx-font-smoothing: grayscale; font-family: Icomoon; speak: none; display: inline-block } .qa-accordion .results .item.open .head:after { font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; -webkit-font-smoothing: antialiased; content: "\E931" } .qa-accordion .results .item .head:after { position: absolute } .qa-accordion .filter-container .filter-head { background: #002776 } .qa-accordion .filter-container .filter-head span { color: #fff; font-size: 0.875rem; font-size: .875rem; padding: 10px 0; line-height: 1; border-left: 1px solid #fff } .qa-accordion .filter-container .filter-head span:first-child { border-left: 0 } .qa-accordion .filter-container .filter-head h2 .close { padding: 10px 25px; color: #002776 } .qa-accordion .filter-container .filter-head h2 .close:after { display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA1NENCNUIyMEVEMTFFNzhEMDNFRUI3NzM5MzZFMUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDA1NENCNUMyMEVEMTFFNzhEMDNFRUI3NzM5MzZFMUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDU0Q0I1OTIwRUQxMUU3OEQwM0VFQjc3MzkzNkUxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMDU0Q0I1QTIwRUQxMUU3OEQwM0VFQjc3MzkzNkUxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjY6rgkAAAEQSURBVHjarJVrDoIwEIQJ8SzGfz4SFYuiKE+5n/FKvvUOeg6cmiEhBGgBSb4EtrtDh26LmabpAfjA6MgGHOXNDjyA00FsCV4gyAIzcAZJC7EYXIGQz/kBD5wa2nc5kSiLFROk/RuwNcTm4F6cQFnilIlhjZjPF1vFsaoCh/b3JWMhbW7LaussycILWOVigrG4qk71nQRbagLG4MkWMdoKSvrgDT5goMrvGerLBCkxldkaO0DaHIEh7a/aWo65AItczGIsaSq4ZWuU9WLAMU9XcMHG9mpmv2OOUAn6TJxrrP6MuUGVYEQrbsMz8Jxv9OIOiFocXxFr7UwwYGvYHQ5Ymxq/A/YI1n/4BUiNw1eAAQBywaDRzZhwKAAAAABJRU5ErkJggg==); position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; content: ""; visibility: visible } .qa-accordion .filter-container .item { border-bottom: 1px solid transparent } .qa-accordion .filter-container .content button { border: none; background: #e3e2e8; color: #002776; font-family: Praxis-regular; font-size: 0.875rem; font-size: .875rem; padding: 0 35px 0 15px; word-wrap: break-word; overflow: hidden; max-height: 56px } .qa-accordion .filter-container .content button.selected { background: #002776; color: #fff } .qa-accordion .filter-container .cta-holder .btn-secondary,.qa-accordion .filter-container .head { border: 0 solid #fff; background: transparent; font-family: GreycliffCF-bold; letter-spacing: 0.0625rem; letter-spacing: .0625rem } .qa-accordion .filter-container .head { color: #002776; font-size: 0.875rem; font-size: .875rem; text-align: left } .qa-accordion .filter-container .item.open .head:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E931"; color: #002776; font-weight: 700 } .qa-accordion .filter-container .content button.selected:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906" } .react-component.questionAndAnswersAccordion { margin-bottom: 0; background: #fff } @media (min-width: 768px) { .qa-accordion .btn { font-size:1rem } .qa-accordion .breadcrumb { padding: 50px 0 } .qa-accordion .accordion-container .results .item .head:after,.qa-accordion .item .head:before { top: 46px } .qa-accordion .accordion-container .results .item .desc { padding: 40px 60px 46px 110px } .qa-accordion .accordion-container .results .item .desc:before { top: 35px } .qa-accordion .cta-holder .btn { border-radius: 10px } .qa-accordion .breadcrumb { font-size: 1rem } .qa-accordion .breadcrumb .content { border-top: none; -webkit-box-shadow: none; box-shadow: none } .qa-accordion .breadcrumb .content:before { content: ""; display: table } .qa-accordion .breadcrumb .content:after { content: ""; display: table; clear: both } .qa-accordion .breadcrumb .filters { border: none; text-align: right } .qa-accordion .breadcrumb .results-count { text-align: left } .qa-accordion .breadcrumb .filters,.qa-accordion .breadcrumb .pagination,.qa-accordion .breadcrumb .results-count { width: calc(33.3% - 20px) } .qa-accordion .breadcrumb .filters:nth-child(1n),.qa-accordion .breadcrumb .pagination:nth-child(1n),.qa-accordion .breadcrumb .results-count:nth-child(1n) { float: left; margin-right: 30px; clear: none } .qa-accordion .breadcrumb .filters:last-child,.qa-accordion .breadcrumb .pagination:last-child,.qa-accordion .breadcrumb .results-count:last-child { margin-right: 0 } .qa-accordion .breadcrumb .filters:nth-child(3n),.qa-accordion .breadcrumb .pagination:nth-child(3n),.qa-accordion .breadcrumb .results-count:nth-child(3n) { margin-right: 0; float: right } .qa-accordion .breadcrumb .filters:nth-child(3n+1),.qa-accordion .breadcrumb .pagination:nth-child(3n+1),.qa-accordion .breadcrumb .results-count:nth-child(3n+1) { clear: both } .qa-accordion .breadcrumb .select.active:after,.qa-accordion .breadcrumb .select:after { font-size: .875rem } .qa-accordion .results { padding: 0 } .qa-accordion .results .item .head { font-size: 1.5rem } .qa-accordion .results .item .desc:after { border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #fff } .qa-accordion .results .item .head:before { top: 26px; -webkit-transform: translateY(0); transform: translateY(0) } .qa-accordion .search { padding: 25px 0 9px; margin-bottom: 0 } .qa-accordion .search .search-input { border-right: none } .qa-accordion .search .btn,.qa-accordion .search .search-input { font-size: 1rem } .qa-accordion .search .search-input { padding: 11px 22px; border-radius: 15px 0 0 15px } .qa-accordion .search .cta-holder { margin: 28px 0 0 } .qa-accordion .categories { padding: 0 } .qa-accordion .categories .categories-list a { font-size: 1rem; padding-bottom: 10px; color: #666 } .qa-accordion .categories li.active a { border-bottom: 5px solid #002776 } .qa-accordion .categories li.active a:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #002776 } .qa-accordion .filter-container .content button { font-size: 1rem; min-height: 56px } .qa-accordion .filter-container .filter-head span { font-size: 1.125rem } .qa-accordion .filter-container .head { font-size: 16px; background: transparent; border: none; text-align: left; cursor: pointer; font-size: 1rem; text-transform: uppercase; color: #002776; padding: 30px 0; font-weight: 400 } } @media (min-width: 768px) and (orientation:landscape) { .qa-accordion .breadcrumb { padding:40px 155px } } @media (min-width: 768px) { .react-component.questionAndAnswersAccordion { margin-bottom:50px; padding-bottom: 0; background: transparent } } @media (min-width: 1025px) { .qa-accordion .categories { padding:0 155px 23px } .qa-accordion .search { padding-bottom: 0; background-color: #fff } .qa-accordion .search+.qa-content .categories { padding: 5px 155px 10px } .qa-accordion .cta-holder .btn { border-radius: 0 10px 10px 0 } .qa-accordion .categories .categories-list li { padding: 0 20px } .qa-accordion .categories .categories-list a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .qa-accordion .qa-content { padding: 2px } .qa-accordion .accordion-container .results:last-child { margin-bottom: 50px } .qa-accordion .breadcrumb.down-pagination { padding: 0 60px 50px } .qa-accordion .results .item .head:before { top: 35px } .qa-accordion .results .item .head { padding-top: 45px } .qa-accordion .accordion-container .results .item .desc:before { top: 46px } .qa-accordion .accordion-container .results .item .head:after,.qa-accordion .item .head:before { top: 50px } .qa-accordion .accordion-container .results .item .desc { padding: 50px 90px 56px 110px } .qa-accordion .filter-container .filter-content { background: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box } .qa-accordion .filter-container .cta-holder { padding: 100px 0 40px } .qa-accordion .filter-container .filter-content .cta-holder .btn { border-radius: 10px } .qa-accordion .breadcrumb { padding: 40px 60px } .show-focus-outlines .qa-accordion .search .btn:focus { outline: 1px auto #3b99fc } } .dropdown-list::-ms-value { background-color: inherit; color: inherit } .global-footer-container { position: relative } .global-footer-container .accordion { padding-top: 50px } .global-footer-container .title { height: auto; width: auto; position: relative; padding: 25px 0 17px; 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: -17px } .global-footer-container .content-open { height: auto } .global-footer-container .content li { list-style-type: none; padding: 9px 0 26px } .global-footer-container .content ul:first-child { padding: 0 } .global-footer-container .content li:last-child { padding: 9px 0 13px } .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 .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 { list-style-type: none; padding-left: 0; margin-top: 12px } .global-footer-container .footer-links-container li:first-child { padding-top: 0 } .global-footer-container .footer-links-container li { padding-top: 34px } .global-footer-container .footer-links-container li:last-child { padding-bottom: 20px } .global-footer-container .social-share-icons { margin: 0 auto; padding-bottom: 0; overflow: hidden } .global-footer-container .social-share-icons .social-share-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; 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 } .global-footer-container .quote-block { 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,.global-footer-container .ffa-rotate-180 { width: 29px; height: 23px; position: absolute; right: 0; right: -14px } .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 } .global-footer-container .content li:last-child { padding: 9px 0 0 } .global-footer-container .content li { padding: 9px 0 40px } .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,.global-footer-container .footer-links-container li:first-child { 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 } .global-footer-container .ffa-angle-down,.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% } .global-footer-container .title { padding-bottom: 40px } .global-footer-container .content { height: auto; width: auto; margin-top: -42px } .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,.global-footer-container .content li:last-child { padding: 20px 0 0 } .global-footer-container .social-share-icons { padding-top: 52px } .global-footer-container .footer-links-div { display: table-cell; -webkit-column-count: 1; -moz-column-count: 1; 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: 0 } .global-footer-container .footer-links-div li { margin-right: 25px } .global-footer-container .footer-links-container { display: table; padding: 4px 0 50px; width: 100% } .global-footer-container .footer-links-container li,.global-footer-container .footer-links-container li:first-child { padding-top: 60px } .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 } .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: #011949 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NDAuMiAyMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjQwLjIgMjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGltYWdlIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIgd2lkdGg9IjY0MCIgaGVpZ2h0PSIzMyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFvQUFBQUFoQ0FZQUFBQkpFaHBCQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUYKeUdsVVdIUllUVXc2WTI5dExtRmtiMkpsTG5odGNBQUFBQUFBUEQ5NGNHRmphMlYwSUdKbFoybHVQU0x2dTc4aUlHbGtQU0pYTlUwdwpUWEJEWldocFNIcHlaVk42VGxSamVtdGpPV1FpUHo0Z1BIZzZlRzF3YldWMFlTQjRiV3h1Y3pwNFBTSmhaRzlpWlRwdWN6cHRaWFJoCkx5SWdlRHA0YlhCMGF6MGlRV1J2WW1VZ1dFMVFJRU52Y21VZ05TNDJMV014TkRBZ056a3VNVFl3TkRVeExDQXlNREUzTHpBMUx6QTIKTFRBeE9qQTRPakl4SUNBZ0lDQWdJQ0FpUGlBOGNtUm1PbEpFUmlCNGJXeHVjenB5WkdZOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbgpMekU1T1Rrdk1ESXZNakl0Y21SbUxYTjViblJoZUMxdWN5TWlQaUE4Y21SbU9rUmxjMk55YVhCMGFXOXVJSEprWmpwaFltOTFkRDBpCklpQjRiV3h1Y3pwNGJYQTlJbWgwZEhBNkx5OXVjeTVoWkc5aVpTNWpiMjB2ZUdGd0x6RXVNQzhpSUhodGJHNXpPbmh0Y0UxTlBTSm8KZEhSd09pOHZibk11WVdSdlltVXVZMjl0TDNoaGNDOHhMakF2YlcwdklpQjRiV3h1Y3pwemRFVjJkRDBpYUhSMGNEb3ZMMjV6TG1GawpiMkpsTG1OdmJTOTRZWEF2TVM0d0wzTlVlWEJsTDFKbGMyOTFjbU5sUlhabGJuUWpJaUI0Yld4dWN6cGtZejBpYUhSMGNEb3ZMM0IxCmNtd3ViM0puTDJSakwyVnNaVzFsYm5Sekx6RXVNUzhpSUhodGJHNXpPbkJvYjNSdmMyaHZjRDBpYUhSMGNEb3ZMMjV6TG1Ga2IySmwKTG1OdmJTOXdhRzkwYjNOb2IzQXZNUzR3THlJZ2VHMXdPa055WldGMGIzSlViMjlzUFNKQlpHOWlaU0JRYUc5MGIzTm9iM0FnUTBNZwpLRTFoWTJsdWRHOXphQ2tpSUhodGNEcERjbVZoZEdWRVlYUmxQU0l5TURFNExUQTBMVEExVkRFME9qVXhPak0yS3pBMU9qTXdJaUI0CmJYQTZUV1YwWVdSaGRHRkVZWFJsUFNJeU1ERTRMVEEwTFRBMVZERTBPalV4T2pNMkt6QTFPak13SWlCNGJYQTZUVzlrYVdaNVJHRjAKWlQwaU1qQXhPQzB3TkMwd05WUXhORG8xTVRvek5pc3dOVG96TUNJZ2VHMXdUVTA2U1c1emRHRnVZMlZKUkQwaWVHMXdMbWxwWkRwbQpPREJsWW1NNVpTMDJaVEEzTFRRME5XUXRZV016T0MwMFpXSmlNakE1TXpsbE5ESWlJSGh0Y0UxTk9rUnZZM1Z0Wlc1MFNVUTlJbUZrCmIySmxPbVJ2WTJsa09uQm9iM1J2YzJodmNEbzBZek5oWm1OaU1pMWpORFV6TFdSbE5HVXRZamcyTlMxbFpUaGpOek0yTXpObVpXUWkKSUhodGNFMU5Pazl5YVdkcGJtRnNSRzlqZFcxbGJuUkpSRDBpZUcxd0xtUnBaRG94WkdZMU5qZGtNQzFqWmpBNExUUTBPRE10T1RWagpNUzFqWVRnM1pHRmpNak5oTTJRaUlHUmpPbVp2Y20xaGREMGlhVzFoWjJVdmNHNW5JaUJ3YUc5MGIzTm9iM0E2UTI5c2IzSk5iMlJsClBTSXpJajRnUEhodGNFMU5Pa2hwYzNSdmNuaytJRHh5WkdZNlUyVnhQaUE4Y21SbU9teHBJSE4wUlhaME9tRmpkR2x2YmowaVkzSmwKWVhSbFpDSWdjM1JGZG5RNmFXNXpkR0Z1WTJWSlJEMGllRzF3TG1scFpEb3haR1kxTmpka01DMWpaakE0TFRRME9ETXRPVFZqTVMxagpZVGczWkdGak1qTmhNMlFpSUhOMFJYWjBPbmRvWlc0OUlqSXdNVGd0TURRdE1EVlVNVFE2TlRFNk16WXJNRFU2TXpBaUlITjBSWFowCk9uTnZablIzWVhKbFFXZGxiblE5SWtGa2IySmxJRkJvYjNSdmMyaHZjQ0JEUXlBb1RXRmphVzUwYjNOb0tTSXZQaUE4Y21SbU9teHAKSUhOMFJYWjBPbUZqZEdsdmJqMGljMkYyWldRaUlITjBSWFowT21sdWMzUmhibU5sU1VROUluaHRjQzVwYVdRNlpqZ3daV0pqT1dVdApObVV3TnkwME5EVmtMV0ZqTXpndE5HVmlZakl3T1RNNVpUUXlJaUJ6ZEVWMmREcDNhR1Z1UFNJeU1ERTRMVEEwTFRBMVZERTBPalV4Ck9qTTJLekExT2pNd0lpQnpkRVYyZERwemIyWjBkMkZ5WlVGblpXNTBQU0pCWkc5aVpTQlFhRzkwYjNOb2IzQWdRME1nS0UxaFkybHUKZEc5emFDa2lJSE4wUlhaME9tTm9ZVzVuWldROUlpOGlMejRnUEM5eVpHWTZVMlZ4UGlBOEwzaHRjRTFOT2tocGMzUnZjbmsrSUR3dgpjbVJtT2tSbGMyTnlhWEIwYVc5dVBpQThMM0prWmpwU1JFWStJRHd2ZURwNGJYQnRaWFJoUGlBOFAzaHdZV05yWlhRZ1pXNWtQU0p5CklqOCs3T2Y3ZGdBQUEveEpSRUZVZUp6dDNkdE9FMUVVaC9FL1VLQWdMWU9LVVJPSjNoaWpqK0hEK1F5K21QRk94VVNOaHpDMGdJQm8KdmRoclpWWUhhRG0xcGQzZkw1bDBUK2ZRSVJqODNEUHFYSy9YRXdBQUFQSXhQK2tMQUFBQXdIZ1JnQUFBQUpraEFBRUFBREpEQUFJQQpBR1NHQUFRQUFNZ01BUWdBQUpBWkFoQUFBQ0F6QkNBQUFFQm1DRUFBQUlETUVJQUFBQUNaSVFBQkFBQXlRd0FDQUFCa2hnQUVBQURJCkRBRUlBQUNRR1FJUUFBQWdNd1FnQUFCQVpocHYzN3llOURVQXVQM2FraFpzZkVmU2tvMlhKYTNhZUU1U0VZNXBTR3FGOVNVNzFxMUkKYW9iMU5VbUxZWDFkMVI5U2g1MDdYc2RGenIwUnhqdGgvRWZTWGxnL2xQUTdyQjlJT2dyclhVa25ZYjJVMUxQeFAwbTdsemozdnFUagpDNTQ3WHNleEhTdEpmeVYxQkFCRE5DWjlBVUJHWXRCNGdDd294WlhVSDBneGNPcnhFMk5zVlNsKzZzZkg4OHFPbjdOeGpLRVlTb3UyCjdhelBuR1VidGZVSEU3bUswU2hWUmVPZVVvUktLVHdQYlJ6RHRHZkh1STVTVkVyOWdYcWtGS0hTNmVpTW54a2pOaDRmeitzQlhnOW0KQUNORUFHSld4SGp4d0psWGlpNnBQM1FLcGNDSndYVFJZK0wyK0pseEJpcEdXWDNtQ1JpbklvenJvWHVieFNpTnNSbG5QbU5jN2lvRgpaQXpZT01QcTIrTjVQWWl2Y2d3dzlRaEFYSWNIVkF3aC8wM0d3eWRHMW5uYjRteVRiL09nR3JSTjZwOVZBekFiRm5XN2d6WE9WbnFVCnhsQXNsY0xTWnowdnVzMW5Rd2R0OHdpdFB6SUFYQW9CT0J2OG1heTIwdmUwVUhVTDBHZXNZa2o1RDFhUEo3K2wyTExqUGJUOHZENFQKMXJSeC9Ya3JBTWpKdktxZm81TU9WUTlRdjYzdnM1aitiS2hINUluU3JLbmZzbzhSNjNGWktzV3B6Mzc2cmZyU2p1K28vNWxUVERFQwpjTFFLcFdoYVZZcXRaYVc0OHBEeXdGcFhDckJDMVd6YW9IMzgrVERmQndDUXAxVmJ4aDJpSHB4K0s3NVVpc1ZkVlpIbysvaXM1YkI5CmptemJnYjFYanVkTHlSTUJtQUpyelY0TDlRZGIwOTV2SzhWYlMxV2N0VzFiMC9iMVdiSU5FV1lBZ05tMllzdW93OU1EY1VmVjdPYXUKamZlVlppVTlJTHRLRWRteGJZYzZIWlQ3dG0vMnM1alRHb0FlWWkxYmlyQytwaFJrN2JDK3B2U0xOTzdURnMrUEFRQndtNDBxTlAwVwplRWRWUE80cGhlWmVlSzlqKzhWOVNodDN3L3RUWjFJQjJGRDZaaGIyV2w4R3ZWK00rVm9CQU1CczhlYzRieW9zUzF0MnpsaUd2WCtpCkNiaUpBRnlXZE4rV2gyRzhxZlR2YVczcWROQzF6am9SQUFEQUZDcHNlWHFGWTdzNkhZWS9KSDIzMTUrMmZBdmpvN05PZEJuREF2Q1IKMGhmenhNYVA3VFV1ZDY5N0VRQUFBSm55eDltMkxuSE1MNlVnL0JxV0wvYjZXZEpIRzUrcllSLzRRdEpMZTMybUZIMWI2dit2bEFBQQpBREI1OTJ4NU5XQ2ZRMG5iU2pINFFkSjdTZS9zZGJzaDZkTm9yeEVBQUFCajFwVDAzSmE2TG44REZnQUFJQzh0QWhBQUFDQXpCQ0FBCkFFQm0vZ05CSnczYXNFQkJ6Z0FBQUFCSlJVNUVya0pnZ2c9PSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA0LjE2NjY2N2UtMDIgLTEzLjY2NjcpIj4KPC9pbWFnZT4KPC9zdmc+Cg==) no-repeat scroll bottom; padding-bottom: 20px } .global-footer-container .grid-wrap { max-width: 1280px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; margin-bottom: -1px } .global-footer-container .main-container { padding-right: 40px; padding-left: 40px } .global-footer-container .accordion { background-color: transparent } .global-footer-container .accordion>div:first-child>.accordion-item { border-top: 1px solid #fff } .global-footer-container .social-share-icons .social-share-wrapper { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .global-footer-container .title { text-align: left; text-transform: capitalize; display: block; text-decoration: none } .global-footer-container .footer-heading { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776 } @media (min-width: 768px) { .global-footer-container .footer-heading { font-size:1.5rem; line-height: 1.333 } } .global-footer-container .footer-heading { color: #fff; font-weight: 400; text-transform: none } .global-footer-container .mvp-dom .footer-heading { margin-top: 1em; margin-bottom: 1em; display: inline-block } .global-footer-container .sub-link { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .global-footer-container .sub-link { font-size:1.375rem; line-height: 1.363 } } .global-footer-container .sub-link { text-decoration: none; font-family: Praxis-regular; color: #fff; text-transform: none; -webkit-font-feature-settings: normal; font-feature-settings: normal } .global-footer-container .content { background-color: #011949; color: #fff; text-align: left } .global-footer-container .logo-wrapper .logo img { width: auto; height: 60px } .global-footer-container .awards { text-align: center; clear: both; padding-bottom: 20px } .global-footer-container .awards img { width: auto; height: 34px } .global-footer-container .footer-links-container ul { text-decoration: none; margin-top: 34px } .global-footer-container .footer-links-container { border-top: 1px solid #bcbdcb; padding-top: 34px } .global-footer-container .footer-links-container a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .global-footer-container .footer-links-container a { font-size:.875rem; line-height: 1.5rem } } .global-footer-container .footer-links-container a { color: #fff } .global-footer-container .social-share-icons { text-align: center } .global-footer-container .social-share-icons a { text-decoration: none; font-size: 18px; font-size: 1.125rem; line-height: 20px; line-height: 1.25rem } .global-footer-container .social-share-icons span { display: none } .global-footer-container .social-share-icons a:before { text-decoration: none } .global-footer-container .social-share-icons .instagram:before { content: "\E902" } .global-footer-container .social-share-icons .instagram:before,.global-footer-container .social-share-icons .twitter:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .global-footer-container .social-share-icons .twitter:before { content: "\E904" } .global-footer-container .social-share-icons .facebook:before { content: "\E900" } .global-footer-container .social-share-icons .facebook:before,.global-footer-container .social-share-icons .gplus:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .global-footer-container .social-share-icons .gplus:before { content: "\E901" } .global-footer-container .social-share-icons .pinterest:before { content: "\E903" } .global-footer-container .social-share-icons .pinterest:before,.global-footer-container .social-share-icons .youtube:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .global-footer-container .social-share-icons .youtube:before { content: "\E905" } .global-footer-container .footer-paragraph { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .global-footer-container .footer-paragraph { font-size:1.875rem; line-height: 1.333 } } .global-footer-container .footer-paragraph { text-align: center; margin: 0 auto; color: #fff } .global-footer-container .quote-block { padding: 43px 0 82px } .global-footer-container .logo { text-align: center } .global-footer-container .accordion-item { border-bottom: 1px solid #ccc; border-bottom: 1px solid #fff } .global-footer-container .ffa-angle-down:after { content: "\E91E" } .global-footer-container .ffa-angle-down:after,.global-footer-container .ffa-rotate-180:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff } .global-footer-container .ffa-rotate-180:after { content: "\E92F" } .global-footer-container .decoration { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAANCAYAAABfGcvGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAz0lEQVRYw+2XMQ6DMAxFf6oupJdpxnLn9gjdHDbKQRiJPbpLGShFQukQjHizI33nyYrjYAhV1dyzzjlXOv8aTqUDHEw5hGyMXQgREcQYwcylo/yNeSHMjEiEvu8RicxLMS1klJE+ElgETdNAREpHy8a0kK7rwF+Xn1LCq21LR8vm/Lg/s1fJ0oQQJhMCAL6qcA1hVmulTxO7+civfwgzg4ggIrh4j1tdw3s/b9TIP8QUusAwDEpEysxLJSamA9jBhKxu1MiEmH7U98ghZGO8AQUejKRulzraAAAAAElFTkSuQmCC) no-repeat 50%; height: 15px; display: block; margin-top: 7px; margin-bottom: 24px } .global-footer-container .accordion-item button { width: 100%; border: 0; background: transparent; outline: none } @media (min-width: 768px) { .global-footer-container { background:none; background-color: #011949; padding-bottom: 0 } .global-footer-container .accordion { text-align: center } .global-footer-container .logo-wrapper .logo img { height: 118px } .global-footer-container .footer-links-container ul { margin-top: 0 } .global-footer-container .footer-links-container { padding-top: 40px } .global-footer-container .footer-links-container a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .625rem; line-height: 1.125rem; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .global-footer-container .footer-links-container a { font-size:.875rem; line-height: 1.5rem } } @media (min-width: 768px) { .global-footer-container .footer-links-container a { color:#fff } .global-footer-container .footer-links-container .social-icon-container a { font-size: 1.75rem; line-height: 1.75rem } .global-footer-container .social-share-icons { width: auto; max-width: 420px } .global-footer-container .social-share-icons a { width: auto; max-width: 40px; height: auto } .global-footer-container .footer-paragraph { color: #fff } .global-footer-container .awards { padding-bottom: 30px } .global-footer-container .awards img { height: 65px } .global-footer-container .sub-link { font-size: 1.125rem } .global-footer-container:after { content: ""; height: 21px; margin-bottom: 0; display: block; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDc5LjcgMjEuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQ3OS43IDIxLjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGltYWdlIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIgd2lkdGg9IjE0ODAiIGhlaWdodD0iNDkiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFCY2dBQUFBeENBWUFBQUR1a2tvTkFBQUFDWEJJV1hNQUFBc1RBQUFMRXdFQW1wd1lBQUFGCnlHbFVXSFJZVFV3NlkyOXRMbUZrYjJKbExuaHRjQUFBQUFBQVBEOTRjR0ZqYTJWMElHSmxaMmx1UFNMdnU3OGlJR2xrUFNKWE5VMHcKVFhCRFpXaHBTSHB5WlZONlRsUmplbXRqT1dRaVB6NGdQSGc2ZUcxd2JXVjBZU0I0Yld4dWN6cDRQU0poWkc5aVpUcHVjenB0WlhSaApMeUlnZURwNGJYQjBhejBpUVdSdlltVWdXRTFRSUVOdmNtVWdOUzQyTFdNeE5EQWdOemt1TVRZd05EVXhMQ0F5TURFM0x6QTFMekEyCkxUQXhPakE0T2pJeElDQWdJQ0FnSUNBaVBpQThjbVJtT2xKRVJpQjRiV3h1Y3pweVpHWTlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm4KTHpFNU9Ua3ZNREl2TWpJdGNtUm1MWE41Ym5SaGVDMXVjeU1pUGlBOGNtUm1Pa1JsYzJOeWFYQjBhVzl1SUhKa1pqcGhZbTkxZEQwaQpJaUI0Yld4dWN6cDRiWEE5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdmVHRndMekV1TUM4aUlIaHRiRzV6T25odGNFMU5QU0pvCmRIUndPaTh2Ym5NdVlXUnZZbVV1WTI5dEwzaGhjQzh4TGpBdmJXMHZJaUI0Yld4dWN6cHpkRVYyZEQwaWFIUjBjRG92TDI1ekxtRmsKYjJKbExtTnZiUzk0WVhBdk1TNHdMM05VZVhCbEwxSmxjMjkxY21ObFJYWmxiblFqSWlCNGJXeHVjenBrWXowaWFIUjBjRG92TDNCMQpjbXd1YjNKbkwyUmpMMlZzWlcxbGJuUnpMekV1TVM4aUlIaHRiRzV6T25Cb2IzUnZjMmh2Y0QwaWFIUjBjRG92TDI1ekxtRmtiMkpsCkxtTnZiUzl3YUc5MGIzTm9iM0F2TVM0d0x5SWdlRzF3T2tOeVpXRjBiM0pVYjI5c1BTSkJaRzlpWlNCUWFHOTBiM05vYjNBZ1EwTWcKS0UxaFkybHVkRzl6YUNraUlIaHRjRHBEY21WaGRHVkVZWFJsUFNJeU1ERTRMVEEwTFRBMVZERTBPalV3T2pReUt6QTFPak13SWlCNApiWEE2VFdWMFlXUmhkR0ZFWVhSbFBTSXlNREU0TFRBMExUQTFWREUwT2pVd09qUXlLekExT2pNd0lpQjRiWEE2VFc5a2FXWjVSR0YwClpUMGlNakF4T0Mwd05DMHdOVlF4TkRvMU1EbzBNaXN3TlRvek1DSWdlRzF3VFUwNlNXNXpkR0Z1WTJWSlJEMGllRzF3TG1scFpEcGsKWVdNeVpUYzNOeTFtWmpGa0xUUTROVFF0WWpOaE5TMHhNRFl4TWpCaE5XRmlOemtpSUhodGNFMU5Pa1J2WTNWdFpXNTBTVVE5SW1GawpiMkpsT21SdlkybGtPbkJvYjNSdmMyaHZjRG8wWVdWalpUSTNPQzFtWXpjM0xXUmxOR0V0WW1RM1ppMDNZMlkzWVRCaE1XRmlaVEVpCklIaHRjRTFOT2s5eWFXZHBibUZzUkc5amRXMWxiblJKUkQwaWVHMXdMbVJwWkRvek5qUmhZekJsTVMwMU1EUTRMVFJoT0RndFlUZzAKT1Mwd1pUQm1OVEF5TmpVMVpHSWlJR1JqT21admNtMWhkRDBpYVcxaFoyVXZjRzVuSWlCd2FHOTBiM05vYjNBNlEyOXNiM0pOYjJSbApQU0l6SWo0Z1BIaHRjRTFOT2tocGMzUnZjbmsrSUR4eVpHWTZVMlZ4UGlBOGNtUm1PbXhwSUhOMFJYWjBPbUZqZEdsdmJqMGlZM0psCllYUmxaQ0lnYzNSRmRuUTZhVzV6ZEdGdVkyVkpSRDBpZUcxd0xtbHBaRG96TmpSaFl6QmxNUzAxTURRNExUUmhPRGd0WVRnME9TMHcKWlRCbU5UQXlOalUxWkdJaUlITjBSWFowT25kb1pXNDlJakl3TVRndE1EUXRNRFZVTVRRNk5UQTZORElyTURVNk16QWlJSE4wUlhaMApPbk52Wm5SM1lYSmxRV2RsYm5ROUlrRmtiMkpsSUZCb2IzUnZjMmh2Y0NCRFF5QW9UV0ZqYVc1MGIzTm9LU0l2UGlBOGNtUm1PbXhwCklITjBSWFowT21GamRHbHZiajBpYzJGMlpXUWlJSE4wUlhaME9tbHVjM1JoYm1ObFNVUTlJbmh0Y0M1cGFXUTZaR0ZqTW1VM056Y3QKWm1ZeFpDMDBPRFUwTFdJellUVXRNVEEyTVRJd1lUVmhZamM1SWlCemRFVjJkRHAzYUdWdVBTSXlNREU0TFRBMExUQTFWREUwT2pVdwpPalF5S3pBMU9qTXdJaUJ6ZEVWMmREcHpiMlowZDJGeVpVRm5aVzUwUFNKQlpHOWlaU0JRYUc5MGIzTm9iM0FnUTBNZ0tFMWhZMmx1CmRHOXphQ2tpSUhOMFJYWjBPbU5vWVc1blpXUTlJaThpTHo0Z1BDOXlaR1k2VTJWeFBpQThMM2h0Y0UxTk9raHBjM1J2Y25rK0lEd3YKY21SbU9rUmxjMk55YVhCMGFXOXVQaUE4TDNKa1pqcFNSRVkrSUR3dmVEcDRiWEJ0WlhSaFBpQThQM2h3WVdOclpYUWdaVzVrUFNKeQpJajgrcGRRanl3QUFCZXRKUkVGVWVKenQzVnR5RzBVVWdPRmpSN2tTRzRVS1JSVVBiSWJGc1FhV3hnNTRBdUZMRWdMRVBJeTYxRzUzCno0d3N4WkxkMzFkRk9aRkdvNG1UZ3ZDZm50Ykp6YzFOQUFBQUFBQkFiMDRQZlFFQUFBQUFBSEFJQWprQUFBQUFBRjBTeUFFQUFBQUEKNkpKQURnQUFBQUJBbHdSeUFBQUFBQUM2SkpBREFBQUFBTkFsZ1J3QUFBQUFnQzRKNUFBQUFBQUFkRWtnQndBQUFBQ2dTd0k1QUFBQQpBQUJkRXNnQkFBQUFBT2lTUUE0QUFBQUFRSmNFY2dBQUFBQUF1aVNRQXdBQUFBRFFKWUVjQUFBQUFJQXVDZVFBQUFBQUFIUkpJQWNBCkFBQUFvRXNDT1FBQUFBQUFYUkxJQVFBQUFBRG9ra0FPQUFBQUFFQ1hCSElBQUFBQUFMb2trQU1BQUFBQTBDV0JIQUFBQUFDQUxnbmsKQUFBQUFBQjBTU0FIQUFBQUFLQkxBamtBQUFBQUFGMFN5QUVBQUFBQTZKSkFEZ0FBQUFCQWx3UnlBQUFBQUFDNkpKQURBQUFBQU5BbApnUndBQUFBQWdDNEo1QUFBQUFBQWRHbng2eTgvSC9vYUFBQUFBQURnd1MwT2ZRRUFBT3pzUENLZU5aNTd0bjUrekp1SWVMbkRleVR2CkpwNmZjeTB2SXVLYmlXTmVSOFNyaVdQZVJzVHppV08ramVrN0t1ZWNKeUxpTE9iOTNicjhQdjYyZnUyUDJXUC9Sc1RsakhQOUV4RlgKTTQ3N0hCSFhFOGY4RnhFWGV6alB4NGo0TkhITVZRelhQdWF2aVBneTh2eE5SS3dtempIbisvaDNSSHpZNFZybS9sNEJBSENrQkhJQQpJR0lJa2k4cWp5OWlpSGMxWTBId1pRelJ0V1hzdGFjeGhNdVdxVGc2RmozSGZqMFIwNkY0TEFCUGhkMngwSG9TRWN1UjEwNTlQM204CnJtUDRNL3ZUb1MrRXIrSkREQkcrWlJWRDdLK1pHa2lNRFJxbUJnaFRnNEdMR0lZbU5WUERsS2toeVM0RGgrc1l2aS9idnJiMTY1a3oKSUFFQW5qaUJISUJqTUJZSFc4RnliQ1ZxSzc2T0JjeFdWSDBWUTVBdGpWMXpLemJ2KzVxWDYrc28zZWVhQWRpL056RSszSnE2NjRMRAorYlB4ZUdzQThDV0crRi9UR21hTTNRVnluNmpmdXViV29HYmYxOXdhZnR6bm1nSGd3UWprQVB0Uld4bGFXK1ZhaTUydDFiTEx1QnMvCmF4RzFGcEJyNzlPS3M3WC9PYTl0cFZCN245YXExbTFqTXdEQU1Xa05Md3cxSGtZcjZyZnVZS2dkWHd2enRUc05XbmRjMUlZVXRic1kKUHNVd09NblZCZ210Z1VSdHNGQWJVTlNHTTNPMnZnSmdna0FPdE5SV21wWnh0aGFBOXgxYmE5c2h0RmJCMXQ2bnRwSzNGbW1meHhDNQo1N3pQbkQxckFRQ0EreG03KytMOVExN0lJOVFLOGF1NHU2WFRaUXhEZzl6Y1lVTnJXRkc3SzJEdXNHR1hvVVk1UUtpOXpoMExRSlZBCkR0UEsxYjFsWE0yamJHMkZiaG1NeTVYRzVmbHE1MWpHN1pYRVpmUXR3M0p0UlhJWmo4dEFYUXZFQUFBQVBCNm5VViswNU82SHU4cVYKK3VYZEFMVWh3Q3B1RHhySzBGOUcvdHJBb2h3WWxFT0o4ZzZFMmtBZ3YvT2dIQWFVNXl1dkdTZ0k1T3hiSG1IemlGdEc0R1ZzZ204Wgpac3Y0bS8rSHZOdzJJby9ONVdyZk1ocm5xNSszT1JZQUFBQjRXbnBjSUxaTlRDOURmVGtNeUZma2w5djk1TU9ITXZCdmMyeCtaMEErCmZKajZVR2ZZaWdCNDNQSkltMi9wa0lKeHZrbzQzNFlpajhoNW1NN0RjMzd1T1ZFN2o5amw2bVNUYUFBQUFJRGp0b2piRGVjcDlKd3kKcXVlcjYvUDRuZzhEV3JFOUh3cmt4K1NoUGg4VTVOc1U1ZStiaGdmNUhRUmpIM0xNZ1Fua0czbjBUVEU2eGVJVWl2TUluZjRsa2tKegp2aTFHZWwyK1NqbmZxem05TmwrMW5ON1ROaGNBQUFBQU1PMGtIbC8wVCtFKzM4WW5CZnc4K09kaGZyVitMZy8zYWJ1ZUZOL3oxNmJuCjBublR5djA4MnRjK0pMaEx4eHJJMDk3STcySVRqTk9xNkJTVlU3Uk80VGxGNmJUbFJnclhhWFYwQ3REcDUrazl5aTA3QUFBQUFBQysKaG54aDdERjg4SEFLOW1rZi9yU3FQc1gwRlBKVGlFK3hQY1g2OUxvVTlOTXErM1RleS9YWFZkemQ2LzhvN0JySVg4ZndtM29XdzBycApzL1hQMzhZUXBNOWo4K25UNXpIRTZQUllDdUFwZUordGYxeCtPQ0VBQUFBQUFQdDNpSjBzTG1JSTdKZXhpZTJyMkVUMzh2bVA2OGRXCk1ZVDM5TTlxL2ZoVmJGYmJiMjBSRVQvRUVLcS9tL0UxeGU5bDNONjNHZ0FBQUFBQXBxUUYwdC92OFp4cDVmdHEvZlVxaHYzZy82aDgKdmZYWUlpSiszK09GQUFBQUFBREFRMG9mUXJ2MVB2U24rNzhXQUFBQUFBQTRmZ0k1QUFBQUFBQmQraDhmY2s1cUJRZTF3UUFBQUFCSgpSVTVFcmtKZ2dnPT0iIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTAuMzMzMyAtMjkpIj4KPC9pbWFnZT4KPC9zdmc+Cg==) no-repeat scroll bottom } } @media (min-width: 1025px) { .global-footer-container .title { padding-bottom:20px } .global-footer-container .accordion-item:first-child { border-top: none } .global-footer-container .accordion-item { border-bottom: none; width: 30% } .global-footer-container .accordion-item:first-child { border-top: 0 } .global-footer-container .title-text { text-transform: capitalize; color: #fff } .global-footer-container .social-share-icons a { width: 24px; height: 24px } .global-footer-container .footer-links-container .social-icon-container a { font-size: 1.125rem } .global-footer-container .content { color: #fff; margin-top: -37px } .global-footer-container .footer-links-container { padding-top: 28px } .global-footer-container .footer-links-container li,.global-footer-container .footer-links-container li:first-child { padding-top: 0 } .global-footer-container .footer-links-container a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .625rem; line-height: 1.125rem; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .global-footer-container .footer-links-container a { font-size:.875rem; line-height: 1.5rem } } @media (min-width: 1025px) { .global-footer-container .footer-links-container a { color:#fff } .global-footer-container .footer-links-div .sub-link { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .625rem; line-height: 1.125rem; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .global-footer-container .footer-links-div .sub-link { font-size:.875rem; line-height: 1.5rem } } @media (min-width: 1025px) { .global-footer-container .footer-links-div .sub-link { color:#fff } .global-footer-container .awards { text-align: center; padding-top: 0 } .global-footer-container .awards img { height: 42px } .global-footer-container .logo .logo-anchor { background-size: 100% auto; background-repeat: no-repeat } .global-footer-container .logo-wrapper .logo img { height: 78px } .global-footer-container .social-share-icons { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 0 auto; padding-top: 0 } .global-footer-container .social-share-icons a { margin-top: 6px } .global-footer-container .logo { margin: 110px 0 } .global-footer-container .footer-change-country { margin-right: 10px } } .global-footer-quote-container .main-container { margin: 0 35px } .global-footer-quote-container .footer-paragraph { margin: 0 auto; padding-top: 3px } .global-footer-quote-container .border-none .quote-block { padding-top: 35px } .global-footer-quote-container .quote-block { padding: 16px 0 35px } .global-footer-quote-container .quote-block .cite { margin: 0 auto; padding: 10px 0 0 } .global-footer-quote-container .decoration { display: none } .global-footer-quote-container .border-none .decoration { display: block; width: 200px; margin: auto } .global-footer-quote-container .border-none .decoration:after { display: inline-block; position: relative; top: -7px; padding: 7px 8px } @media (min-width: 768px) { .global-footer-quote-container .main-container { margin:0 32px } .global-footer-quote-container .quote-block { padding: 35px 0 77px } .global-footer-quote-container .border-none .quote-block { padding-top: 54px } .global-footer-quote-container .footer-paragraph { padding-top: 7px } } @media (min-width: 1025px) { .global-footer-quote-container .main-container { margin:0 60px } .global-footer-quote-container .quote-block { padding: 65px 0 71px } .global-footer-quote-container .quote-block .cite { font-size: 1.25rem; padding-top: 5px } } .footer-quote { background: red } .global-footer-quote-container { background-color: #988642 } .global-footer-quote-container .grid-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .global-footer-quote-container .grid-wrap:before { content: ""; display: table } .global-footer-quote-container .grid-wrap:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .global-footer-quote-container .grid-wrap { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .global-footer-quote-container .grid-wrap { padding-left:40px; padding-right: 40px } } .global-footer-quote-container .main-container { position: relative } .global-footer-quote-container .footer-paragraph { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .global-footer-quote-container .footer-paragraph { font-size:1.875rem; line-height: 1.333 } } .global-footer-quote-container .footer-paragraph { color: #fff } .global-footer-quote-container .quote-block { text-align: center; padding: 27px 0; margin: 16px 0 } .global-footer-quote-container .quote-block .cite { display: block; text-align: center; color: #fff } .global-footer-quote-container .main-container .border-none { border: 0 } .global-footer-quote-container .border-none .decoration,.global-footer-quote-container .footer-paragraph { text-align: center } .global-footer-quote-container .decoration { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0MCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNCQkJCQkI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzAuMyw1LjdsNS4xLDUuMWwtNS4xLDUuMWwtNS4xLTUuMUw3MC4zLDUuN3oiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIuMywxMGg1Ny42djFIMi4zVjEweiBNODAuNywxMGg1Ny42djFIODAuN1YxMHoiLz4KPC9zdmc+Cg==) 50%; background-repeat: no-repeat; height: 15px; width: auto; display: block } .rating-popup-wrap { position: absolute; width: 240px; z-index: 110; background: transparent; -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 } .rating-popup-wrap.right { right: 0 } .rating-popup-wrap.left { left: 0 } .rating-popup-wrap .rating-popup-header { padding: 15px; text-align: center } .rating-popup-wrap .rating-perct-details { padding: 15px; background-color: #fff; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 2px 4px 8px 0 #9e9e9e,2px 6px 20px 0 #9e9e9e; box-shadow: 2px 4px 8px 0 #9e9e9e,2px 6px 20px 0 #9e9e9e } .rating-popup-wrap .rating-perct-details .rating-perct-item { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px } .rating-popup-wrap .rating-perct-details .star-title { padding-right: 10px } .rating-popup-wrap .rating-perct-details .progress-bar { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; height: 10px; position: relative; background-color: grey } .rating-popup-wrap .rating-perct-details .progress-bar-status { height: 10px; width: 0; -webkit-transition: width 1s ease-in-out; transition: width 1s ease-in-out; background-color: blue } .rating-popup-wrap .rating-perct-details .star-percentage { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; font-weight: 700 } .rating-popup-wrap .rating-perct-details .cta-container { margin-right: 0 } .rating-popup-wrap .rating-perct-details .cta-btn-secondary { padding: 10px } .rating-popup-wrap .rating-anchor { display: inline-block; width: 25px; height: 25px; position: relative; overflow: hidden; -webkit-box-shadow: -3px -3px 3px 0 hsla(0, 0%, 62%, .14902); box-shadow: -3px -3px 3px 0 hsla(0, 0%, 62%, .14902); content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 13px; margin: auto; background-color: #fff } @media (min-width: 768px) { .rating-popup-wrap { width:400px } .rating-popup-wrap .rating-perct-details,.rating-popup-wrap .rating-popup-header { padding: 25px } } .rating-wrapper { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 200px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; text-align: center } .rating-wrapper .rating-value { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 } .rating-wrapper .rating-disp { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: auto 10px } .rating-wrapper .rating-popup-trigger-wrap { width: 25px } .rating-wrapper .rating-bg-progress { position: absolute; top: 0; left: 0; min-height: 100%; z-index: 1 } .rating-wrapper .rating { width: 19px; height: 18px; display: inline-block; z-index: 2 } .rating-wrapper .rating:after { z-index: 1 } .rating-wrapper .rating-popup-icon:after { cursor: pointer; position: relative; top: 1px } .rating-star-widget .rating-wrapper { min-width: 0 } .rating-star-widget .rating-wrapper .rating-value { -webkit-box-flex: 0; -ms-flex: 0; flex: 0 } @media (min-width: 768px) { .rating-wrapper .rating { width:20px; height: 20px } .rating-wrapper .rating-popup-icon:after { top: 3px } .rating-star-widget .rating-wrapper { min-width: 200px } .rating-star-widget .rating-wrapper .rating-value { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 } } .rating-provider .rating-provider-logo { width: 100px; margin-left: 10px } .rating-ribbon-wrapper { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 35px } .rating-ribbon-wrapper .cta-container { margin-right: 20px } .rating-ribbon-wrapper .rating-ribbon-title { margin: 0 20px 14px 0 } .rating-ribbon-wrapper .rating-star-widget { margin-right: 10px } .rating-ribbon-wrapper .cta-btn-secondary { padding: 0 } .rating-ribbon-wrapper .rating-disp { margin-top: 0; margin-right: 2px } .rating-ribbon-wrapper .rating-provider-logo { width: 44px } .rating-ribbon-wrapper .rating-star-logo-wrapper { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px } @media (min-width: 768px) { .rating-ribbon-wrapper .rating-provider-logo { width:88px } .rating-ribbon-wrapper .rating-disp { margin-right: 10px } } @media (min-width: 1025px) { .rating-ribbon-wrapper { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .rating-ribbon-wrapper .rating-star-logo-wrapper { margin: 0 20px 0 0 } .rating-ribbon-wrapper .rating-ribbon-title { margin-bottom: 0 } .rating-ribbon-wrapper .rating-disp { margin-top: auto } } .rating-ribbon-wrapper { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .rating-ribbon-wrapper { font-size:1.125rem; line-height: 1.555 } } .rating-ribbon-wrapper { color: #002776 } .rating-ribbon-wrapper .cta-btn-secondary { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .rating-ribbon-wrapper .cta-btn-secondary { font-size:1.125rem; border-radius: 15px } } .rating-ribbon-wrapper .cta-btn-secondary { color: #0076ce; border: none; padding: 10px 15px 10px 0; text-decoration: none } .rating-ribbon-wrapper .cta-btn-secondary:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .rating-ribbon-wrapper .cta-btn-secondary:after { font-size:1.125rem } } .rating-ribbon-wrapper .cta-btn-secondary:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .rating-ribbon-wrapper .rating-disp { z-index: 1 } .rating-ribbon-wrapper .rating-popup-icon:after { font-size: 0.875rem; font-size: 14px; font-size: .875rem } @media (min-width: 768px) { .rating-ribbon-wrapper .rating-popup-icon:after { font-size:1.125rem } } .carousel-controls { -webkit-font-feature-settings: "lnum" 1; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .carousel-controls { font-size:1rem; line-height: 1.625 } } .carousel-controls { text-align: center } .carousel-controls .button { cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: inline-block; width: 15px; height: 15px; padding: 0; vertical-align: text-top } .carousel-controls .button:before { color: #0076ce } .carousel-controls span { font-family: Praxis-regular; display: inline-block; color: #0076ce; min-width: 40px; vertical-align: top } .carousel-controls .slick-disabled { pointer-events: none } .carousel-controls .button.prev-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .carousel-controls .button.prev-btn:before { font-size:1.125rem } } .carousel-controls .button.next-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .carousel-controls .button.next-btn:before { font-size:1.125rem } } .carousel-controls .prev-btn { margin-right: 10px } .carousel-controls .next-btn { margin-left: 10px } .carousel-controls .next-btn.slick-disabled:before,.carousel-controls .prev-btn.slick-disabled:before { color: #e3e2e8 } .special-offers-container .carousel-controls { padding-top: 20px } @media (min-width: 768px) { .carousel-controls { font-size:1rem } .carousel-controls .prev-btn { margin-right: 70px } .carousel-controls .button { width: 20px; height: 20px } .carousel-controls .next-btn { margin-left: 70px } .carousel-controls span { top: -1px } .special-offers-container .carousel-controls { padding-top: 10px } } @media (min-width: 1025px) { .carousel-controls { font-size:1.125rem } .carousel-controls .prev-btn { margin-right: 15px } .carousel-controls .button { width: 15px } .carousel-controls .next-btn { margin-left: 12px } } .copy-block { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .copy-block { font-size:1rem; line-height: 1.625 } } .copy-block p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .copy-block p { font-size:1rem; line-height: 1.625 } } .copy-block.multi-col .inner-copy-block:after,.copy-block.multi-col:after { border-right: 1px solid transparent } .custom-dropdown-wrapper .dropdown-toggle:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E926"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .custom-dropdown-wrapper .dropdown-toggle:after { font-size:1.125rem } } .custom-dropdown-wrapper .dropdown-toggle:after { vertical-align: text-top; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px } .custom-dropdown-wrapper.open button:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .custom-dropdown-wrapper .dropdown-item { color: #666 } .show-focus-outlines .custom-dropdown-wrapper .dropdown-item:focus,.show-focus-outlines .custom-dropdown-wrapper button[aria-expanded=false]:focus { outline: 1px auto #3b99fc } .herotile-info-card-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .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:40px; padding-right: 40px } } .legal-modal-container .accordion { background-color: transparent; text-align: center; padding-top: 5px } .legal-modal-container .head-title { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .legal-modal-container .head-title { font-size:1.875rem; line-height: 1.333 } } .legal-modal-container .head-title p { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .legal-modal-container .head-title p { font-size:1.875rem; line-height: 1.333 } } .legal-modal-container .head-title { color: #002776 } .legal-modal-container .ffa-angle-down:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91E" } .legal-modal-container .ffa-rotate-180 { background-image: none } .legal-modal-container .accordion-item button { border: 0; background: transparent; color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .legal-modal-container .accordion-item button { font-size:1.125rem; border-radius: 15px } } .legal-modal-container .content { color: #666; text-align: center } .legal-modal-container .content-text { visibility: hidden } .legal-modal-container .content-text-open { visibility: visible } .legal-modal-container .aria-modal .header-block { margin: 65px 10% 0 } .legal-modal-container .header-block div p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .legal-modal-container .header-block div p { font-size:1rem; line-height: 1.625 } } .legal-modal-container .header-block div p { font-size: 16px; font-size: 1rem; margin: 0 } .legal-modal-container .accordion-item { margin: 10px 9px 0 } .legal-modal-container .accordion-item .title-text p { display: inline } .legal-modal-container .content p { font-family: Praxis-regular; font-size: 0.625rem; font-size: .625rem; text-align: center } .common-modal .aria-modal,.legal-modal .aria-modal { background: #fff; margin: 0 } .common-modal .aria-modal .modal-content-wrapper,.legal-modal .aria-modal .modal-content-wrapper { padding-top: 30px } .common-modal .aria-modal .close,.legal-modal .aria-modal .close { color: #666 } .common-modal .aria-modal .close-label,.legal-modal .aria-modal .close-label { font-family: Praxis-regular; color: #666; display: none } .common-modal .aria-modal .close:after,.legal-modal .aria-modal .close:after { color: #666 } @media (min-width: 768px) { .legal-modal-container .header-block div p { font-family:Praxis-regular; font-size: 1.25rem; text-align: center } .legal-modal-container .accordion-item .title-text { font-size: 1.125rem } .legal-modal-container .content p { font-size: .75rem } .legal-modal-container .accordion { width: 100%; margin-left: 15%; padding-top: 40px } .legal-modal-container .accordion .accordion-item { width: 40%; float: left } .common-modal .aria-modal .modal-close-wrap .close,.legal-modal .aria-modal .modal-close-wrap .close { padding: 40px } } @media (min-width: 1025px) { .common-modal .legal-modal-container,.legal-modal .legal-modal-container { display:block; margin: 0 auto; padding: 40px } .common-modal .aria-modal .header-block,.legal-modal .aria-modal .header-block { margin: 0 } .common-modal .aria-modal .close-label,.legal-modal .aria-modal .close-label { vertical-align: middle; margin-right: 10px; font-size: 1rem } .common-modal .aria-modal .modal-content-wrapper,.legal-modal .aria-modal .modal-content-wrapper { padding-top: 0 } .common-modal .aria-modal .close:after,.legal-modal .aria-modal .close:after { vertical-align: middle } .common-modal .aria-modal .close,.legal-modal .aria-modal .close { top: 0 } .common-modal .accordion,.legal-modal .accordion { padding-top: 50px } .common-modal .accordion .accordion-item,.legal-modal .accordion .accordion-item { margin: 20px 0 } .common-modal .content p,.legal-modal .content p { line-height: .9375rem; margin-bottom: 0 } .common-modal .aria-modal .modal-content,.legal-modal .aria-modal .modal-content { padding: 0 } .common-modal .aria-modal,.legal-modal .aria-modal { max-width: 1110px; margin: 0 auto; height: 500px; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: fixed; top: 50% } .common-modal .inner-wrapper .accordion,.legal-modal .inner-wrapper .accordion { overflow: auto } .common-modal .inner-wrapper .accordion .accordion-item,.legal-modal .inner-wrapper .accordion .accordion-item { overflow: hidden } .common-modal .aria-modal .modal-close-wrap .close,.legal-modal .aria-modal .modal-close-wrap .close { padding: 20px } .aria-modal-underlay.common-modal.content-modal,.aria-modal-underlay.legal-modal.content-modal { background-color: rgba(0, 0, 0, .54); overflow: hidden } } .loading { background: #fff; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .loading { font-size:1rem; line-height: 1.625 } } .loading { position: fixed; width: 100%; z-index: 999999999; opacity: .8; top: 0; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .loading.show { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0 } .loading.hide { display: none } .loading .loading-icon { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/loading-icon.gif) no-repeat; width: 100px; height: 100px; display: inline-block; background-size: contain } .media-gallery-modal .aria-modal { background: transparent } .media-gallery-modal .aria-modal .close { padding: 15px 15px 25px 25px } .media-gallery-modal .aria-modal .close:after { width: 50px; height: 50px; border-radius: 50%; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; font-size: 26px; font-size: 1.625rem; line-height: 2; color: #fff; background-color: #666 } .media-gallery-modal .slide-controls .button.prev-btn:before { top: 18% } .media-gallery-modal .modal-content { background: transparent } .media-gallery-modal .aria-modal .slide-controls .button { background-color: #002776; border-radius: 10px; border: none; height: 55px; width: 50px; padding: 0 } .media-gallery-modal .aria-modal .slide-controls .slick-disabled { pointer-events: none; background-color: #002776; opacity: .6 } .media-gallery-modal .slide-controls .button:before { top: 40%; left: 30% } .media-gallery-modal .slide-controls .button.prev-btn:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); line-height: 1.4; left: 36%; top: 7% } .media-gallery-modal .slide-controls .button.next-btn:before,.media-gallery-modal .slide-controls .button.prev-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91E"; font-size: 30px; font-size: 1.875rem; color: #fff } .media-gallery-modal .slide-controls .button.next-btn:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); line-height: .9; left: 44%; top: 32% } .media-gallery-modal .slide-controls .button.next-btn:before,.media-gallery-modal .slide-controls .button.prev-btn:before { margin: 0 } .media-gallery-modal .slick-dots button { border-radius: 50%; background: #fff; border: none; text-indent: 999px; font-size: 0 } .media-gallery-modal .slick-dots li.slick-active button { background: #b10f26 } .media-gallery-modal iframe { border: 0 } .media-gallery-modal .slick-dots { text-align: center } .aria-modal .close:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; color: #fff } .aria-modal .modal-content-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box } .tariff-modal-container p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .tariff-modal-container p { font-size:.875rem; line-height: 1.5rem } } .tariff-modal-container .description-section h4 { font-size: 16px; font-size: 1rem } .aria-modal-underlay .portOverlayModal { padding: 0 } .media-gallery-modal.multi-media-gallery .see-all-label { color: #fff } @media (min-width: 768px) { .media-gallery-modal .aria-modal .modal-content-wrapper,.media-gallery-modal .modal-content { padding:0 } .aria-modal .close { font-size: 1.5625rem } .aria-modal .close:after { color: #fff } .lead-gen .aria-modal .close:after { color: #666 } } @media (min-width: 1025px) { .media-gallery-modal .aria-modal { background:#fff } } .offers-ribbon { text-align: center } .offers-ribbon .offers-label { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666 } @media (min-width: 768px) { .offers-ribbon .offers-label { font-size:.875rem; line-height: 1.5rem } } .offers-ribbon .offers-label { letter-spacing: 0.01563rem; letter-spacing: .01563rem; color: #fff; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; border-bottom: 1px solid #fff; font-size: 0.875rem; font-size: .875rem } .offers-ribbon .offers-icon { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiI+CiAgPGltYWdlIGlkPSJMYXllcl8wIiBkYXRhLW5hbWU9IkxheWVyIDAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFBd0FBQUFNQ0FRQUFBRDhmSlJzQUFBQUJHZEJUVUVBQUxHUEMveGhCUUFBQUNCalNGSk5BQUI2SmdBQWdJUUFBUG9BQUFDQTZBQUFkVEFBQU9wZ0FBQTZtQUFBRjNDY3VsRThBQUFBQW1KTFIwUUFBS3FOSXpJQUFBQUpjRWhaY3dBQUN4SUFBQXNTQWRMZGZ2d0FBQUFIZEVsTlJRZmhCQTBLSERkRmUyRWVBQUFBbUVsRVFWUVkwMTJQTVFyQ1VCQkV4eVJnSzVJeXB0RmE3QVVMd1NNSWtpcVZlQVFMN2F6dGM1Z0VRU3k5aW5aQkkvZ3N2dTRQemxZenM4UE9ka3I5TU85cFVwMk00aWZuNkZra2o1V1NGck9kbUJlUStFU3VzUnE5bFNxU3ROZFZUOVc2aVM0Ri82Z1l1T0NhaDRrTld3THN4c0dNekNuQnQ4UEMyZ3piclViQW5Zd0N1TGlFTTNhY1NSRmlRMDNmRzB0QysyZktES0VQbVF1S3JqN2JUdTRBQUFBQVNVVk9SSzVDWUlJPSIvPgo8L3N2Zz4K) no-repeat 0 0 } .offers-ribbon .special-offer-btn { background-color: #002776; border: none; height: 34px; color: #fff; border-radius: 10px; padding: 8px 32px } .offers-ribbon .offers-icon { display: none } @media (min-width: 768px) { .offers-ribbon .offers-label { line-height:1 } .offers-ribbon .special-offer-btn { padding: 10px 32px } } .rating-wrapper { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .rating-wrapper { font-size:1.125rem; line-height: 1.555 } } .rating-wrapper { color: #002776 } .rating-wrapper .rating-bg-progress { background-color: #ffd100 } .rating-wrapper .rating { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBkYXRhLW5hbWU9IkNhcGEgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIwIDEyMCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMSB7CiAgICAgICAgICAgICAgICBmaWxsOiAjZmZmZmZmOwogICAgICAgICAgICB9CgogICAgICAgICAgICAuY2xzLTIgewogICAgICAgICAgICAgICAgZmlsbDogI2ZmZDEwMDsKICAgICAgICAgICAgfQogICAgICAgIDwvc3R5bGU+CiAgICA8L2RlZnM+CiAgICA8dGl0bGU+c3RhcjwvdGl0bGU+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDBWMTIwSDEyMFYwWk0xMTYuMDksNTAuOTIsOTAuODMsNzUuNTVsNiwzNC43OWExMC41NCwxMC41NCwwLDAsMSwuMDcsMS4zOXEwLDMuNDgtMi44NiwzLjQ4YTUuNjMsNS42MywwLDAsMS0yLjc4LS44NEw2MCw5OCwyOC43NSwxMTQuMzhhNS45LDUuOSwwLDAsMS0yLjc4LjgzLDIuNTIsMi41MiwwLDAsMS0yLjE5LTEsNC4xLDQuMSwwLDAsMS0uNzMtMi40NywxMS4zLDExLjMsMCwwLDEsLjE0LTEuMzlsNi0zNC43OUwzLjg0LDUwLjkyQTUuMyw1LjMsMCwwLDEsMi4xLDQ3LjU4UTIuMSw0NSw2LDQ0LjM4TDQwLjkzLDM5LjMsNTYuNTksNy42M1E1Ny45MSw0Ljc4LDYwLDQuNzh0My40MSwyLjg1TDc5LjA3LDM5LjMsMTE0LDQ0LjM4cTMuOS42MywzLjksMy4yQTUsNSwwLDAsMSwxMTYuMDksNTAuOTJaIiAvPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTE3LjksNDcuNThxMC0yLjU4LTMuOS0zLjJMNzkuMDcsMzkuMyw2My40MSw3LjYzUTYyLjA5LDQuNzgsNjAsNC43OFQ1Ni41OSw3LjYzTDQwLjkzLDM5LjMsNiw0NC4zOHEtMy45LjYzLTMuOSwzLjJhNS4zLDUuMywwLDAsMCwxLjc0LDMuMzRMMjkuMTcsNzUuNTVsLTYsMzQuNzlhMTEuMywxMS4zLDAsMCwwLS4xNCwxLjM5LDQuMSw0LjEsMCwwLDAsLjczLDIuNDcsMi41MywyLjUzLDAsMCwwLDIuMTksMSw1LjksNS45LDAsMCwwLDIuNzgtLjgzTDYwLDk4bDMxLjI1LDE2LjQyYTUuNjMsNS42MywwLDAsMCwyLjc4Ljg0cTIuODYsMCwyLjg2LTMuNDhhMTAuNTQsMTAuNTQsMCwwLDAtLjA3LTEuMzlsLTYtMzQuNzksMjUuMjYtMjQuNjNBNSw1LDAsMCwwLDExNy45LDQ3LjU4Wk04MS4yMyw3Mi40Mmw1LDI5LjNMNjAsODcuODcsMzMuNjksMTAxLjcybDUuMDgtMjkuM0wxNy40OCw1MS43NWwyOS4zNy00LjMxTDYwLDIwLjg1LDczLjE1LDQ3LjQ0bDI5LjM3LDQuMzFaIiAvPgo8L3N2Zz4=) } .rating-wrapper .rating-popup-icon:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E926"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .rating-wrapper .rating-popup-icon:after { font-size:1.125rem } } .rating-wrapper .rating-popup-icon:after { font-size: 20px; font-size: 1.25rem; color: #002776 } .rating-popup-wrap { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .rating-popup-wrap { font-size:1.125rem; line-height: 1.555 } } .rating-popup-wrap { z-index: 101; color: #002776 } .rating-popup-wrap .rating-popup-header { font-size: 25px; font-size: 1.5625rem } .rating-popup-wrap .cta-btn-secondary { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .rating-popup-wrap .cta-btn-secondary { font-size:1.125rem; border-radius: 15px } } .rating-popup-wrap .cta-btn-secondary { color: #0076ce; border: none; padding: 10px 15px 10px 0; text-decoration: none } .rating-popup-wrap .cta-btn-secondary:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .rating-popup-wrap .cta-btn-secondary:after { font-size:1.125rem } } .rating-popup-wrap .cta-btn-secondary:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .rating-popup-wrap .rating-perct-details { -webkit-box-shadow: none; box-shadow: none; outline: 1px solid #a6b4cf } .rating-popup-wrap .rating-perct-details .progress-bar { background-color: #e3e2e8 } .rating-popup-wrap .rating-perct-details .progress-bar-status { background-color: #002776 } .rating-popup-wrap .rating-anchor { -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid #a6b4cf; border-top: 1px solid #a6b4cf } .rating-provider { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .rating-provider { font-size:1.125rem; line-height: 1.555 } } .rating-provider { color: #002776 } .read-more-component { margin: 20px 0 } .read-more-component a { text-align: center; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .read-more-component a { font-size:1.125rem; border-radius: 15px } } .read-more-component a { color: #0076ce; height: 55px } .read-more-component a::focus { border-radius: 0 } .read-more-component a:after { content: "\E91E"; top: 16px; left: calc(50% - 11px); position: absolute; margin: 0 } .read-more-component .read-less:after,.read-more-component a:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #0076ce; display: inline-block } .read-more-component .read-less:after { content: "\E92F" } .show-focus-outlines .read-more-component a:focus { outline: 1px auto #3b99fc } @media (min-width: 768px) { .read-more-component a:after { top:20px } } @media (min-width: 1025px) { .read-more-component a:after { top:22px } } .review-summary .customer-name { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .review-summary .customer-name { font-size:1.5rem; line-height: 1.333 } } .review-summary .description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .review-summary .description { font-size:1.125rem; line-height: 1.555 } } .review-summary .customer-date { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .review-summary .customer-date { font-size:1.125rem; line-height: 1.555 } } .review-summary .cta-btn-secondary { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .review-summary .cta-btn-secondary { font-size:1.125rem; border-radius: 15px } } .review-summary .cta-btn-secondary { color: #0076ce; border: none; padding: 10px 15px 10px 0; text-decoration: none } .review-summary .cta-btn-secondary:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .review-summary .cta-btn-secondary:after { font-size:1.125rem } } .review-summary .cta-btn-secondary:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .review-summary .response-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .review-summary .response-description { font-size:.875rem; line-height: 1.5rem } } .review-summary .response-description { color: #0076ce; border-left: 1px solid #0076ce; padding-left: 15px } .roundels { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODcuNTcgODcuNTciPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy00LC5jbHMtNSwuY2xzLTZ7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2ZpbGw6I2ZmZjt9LmNscy00e3N0cm9rZTojMTczYTg2O3N0cm9rZS13aWR0aDo0LjUzcHg7fS5jbHMtNXtzdHJva2U6I2NjMTcxOTtzdHJva2Utd2lkdGg6Mi4yN3B4O30uY2xzLTZ7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNTFweDt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNzYgLTAuMzcpIj48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjAuNzYiIHk9IjAuMzciIHdpZHRoPSI4Ny41NyIgaGVpZ2h0PSI4Ny41NyIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5yb3VuZGVsPC90aXRsZT48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTQ0LjU0LDg1LjY3QTQxLjUyLDQxLjUyLDAsMSwwLDMsNDQuMTUsNDEuNTIsNDEuNTIsMCwwLDAsNDQuNTQsODUuNjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjc2IC0wLjM3KSIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTQ0LjU0LDg1LjY3QTQxLjUyLDQxLjUyLDAsMSwwLDMsNDQuMTUsNDEuNTIsNDEuNTIsMCwwLDAsNDQuNTQsODUuNjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC43NiAtMC4zNykiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Ik00My40Nyw4NS42N0E0MS41Miw0MS41MiwwLDEsMCwyLDQ0LjE1LDQxLjUyLDQxLjUyLDAsMCwwLDQzLjQ3LDg1LjY3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNzYgLTAuMzcpIi8+PHBhdGggY2xhc3M9ImNscy02IiBkPSJNNDYuMDUsODYuMDVBNDEuNTIsNDEuNTIsMCwxLDAsNC41Myw0NC41Myw0MS41Miw0MS41MiwwLDAsMCw0Ni4wNSw4Ni4wNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjc2IC0wLjM3KSIvPjwvZz48L3N2Zz4=) no-repeat 0 0; background-size: contain } .roundels.author .text-holder .text-bold { color: #b10f26 } .roundels.author .text-holder { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .roundels.author .text-holder { font-size:.875rem; line-height: 1.5rem } } .roundels.gold { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/gold-roundel.svg) no-repeat 0 0; background-size: contain } .roundels.gold .text-holder { margin: 0 auto } .roundels.gold .text-holder p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .roundels.gold .text-holder p { font-size:.75rem } } .roundels.gold .text-holder p { line-height: inherit; color: #988642 } .roundels .text-holder { margin: 0 auto } .roundels .text-holder p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .roundels .text-holder p { font-size:.75rem } } .roundels .text-holder p { line-height: 1; color: #002776; margin: 0 auto; letter-spacing: 0.01rem; letter-spacing: .01rem } .roundels .text-holder .text-regular { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .roundels .text-holder .text-regular { font-size:.75rem } } .roundels .text-holder .text-regular { line-height: 1.2; color: #002776; letter-spacing: 0.01rem; letter-spacing: .01rem } .roundels .text-holder .text-bold { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .roundels .text-holder .text-bold { font-size:.75rem } } .roundels .text-holder .text-bold { line-height: 1.2; color: #002776 } .roundels .text-holder .price { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; font-weight: 400; color: #002776 } @media (min-width: 768px) { .roundels .text-holder .price { font-size:1.875rem; line-height: 1.333 } } .roundels .text-holder .price { letter-spacing: 0; line-height: .7; display: block } .roundels .text-holder .price .currencySymbol { font-size: 0.75rem; font-size: .75rem } .roundels .text-holder .text-pp { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .roundels .text-holder .text-pp { font-size:.75rem } } .roundels .text-holder .text-pp { color: #002776; line-height: 1.2 } .roundels .textpp-holder .price { display: inline-block } .roundels .textpp-holder .text-regular { display: block } .roundels .textpp-holder .text-pp { margin-left: 2px } .roundels .text-gold-bold { font-size: 32px; font-size: 2rem; color: #988642; font-family: GreycliffCF-bold; line-height: normal; display: block } .roundels .text-gold-regular { color: #988642; font-family: Praxis-regular; display: block } .roundels.gold .text-holder .price,.roundels.gold .text-holder .text-pp,.roundels.gold .text-holder .text-regular { color: #988642 } @media (min-width: 768px) { .roundels .text-holder .price .currencySymbol { font-size:1rem } .roundels .text-holder .price { font-size: 1.75rem } } .theme-ribbon { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .theme-ribbon { font-size:.875rem; line-height: 1.5rem } } .theme-ribbon { font-size: 0.75rem; font-size: .75rem; color: #002776 } .theme-ribbon .theme-name:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E946"; color: #988642; font-size: 0.75rem; font-size: .75rem } .theme-ribbon .inline-cta,.theme-ribbon .theme-count { font-family: Praxis-semibold; color: #002776 } .theme-ribbon .inline-cta { border-bottom: 1px solid #bcbdcb } .theme-ribbon .link-wrapper { border-left: 1px solid #ccc } .theme-ribbon .themes-detail { color: #002776 } .theme-detail .theme-wrapper { border-bottom: 1px solid #ccc } .theme-detail .theme-wrapper .theme-short-desc { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .theme-detail .theme-wrapper .theme-short-desc { font-size:1rem; line-height: 1.625 } } @media (min-width: 768px) { .theme-ribbon { font-size:1rem } } .port-key-info .port-info-list { list-style-type: none; padding: 0; margin: 20px 10px 25px } .port-key-info .info-list { display: inline-block; width: 33.33% } .port-key-info .currency-icon { display: inline-block; content: "" } .port-key-info .currency-icon:before { content: ""; display: block; width: 40px; height: 32px } .port-key-info .language-icon { display: inline-block; content: "" } .port-key-info .language-icon:before { content: ""; display: block; width: 40px; height: 32px } .port-key-info .label { margin: 10px 0 8px } .port-key-info .value { margin: 0 } .port-key-info .description-container { max-width: 280px; margin-left: auto; margin-right: auto } .port-key-info .description-container:before { content: ""; display: table } .port-key-info .description-container:after { content: ""; display: table; clear: both } .port-key-info .description { position: relative; overflow: hidden } .port-key-info .port-image { display: none } .port-key-info .cta-link { margin: 30px 0 50px; position: relative } .port-key-info .cta-secondary { background: transparent } .port-key-info .read-less:after,.port-key-info .read-more:after { content: ""; display: block; width: 24px; height: 15px; position: absolute; margin: auto; left: 0; right: 0 } .port-key-info .show-more { height: 330px } @media (min-width: 768px) { .port-key-info .port-info-list { margin:40px 10px 70px; max-width: 572px; margin-left: auto; margin-right: auto } .port-key-info .port-info-list:before { content: ""; display: table } .port-key-info .port-info-list:after { content: ""; display: table; clear: both } .port-key-info .description-container { max-width: 572px; margin-left: auto; margin-right: auto } .port-key-info .description-container:before { content: ""; display: table } .port-key-info .description-container:after { content: ""; display: table; clear: both } .port-key-info .currency-container { display: table; width: 100%; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box } .port-key-info .currency-icon { display: table-cell; vertical-align: middle; width: 30px } .port-key-info .language-container { display: table; width: 100%; padding: 0 0 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box } .port-key-info .language-icon { display: table-cell; vertical-align: middle; width: 28px } .port-key-info .list-description { display: table-cell; vertical-align: middle; padding: 0 0 0 15px } .port-key-info .label { margin: 10px 0 0 } .port-key-info .port-image { display: none } } @media (min-width: 1025px) { .port-key-info .port-info-list { max-width:none; margin-left: auto; margin-right: auto; margin: 35px 20px 40px } .port-key-info .port-info-list:before { content: ""; display: table } .port-key-info .port-info-list:after { content: ""; display: table; clear: both } .port-key-info .description-container { max-width: none; margin-left: auto; margin-right: auto } .port-key-info .description-container:before { content: ""; display: table } .port-key-info .description-container:after { content: ""; display: table; clear: both } .port-key-info .description { vertical-align: top; padding: 10px 20px 0; position: relative; overflow: hidden } .port-key-info .port-image { display: inline-block; width: 400px; vertical-align: top; float: right; padding: 0 0 0 20px } .port-key-info .show-more { height: 330px } } .port-key-info { background: #fff } .port-key-info li { border-left: 1px solid transparent } .port-key-info .port-info-list { text-align: center } .port-key-info li:first-child { border: 0 } .port-key-info .currency-container { text-align: center } .port-key-info .currency-icon:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91D"; color: #988642; font-size: 30px; font-size: 1.875rem } .port-key-info .language-container { text-align: center } .port-key-info .language-icon:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E910"; color: #988642; font-size: 30px; font-size: 1.875rem } .port-key-info .label { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .port-key-info .label { font-size:.875rem; line-height: 1.5rem } } .port-key-info .label { color: #666; text-transform: capitalize; line-height: 16px; line-height: 1rem } .port-key-info .value { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .port-key-info .value { font-size:1rem; line-height: 1.625 } } .port-key-info .value { color: #666; font-weight: 700; line-height: 16px; line-height: 1rem; text-transform: uppercase } .port-key-info .description-container { text-align: center } .port-key-info .description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .port-key-info .description { font-size:1rem; line-height: 1.625 } } .port-key-info .cta-link { text-align: center } .port-key-info .cta-secondary { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .port-key-info .cta-secondary { font-size:1.125rem; border-radius: 15px } } .port-key-info .cta-secondary { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .port-key-info .cta-secondary:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .port-key-info .cta-secondary:after { font-size:1.125rem } } .port-key-info .cta-secondary:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .port-key-info .cta-secondary:after { font-size:.75rem } } @media (min-width: 768px) { .port-key-info .cta-secondary { font-size:1rem } } .port-key-info .cta-secondary { cursor: pointer; border: none } .port-key-info .read-more:after { content: "\E91E" } .port-key-info .read-less:after,.port-key-info .read-more:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .port-key-info .read-less:after { content: "\E92F" } .port-key-info .read-less:after,.port-key-info .read-more:after { font-size: 18px; font-size: 1.125rem; display: block; left: 25px } @media (min-width: 768px) { .port-key-info .port-info-list { text-align:center } .port-key-info .list-description { text-align: left } .port-key-info .currency-icon:before,.port-key-info .language-icon:before { top: 5px; position: relative } .port-key-info .read-less:after,.port-key-info .read-more:after { left: 30px } .port-key-info .currency-icon,.port-key-info .language-icon,.port-key-info .list-description { display: table-cell } } @media (min-width: 1025px) { .port-key-info .description-container { text-align:left } .port-key-info .port-info-list { margin: 18px 20px 40px } .port-key-info .description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .75rem; line-height: 1.667; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .port-key-info .description { font-size:1.125rem; line-height: 1.555 } } @media (min-width: 1025px) { .port-key-info .currency-container { margin-left:80px } .port-key-info .language-container { margin-left: 10px } } .read-more-container { width: 100%; max-width: 1440px; position: relative; overflow: hidden } .read-more-container .read-more-labels { display: table; margin: 0 auto } .read-more-container .read-more-slider { position: relative; overflow: hidden } .read-more-container .slide { min-height: 200px; position: relative } .read-more-container .icon-dollar { position: relative; display: block; height: 30px; width: 30px; margin: 0 auto } .read-more-container .icon-cloud { position: relative; padding: 0 15px 11px; display: block; height: 25px } .read-more-container .text-content span { display: block } .read-more-container .read-more-labels li:first-child { padding-right: 20px } .read-more-container .read-more-labels li:last-child { padding-left: 20px } .read-more-container .read-more-labels li.priceIncludedOnly { padding-left: 0; padding-right: 0 } .read-more-container .text-content { padding-top: 10px } .read-more-container .akamai-layer,.read-more-container .akamai-media-element,.read-more-container .akamai-player { position: static } .read-more-container .videoIframe { height: 360px } .read-more-container .read-more-wrapper { max-width: 80%; margin: -80px auto 0; position: relative; padding: 24px 20px 20px } .read-more-labels ul { display: table-cell; list-style: none; clear: both } .read-more-labels ul:first-child { padding: 0 } .read-more-labels li { display: table-cell } .read-more-labels span.icon-time { width: 15px; height: 12px; display: inline-block; position: absolute; top: 50%; right: 32px; margin-top: -7px } .text-description .title-text { max-width: 500px; margin-left: auto; margin-right: auto; margin-left: 0 } .text-description .title-text:before { content: ""; display: table } .text-description .title-text:after { content: ""; display: table; clear: both } .read-more-link a { cursor: pointer; display: block } .read-more-link .read-less:after,.read-more-link .read-more:after { content: ""; display: block; width: 22px; height: 23px } .read-more-link .hidden { display: none } .read-more-container .body1 { display: block; height: auto; overflow: hidden } .read-more-container .body1 p { display: none } .read-more-container .body1 p:first-child,.read-more-container .body1 p:nth-child(2) { display: block } .read-more-container .body1.show-more-content { height: auto } .read-more-container .show-more-content,.read-more-container .show-more-content p { display: block } .read-more-container .read-more-slide-controls .button { position: absolute; width: 65px; height: 65px; top: 47%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer } .read-more-container .read-more-slide-controls .slick-disabled { opacity: .4; pointer-events: none } .read-more-container .read-more-slide-controls .button.prev-btn { left: 20px } .read-more-container .read-more-slide-controls .button.next-btn { right: 20px } .read-more-container .read-more-slide-controls .button:before { content: " "; width: 21px; height: 34px; left: 50%; top: 50%; margin: -17px 0 0 -10px } .read-more-container .slick-dots { bottom: 85px; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; z-index: 1 } .read-more-container .slick-dots li { margin-right: 20px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) } .read-more-container button:focus { outline: 0 } @media (min-width: 768px) { .read-more-container .read-more-labels ul { -js-display:flex; display: -webkit-box; display: -ms-flexbox; display: flex } .read-more-container .read-more-labels li,.read-more-container .read-more-labels li:first-child { display: table } .read-more-container .read-more-labels li:last-child { padding-left: 40px } .read-more-container .read-more-labels li.priceIncludedOnly { padding-left: 0; padding-right: 0 } .read-more-container .icon-cloud,.read-more-container .icon-dollar { display: table-cell } .read-more-container .text-content { padding: 0 40px 0 20px } .read-more-container .text-content span { display: block } } @media (min-width: 1025px) { .read-more-container .read-more-slide-controls { display:block } .read-more-container .slick-dots { bottom: 140px } .read-more-container .read-more-wrapper { margin: -111px auto 0; max-width: 85% } .read-more-container .text-description { margin: 0 160px } .read-more-container .videoIframe { height: 400px } } .onboard-activities { padding-bottom: 0 } .onboard-activities h2 { text-align: center } .onboard-activities .destination-tile-cards:before { content: ""; display: table } .onboard-activities .destination-tile-cards:after { content: ""; display: table; clear: both } .onboard-activities .destination-tile-card { margin: 10px } .onboard-activities .carousel-pagination { text-align: center; padding-top: 25px } .onboard-activities .destination-tile-card .cta-content { text-align: center; padding-top: 20px } .onboard-activities .destination-tile-card .card-data { margin: auto; padding-bottom: 20px } .onboard-activities .card-data span { display: table-cell } .onboard-activities .destination-tile-card .icon-dollar,.onboard-activities .destination-tile-card .icon-tick { position: relative; padding: 0 13px 11px 12px; margin-right: 10px } .onboard-activities .destination-tile-card .act-cat-div { max-width: 47%; position: relative } .onboard-activities .destination-tile-card .act-cat-div:after { display: inline; content: ""; position: absolute; right: -8px; height: 35px } .onboard-activities .destination-tile-card .activity-status { padding-left: 20px; word-wrap: break-word } .onboard-activities .destination-tile-card .act-cat-div:after { height: 28px } .onboard-activities .sr-only { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px } .onboard-activities .tile-wrapper-link { text-decoration: none; display: inline-block; width: 100% } .onboard-activities .destination-tile-card .h4 { display: table-cell } .onboard-activities .destination-tile-card p { padding: 0; margin: 0 } .onboard-activities .destination-tile-card .card-content { text-align: center; padding: 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box } .onboard-activities .destination-tile-card .card-content .header-text { margin: auto } .onboard-activities .destination-tile-card .card-content .new-label { margin: auto; display: table-cell } .onboard-activities .destination-tile-card .header-text .new-label { padding-right: 10px; top: -6px; position: relative } .onboard-activities .destination-tile-card .card-content .new-label:after { content: ""; display: block } .carousel-editorial-footer { text-align: center; margin: 0 3.5%; position: relative } .carousel-editorial-footer .terms-conditions { position: relative } .carousel-editorial-footer .carousel-controls { display: inline-block } .carousel-editorial-footer .slick-disabled { opacity: .4 } .modal-full .aria-modal .modal-content { display: block; height: auto } .onboard-modal .back-to-top { display: none } .modal-full .aria-modal .close { z-index: 1 } .onboard-modal .modal-content { padding: 0; width: 100% } .onboard-modal .akamai-background-video.akamai-player { min-height: unset } @media (min-width: 481px) { .onboard-activities .destination-tile-card { max-width:440px; margin: 0 auto } .onboard-activities .slick-track { padding-left: 0; margin-left: -25% } } @media (min-width: 768px) { .onboard-activities .destination-tile-card { position:relative } .onboard-activities .terms-conditions { padding: 40px 40px 0 } .onboard-activities .destination-tile-card .card-data { padding-top: 5px } .onboard-activities .title-component p { margin: 43px auto 0 } .onboard-activities .slick-track { padding-left: 0; margin-left: auto } .onboard-activities .destination-tile-card { margin-top: -35px } .onboard-activities .destination-tile-card .card-content { padding: 15px 0 0 } .onboard-modal .akamai-background-video.akamai-player { min-height: 486px } .modal-full .slick-slide { max-height: 486px } } @media (min-width: 981px) { .onboard-activities .destination-tile-card { margin:10% } .onboard-activities .terms-conditions { padding: 0 } .onboard-activities .destination-tile-cards { margin: 9px 46px 0; margin-left: 0; margin-right: 0 } .onboard-activities .destination-tile-card .card-data { -ms-flex-wrap: wrap; flex-wrap: wrap } .onboard-activities .destination-tile-card .activity-status { padding-left: 20px; word-wrap: break-word; max-width: 149px } .onboard-activities .destination-tile-card .card-data .activity-hours { width: 100% } .onboard-activities .slick-track { padding-left: 0; margin-left: -50% } .onboard-activities .destination-tile-card .card-content .header-text { margin: auto; display: table; padding: 38px 0 12px } .carousel-editorial-footer .terms-conditions { position: absolute; left: 0; top: 5px } .modal-full .slick-slide,.onboard-modal .akamai-background-video.akamai-player { max-height: 512px } .modal-full .slick-slide img { min-height: 512px } } @media (min-width: 1025px) { .onboard-activities .destination-tile-card { float:left; margin: .8%; width: 33.3% } .onboard-activities .destination-tile-cards { margin: 9px 0 0 } .onboard-activities .destination-tile-card .card-data .activity-hours { width: auto } .onboard-activities .slick-track { margin-left: auto } .onboard-activities .focusable-slides-page { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media print { .onboard-activities .destination-tile-card { position: relative } .onboard-activities .terms-conditions { padding: 40px 40px 0 } .onboard-activities .destination-tile-card .card-data { padding-top: 5px } .onboard-activities .title-component p { margin: 43px auto 0 } .onboard-activities .slick-track { padding-left: 0; margin-left: auto } .onboard-activities .destination-tile-card { margin-top: -35px } .onboard-activities .destination-tile-card .card-content { padding: 15px 0 0 } .onboard-modal .akamai-background-video.akamai-player { min-height: 486px } .modal-full .slick-slide { max-height: 486px } } @media print { .onboard-activities .destination-tile-card { margin: 10% } .onboard-activities .terms-conditions { padding: 0 } .onboard-activities .destination-tile-cards { margin: 9px 46px 0; margin-left: 0; margin-right: 0 } .onboard-activities .destination-tile-card .card-data { -ms-flex-wrap: wrap; flex-wrap: wrap } .onboard-activities .destination-tile-card .activity-status { padding-left: 20px; word-wrap: break-word; max-width: 149px } .onboard-activities .destination-tile-card .card-data .activity-hours { width: 100% } .onboard-activities .slick-track { padding-left: 0; margin-left: -50% } .onboard-activities .destination-tile-card .card-content .header-text { margin: auto; display: table; padding: 38px 0 12px } .carousel-editorial-footer .terms-conditions { position: absolute; left: 0; top: 5px } .modal-full .slick-slide,.onboard-modal .akamai-background-video.akamai-player { max-height: 512px } .modal-full .slick-slide img { min-height: 512px } } @media print { .onboard-activities .destination-tile-card { float: left; margin: .8%; width: 33.3% } .onboard-activities .destination-tile-cards { margin: 9px 0 0 } .onboard-activities .destination-tile-card .card-data .activity-hours { width: auto } .onboard-activities .slick-track { margin-left: auto } .onboard-activities .focusable-slides-page { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .read-more-container { -webkit-box-sizing: border-box; box-sizing: border-box } .read-more-container .read-more-labels { text-align: center } .read-more-container .icon-dollar,.read-more-container .icon-tick { top: 0; position: relative; height: 30px; width: 30px; margin: 0 auto } .read-more-container .icon-dollar:before,.read-more-container .icon-tick:before { font-size: 34px; font-size: 2.125rem; color: #988642 } .read-more-container .icon-dollar:before { content: "\E947" } .read-more-container .icon-dollar:before,.read-more-container .icon-tick:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .read-more-container .icon-tick:before { content: "\E925" } .read-more-container .icon-cloud { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMyAyNC41NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyYTM4NmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5oYWwtY2xvdWQ8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQyLjg5LDMwLjA4YTYuNzEsNi43MSwwLDAsMC03LjY0LDEuNDEuNTUuNTUsMCwwLDAsLjc4Ljc4LDUuNyw1LjcsMCwwLDEsNi4zOC0xLjIsNS4zNSw1LjM1LDAsMCwxLDMsMy4xNCw1LjY4LDUuNjgsMCwwLDEtLjE2LDQuMzQsMTIuNTMsMTIuNTMsMCwwLDEtLjY4LDEuMS41Ny41NywwLDAsMCwuMS43OC43NC43NCwwLDAsMCwuMzEuMS45My45MywwLDAsMCwuNTItLjIxQTUuNDMsNS40MywwLDAsMCw0Ni4yOSwzOWE2LjYsNi42LDAsMCwwLC4xNi01LjE4QTcsNywwLDAsMCw0Mi44OSwzMC4wOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS41IC0yMy43MSkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00My43MywyOC4xNGEuMzEuMzEsMCwwLDAsLjIxLjA1LjY5LjY5LDAsMCwwLC41Mi0uMzFsMS40MS0zLjA5YS41NS41NSwwLDEsMC0xLS40N2wtMS40MSwzLjA5QS41NC41NCwwLDAsMCw0My43MywyOC4xNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS41IC0yMy43MSkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01Mi40NywzMS40OWEuNTQuNTQsMCwwLDAtLjY4LS4zMWwtMy4xNCwxLjJhLjU0LjU0LDAsMCwwLS4zMS42OC42My42MywwLDAsMCwuNTIuMzdjLjEsMCwuMTYsMCwuMTYtLjA1bDMuMTQtMS4yQS41NC41NCwwLDAsMCw1Mi40NywzMS40OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS41IC0yMy43MSkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNi4yNSwyNy41N2EuNjMuNjMsMCwwLDAsLjUyLjM3LjE5LjE5LDAsMCwwLC4xNi0uMDUuNTQuNTQsMCwwLDAsLjMxLS42OEwzNiwyNC4wNmEuNTMuNTMsMCwxLDAtMSwuMzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkuNSAtMjMuNzEpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzkuOTEsMzguODdoLS4yNmE3Ljc2LDcuNzYsMCwwLDAtMTUuMTcsMGgtLjI2YTQuNzEsNC43MSwwLDEsMCwwLDkuNDJoMTUuN2E0LjcxLDQuNzEsMCwwLDAsMC05LjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5LjUgLTIzLjcxKSIvPjwvc3ZnPg==) top/50% no-repeat } .read-more-container .read-more-labels li:first-child { border-right: 1px solid transparent } .read-more-container .read-more-labels li.priceIncludedOnly { border-right: 0 } .read-more-container .text-content { font-family: GreycliffCF-medium; -webkit-font-feature-settings: "case" 1; font-size: 19px; font-size: 1.1875rem; line-height: 1.21; letter-spacing: 0; color: #002776; font-feature-settings: "case" 1; font-weight: 400 } @media (min-width: 768px) { .read-more-container .text-content { font-size:1.5625rem; line-height: 1.28 } } .read-more-container .text-content { color: #666 } .read-more-container .read-more-wrapper { background: #fff } .read-more-labels ul { border-right: 1px solid #b0263a } .read-more-labels ul:last-child { border-right: 0 } .read-more-labels li { font-family: Praxis-regular; color: #666; font-size: 20px; font-size: 1.25rem } .read-more-labels span.icon-time { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAA4ElEQVQokYXRMUoDQRTG8d+uOYKeIk0aYQvBIngAITlEsEinKOIxFAMBCysJuUAIFhGxsPAUIriBXEBjsaOMk139mpn5eP/35r2XtYthH11McI8PzdrCPnp4yDHFLmZ4wzUO0IqALq7wijn2cJe1iyEUeEQWVSmxCIE7kb8O1Rd5MJ4wTr64jcMEhNuQVB6Zp1j+0S+scPz9iOES5//AF6q5bMAwwnMD+ILL2EjhTwzCGWuNI8kaU1ioPEq8G9U2fqkOpuq9DPcVTuqCmuClavpwhve6oFadGTRGx2YLP/oCY8IsKvylRcMAAAAASUVORK5CYII=); background-repeat: no-repeat } .read-more-container .text-description { text-align: center } .text-description .title-text { text-align: left; color: transparent } .read-more-container .read-more-link { text-align: center; margin-top: 30px } .read-more-link a { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .read-more-link a { font-size:1.125rem; border-radius: 15px } } .read-more-link a { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .read-more-link a:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .read-more-link a:after { font-size:1.125rem } } .read-more-link a:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .read-more-link a:after { font-size:.75rem } } @media (min-width: 768px) { .read-more-link a { font-size:1rem } } .read-more-link a { border: none } .read-more-link .read-less:after,.read-more-link .read-more:after { color: #0076ce; width: 100%; margin: 0 auto; font-size: 20px; font-size: 1.25rem } .read-more-link .read-more:after { content: "\E91E" } .read-more-link .read-less:after,.read-more-link .read-more:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .read-more-link .read-less:after { content: "\E92F" } .read-more-container .body1 { text-align: left; color: transparent; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .read-more-container .body1 { font-size:1.125rem; line-height: 1.555 } } .read-more-container .read-more-slide-controls .button { border-radius: 10px; width: 50px; height: 55px; background-color: #002776; border: 0 solid #fff; text-indent: 0 } .read-more-container .read-more-slide-controls .button:before { display: inline-block; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .read-more-container .read-more-slide-controls .button:before { font-size:1.125rem } } .read-more-container .read-more-slide-controls .button:before { color: #fff; font-family: Icomoon; speak: none; font-size: 22px; font-size: 1.375rem; width: 25px; height: 26px; top: 55%; left: 45%; position: absolute } .read-more-container .read-more-slide-controls .button.prev-btn:before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .read-more-container .read-more-slide-controls .button.next-btn:before { -webkit-transform: rotate(0deg); transform: rotate(0deg) } .read-more-container .read-more-slide-controls .button.next-btn.slick-disabled,.read-more-container .read-more-slide-controls .button.prev-btn.slick-disabled { cursor: default; opacity: .6 } .read-more-container .slick-dots { text-align: center; display: inline-block; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translatex(-50%); transform: translatex(-50%) } .read-more-container .slick-dots li { list-style-type: none; list-style-position: inside; display: inline-block; margin-right: 10px; margin-left: 10px; width: 12px; height: 12px; cursor: pointer; background: #fff; border-radius: 50%; padding: 0 } .read-more-container .slick-dots li.slick-active { background: #b10f26 } .read-more-container .slick-dots button { text-indent: 9999px; background: transparent; border: 0 solid #b10f26; border: none; border-radius: 50%; width: 100%; height: 100%; cursor: pointer; padding: 0 } @media (min-width: 768px) { .read-more-container .read-more-labels li:first-child { border-right:1px solid transparent } .read-more-container .read-more-labels li.priceIncludedOnly { border-right: 0 } .read-more-container .icon-cloud { background-size: 100% } .read-more-container .icon-dollar,.read-more-container .icon-tick { background-size: 100%; display: table-cell; top: 20px } .read-more-container .text-content span { text-align: left } } @media (min-width: 1025px) { .read-more-container .text-description .title-text { font-size:1.5rem; line-height: 1.75rem } .read-more-container .icon-cloud,.read-more-container .icon-dollar,.read-more-container .icon-tick { top: 22px } } .onboard-activities { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .onboard-activities:before { content: ""; display: table } .onboard-activities:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .onboard-activities { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .onboard-activities { padding-left:40px; padding-right: 40px } } .onboard-activities { padding-left: 0; padding-right: 0; background: #fff } .onboard-activities h2 { color: #988642 } .onboard-activities .tile-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .onboard-activities .title-component { padding: 0 0 10px } .onboard-activities .title-component p { font-size: 18px; font-size: 1.125rem; margin-top: 23px; margin-bottom: 0 } .onboard-activities .title-component .h1 { margin: 0 0 19px } .onboard-activities .circle img { border-radius: 50% } .onboard-activities .tile-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .onboard-activities .destination-tile-card { -webkit-box-shadow: none; box-shadow: none; padding: 0 7px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 8px } .onboard-activities .destination-tile-card .act-cat-div,.onboard-activities .destination-tile-card .card-data { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .onboard-activities .carousel-pagination { font-size: 0.75rem; font-size: .75rem } .onboard-activities .destination-tile-card .secondary-cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .onboard-activities .destination-tile-card .secondary-cta { font-size:1.125rem; border-radius: 15px } } .onboard-activities .destination-tile-card .secondary-cta { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .onboard-activities .destination-tile-card .secondary-cta:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .onboard-activities .destination-tile-card .secondary-cta:after { font-size:1.125rem } } .onboard-activities .destination-tile-card .secondary-cta:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .onboard-activities .destination-tile-card .secondary-cta:after { font-size:.75rem } } @media (min-width: 768px) { .onboard-activities .destination-tile-card .secondary-cta { font-size:1rem } } .onboard-activities .destination-tile-card .cta-content { padding-bottom: 10px; position: absolute; bottom: 0; width: 100%; display: block } .onboard-activities .destination-tile-card .card-content .header-text { padding: 15px 0 12px; margin: inherit } .onboard-activities .card-data span { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .onboard-activities .card-data span { font-size:1rem; line-height: 1.625 } } .onboard-activities .card-data span { color: #666; letter-spacing: 0.01rem; letter-spacing: .01rem } .onboard-activities .destination-tile-card .icon-tick:before { content: "\E925" } .onboard-activities .destination-tile-card .icon-dollar:before,.onboard-activities .destination-tile-card .icon-tick:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .onboard-activities .destination-tile-card .icon-dollar:before { content: "\E947" } .onboard-activities .destination-tile-card .icon-dollar:before,.onboard-activities .destination-tile-card .icon-tick:before { color: #988642; font-size: 20px; font-size: 1.25rem; height: 14px; width: 16px; margin-top: -8px } .onboard-activities .destination-tile-card .icon-dollar,.onboard-activities .destination-tile-card .icon-tick { padding: 0 } .onboard-activities .destination-tile-card .card-text-content { position: static; -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 } .onboard-activities .destination-tile-card .act-cat-div { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 12px; border-right: 1px solid hsla(0, 0%, 65%, .5); text-align: left } .onboard-activities .destination-tile-card .act-cat-div:first-of-type { padding-left: 5px } .onboard-activities .destination-tile-card .act-cat-div:last-of-type { border: none } .onboard-activities .destination-tile-card .activity-status { padding: 0 } .onboard-activities .destination-tile-card .destination-tile-box { position: relative } .onboard-activities .destination-tile-card .tile-wrapper { border: 1px solid rgba(0, 39, 118, .35) } .onboard-activities .carousel-controls .next-btn:before,.onboard-activities .carousel-controls .prev-btn:before { position: relative } .onboard-activities .destination-tile-card .h4 { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .onboard-activities .destination-tile-card .h4 { font-size:1.375rem; line-height: 1.363 } } .onboard-activities .destination-tile-card .h4 { color: #002776; padding-right: 5px; display: inline } .onboard-activities .destination-tile-card .short-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .onboard-activities .destination-tile-card .short-description { font-size:1.125rem; line-height: 1.555 } } .onboard-activities .destination-tile-card .short-description { margin-bottom: 50px; max-height: 80px; overflow: hidden; padding: 0 20px } .onboard-activities .destination-tile-card .card-data { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .onboard-activities .destination-tile-card .card-content .new-label { position: absolute; top: 10px; left: 10px; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .onboard-activities .destination-tile-card .card-content .new-label { font-size:1rem; line-height: 1.625 } } .onboard-activities .destination-tile-card .card-content .new-label { color: #fff; padding: 5px 10px; background: #002776; display: inline-block } .onboard-activities .destination-tile-card .carousel-editorial-footer { padding-top: 35px } .carousel-editorial-footer { margin: 10px } .carousel-editorial-footer a { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .carousel-editorial-footer a { font-size:1.125rem; border-radius: 15px } } .carousel-editorial-footer a { font-family: Praxis-regular } .carousel-editorial-footer .slick-disabled { opacity: 1 } .onboard-modal .h1 { margin: 0 0 32px } .onboard-modal .aria-modal { margin: 53px 0 0 } @media (min-width: 481px) { .onboard-activities .destination-tile-card { margin:0 10px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box } } @media (min-width: 768px) { .onboard-activities { padding-left:0; padding-right: 0 } .onboard-activities .title-component { margin-bottom: 10px } .onboard-activities .title-component p { font-size: 1.25rem; margin: 18px auto 5px } .onboard-activities .title-component .h1 { margin: 0 0 32px } .onboard-activities .destination-tile-card .icon-dollar { margin-right: 10px } .onboard-activities .destination-tile-card .card-content .header-text { padding: 15px 0 0; min-height: 57px; width: 85%; margin: 0 auto } .onboard-activities .destination-tile-cards .slick-slide { padding: 0 10px } .onboard-activities .destination-tile-card .card-data { padding-bottom: 25px } .onboard-activities .destination-tile-card .act-cat-div { white-space: normal } .onboard-activities .destination-tile-card .act-cat-div:first-of-type { padding-left: 5px } .onboard-activities .destination-tile-card .icon-dollar,.onboard-activities .destination-tile-card .icon-tick { background-position: 50% } .onboard-activities .destination-tile-card .icon-dollar:before,.onboard-activities .destination-tile-card .icon-tick:before { margin-top: -3px } .onboard-activities .destination-tile-card .cta-content { padding-top: 28px; padding-bottom: 22px; padding-left: 0 } .onboard-activities .destination-tile-card .card-text-content { position: static; margin: 0 auto } .onboard-activities .carousel-editorial-footer { margin-left: 45px } .onboard-activities .destination-tile-card .short-description { margin-bottom: 75px } .onboard-modal .aria-modal { margin: 80px 60px 60px } } @media (min-width: 981px) { .onboard-activities .destination-tile-card .cta-content { width:100% } .onboard-activities .carousel-editorial-footer .terms-conditions { bottom: -10px } } @media (min-width: 1025px) { .onboard-activities .title-component p { margin:33px auto 24px } .onboard-activities .destination-tile-card { -webkit-box-sizing: unset; box-sizing: unset } .onboard-activities .destination-tile-card .card-data { padding-bottom: 27px } .onboard-activities .destination-tile-card .card-content .header-text { margin: 0 auto; min-height: 60px; display: inline-block; padding-top: 28px } .onboard-activities .destination-tile-card .icon-dollar,.onboard-activities .destination-tile-card .icon-tick { -ms-transform: translateY(-3px) } .onboard-activities .destination-tile-card .act-cat-div { padding-top: 5px } .onboard-activities .card-data span { display: block } .onboard-activities .carousel-controls .prev-btn { margin-right: 20px } .onboard-activities .destination-tile-cards .slick-slide { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box } .onboard-activities .carousel-editorial-footer { margin: 1% 3.5% } .onboard-activities .focusable-slides-page { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .onboard-activities .destination-tile-card .short-description { margin-bottom: 75px } .onboard-modal .aria-modal { margin: 80px auto; padding: 0 } } .gallery-container [class|=media-item] .image-holder { margin: 10px 0 } .gallery-container .image-holder>a { float: left; width: 100%; height: 100% } .gallery-container .image-holder>a:before { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0 } @media (min-width: 768px) { .gallery-container .slick-track { margin-left:0 } } .gallery-container .carousel-controls { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; font-size: 0.75rem; font-size: .75rem; text-align: center } .gallery-container .carousel-controls .button { cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: inline-block; width: 15px; height: 25px; padding: 0; vertical-align: text-top } @media (min-width: 768px) { .gallery-container .carousel-controls .button { width:20px } } @media (min-width: 1025px) { .gallery-container .carousel-controls .button { width:15px } } .gallery-container .carousel-controls .button:before { color: #0076ce } .gallery-container .carousel-controls span { font-family: Praxis-regular; display: inline-block; color: #0076ce; min-width: 40px; vertical-align: top } @media (min-width: 768px) { .gallery-container .carousel-controls span { min-width:45px } } .gallery-container .carousel-controls .slick-disabled { pointer-events: none } .gallery-container .carousel-controls .button.prev-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .gallery-container .carousel-controls .button.prev-btn:before { font-size:1.125rem } } .gallery-container .carousel-controls .button.next-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .gallery-container .carousel-controls .button.next-btn:before { font-size:1.125rem } } .gallery-container .carousel-controls .prev-btn { margin-right: 10px } @media (min-width: 768px) { .gallery-container .carousel-controls .prev-btn { margin-right:70px } } @media (min-width: 1025px) { .gallery-container .carousel-controls .prev-btn { margin-right:15px } } .gallery-container .carousel-controls .next-btn { margin-left: 10px } @media (min-width: 768px) { .gallery-container .carousel-controls .next-btn { margin-left:70px } } @media (min-width: 1025px) { .gallery-container .carousel-controls .next-btn { margin-left:12px } } .gallery-container .carousel-controls .next-btn.slick-disabled:before,.gallery-container .carousel-controls .prev-btn.slick-disabled:before { color: #e3e2e8 } .gallery-container .image-holder>a:before { content: ""; background: -webkit-gradient(linear,left top, left bottom,color-stop(50%, transparent),color-stop(65%, rgba(32, 40, 91, .22)),to(rgba(18, 22, 51, .8))); background: linear-gradient(180deg,transparent 50%,rgba(32, 40, 91, .22) 65%,rgba(18, 22, 51, .8)) } .gallery-container .image-holder>a[class^=gradient-top]:before { content: ""; background: -webkit-gradient(linear,left top, left bottom,color-stop(50%, rgba(18, 22, 51, .8)),color-stop(65%, rgba(32, 40, 91, .22)),to(transparent)); background: linear-gradient(180deg,rgba(18, 22, 51, .8) 50%,rgba(32, 40, 91, .22) 65%,transparent) } .gallery-container .image-holder>a[class^=gradient-bottom]:before { content: ""; background: -webkit-gradient(linear,left top, left bottom,color-stop(50%, transparent),color-stop(65%, rgba(32, 40, 91, .22)),to(rgba(18, 22, 51, .8))); background: linear-gradient(180deg,transparent 50%,rgba(32, 40, 91, .22) 65%,rgba(18, 22, 51, .8)) } .gallery-container .image-captions p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .gallery-container .image-captions p { font-size:1.125rem; line-height: 1.555 } } .gallery-container .image-captions p { color: #fff; margin-bottom: 5px } .gallery-container .image-captions .cta { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .gallery-container .image-captions .cta { font-size:1.125rem; border-radius: 15px } } .gallery-container .image-captions .cta { border: none; padding: 10px 15px 10px 0 } .gallery-container .image-captions .cta:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .gallery-container .image-captions .cta:after { font-size:1.125rem } } .gallery-container .image-captions .cta:after { display: inline-block; color: #fff; margin-left: 5px; position: relative } .gallery-container .image-captions .cta { text-decoration: none; color: #fff; text-transform: uppercase } .gallery-container .image-captions .cta:after { color: #0076ce; font-size: 0.75rem; font-size: .75rem; top: 1px } .gallery-container .gallery-carousel-controls span { vertical-align: sub } @media (min-width: 768px) { .gallery-container .image-captions .cta:after { font-size:1rem } } .gallery-container .video-container img { width: 100% } .gallery-container .videoIframe { height: 405px } .gallery-container .hide { display: none } .gallery-container [class|=media-item] { margin: 10px 9px; position: relative } .gallery-container [class|=media-item] .image-holder { overflow: hidden } .gallery-container .image-holder { position: relative } .gallery-container .amp-video-container { height: 382px } .gallery-container .gallery-carousel-controls .button { vertical-align: middle } .gallery-container .gallery-carousel-controls .button:before { content: " "; width: 30px; height: 25px; display: inline-block; vertical-align: middle } .gallery-container .media-grid { margin-bottom: 14px } @media (min-width: 481px) { .gallery-container .slick-track { padding-left:0; margin-left: -25% } } @media (min-width: 768px) { .gallery-container [class|=media-item] { margin:10px 18px } .gallery-container .media-grid { margin-bottom: 25px } .gallery-container .videoIframe { height: 622px } .gallery-container .video-container img { max-width: none } .gallery-container .slick-track { padding-left: 0; margin-left: 0 } } @media (min-width: 981px) { .gallery-container .slick-track { margin-left:-50% } } @media (min-width: 1025px) { .gallery-container [class^=media-item-] { margin:0 40px 0 0 } .gallery-container [class^=media-item-]:last-child { margin-right: 0 } .gallery-container .media-row:last-child { margin-bottom: 0 } .gallery-container .media-row { margin-bottom: 35px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .gallery-container .amp-video-container,.gallery-container .videoIframe { height: 433px } .gallery-container [class|=media-item] .image-holder,.gallery-container [class|=media-item] img { max-height: 433px; margin: 0; height: 100% } } .gallery-container .gallery-carousel-controls { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; font-size: 0.75rem; font-size: .75rem } .gallery-container .gallery-carousel-controls .button { cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: inline-block; width: 15px; height: 25px; padding: 0; vertical-align: text-top } @media (min-width: 768px) { .gallery-container .gallery-carousel-controls .button { width:20px } } @media (min-width: 1025px) { .gallery-container .gallery-carousel-controls .button { width:15px } } .gallery-container .gallery-carousel-controls .button:before { color: #0076ce } .gallery-container .gallery-carousel-controls span { font-family: Praxis-regular; display: inline-block; color: #0076ce; min-width: 40px; vertical-align: top } @media (min-width: 768px) { .gallery-container .gallery-carousel-controls span { min-width:45px } } .gallery-container .gallery-carousel-controls .slick-disabled { pointer-events: none } .gallery-container .gallery-carousel-controls .button.prev-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .gallery-container .gallery-carousel-controls .button.prev-btn:before { font-size:1.125rem } } .gallery-container .gallery-carousel-controls .button.next-btn:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .gallery-container .gallery-carousel-controls .button.next-btn:before { font-size:1.125rem } } .gallery-container .gallery-carousel-controls .prev-btn { margin-right: 10px } @media (min-width: 768px) { .gallery-container .gallery-carousel-controls .prev-btn { margin-right:70px } } @media (min-width: 1025px) { .gallery-container .gallery-carousel-controls .prev-btn { margin-right:15px } } .gallery-container .gallery-carousel-controls .next-btn { margin-left: 10px } @media (min-width: 768px) { .gallery-container .gallery-carousel-controls .next-btn { margin-left:70px } } @media (min-width: 1025px) { .gallery-container .gallery-carousel-controls .next-btn { margin-left:12px } } .gallery-container .gallery-carousel-controls .next-btn.slick-disabled:before,.gallery-container .gallery-carousel-controls .prev-btn.slick-disabled:before { color: #e3e2e8 } .gallery-container .videoIframe { border: 0 } .gallery-container .gallery-carousel-controls { text-align: center } .gallery-container .icons.tourIcon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMkI3NUJCO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxMjAuNSIgY3k9IjEyMC41IiByPSIxMTcuNSIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4My4zLDExNy4zYy0wLjktMTkuNC0yOS4yLTM0LjctNjQuMy0zNC43Yy0yMywwLTQzLjcsNi44LTU0LjIsMTcuOGMtNC45LDUuMi03LjQsMTEuMS03LjEsMTcuMgoJCWMwLjMsNi43LDQsMTMuMiwxMC42LDE4LjhjNiw1LjEsMTQuNCw5LjIsMjQuMiwxMmMxLjksMC41LDMuOC0wLjYsNC4zLTIuNGMwLjUtMS45LTAuNi0zLjgtMi40LTQuM2MtMTcuNi01LTI5LjItMTQuNS0yOS43LTI0LjMKCQljLTAuMi00LjIsMS41LTguMiw1LjItMTJjOS4yLTkuNiwyOC0xNS42LDQ5LjEtMTUuNmMzMC4zLDAsNTYuNSwxMi44LDU3LjMsMjhjMC41LDEwLjUtMTIsMjAuNS0zMSwyNWw2LjktMTMuM2wtMzcuNSwyMi4xbDQzLDcKCQlsLTEwLjMtOWM5LjYtMi40LDE3LjktNiwyNC4yLTEwLjdDMTc5LjYsMTMyLjUsMTgzLjYsMTI1LjEsMTgzLjMsMTE3LjN6Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat } .gallery-container .icons.videoIcon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3NkNFO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnZpZGVvLXBsYXk8L3RpdGxlPgo8Zz4KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEyMC41IiBjeT0iMTIwLjUiIHI9IjExNy41Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LDExNC44TDkwLjgsNzQuM2MtMC44LTAuNS0xLjctMC44LTIuNy0wLjhjLTIuNywwLTQuOSwyLjItNC44LDQuOWwwLDB2ODQuMmwwLDBjMCwyLjcsMi4yLDQuOSw0LjgsNC45CgkJYzEsMCwxLjktMC4zLDIuNy0wLjhsNjguMS00MC41YzMuMS0yLjYsMy41LTcuMywwLjktMTAuNEMxNTkuNiwxMTUuNCwxNTkuMywxMTUuMSwxNTksMTE0LjgiLz4KCTxyZWN0IHg9Ijc3LjEiIHk9IjY4LjUiIGNsYXNzPSJzdDIiIHdpZHRoPSI4Ni43IiBoZWlnaHQ9IjEwNCIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat } .gallery-container .gallery-carousel-controls .button:before { content: none; width: auto; height: auto } @media (min-width: 768px) { .gallery-container .gallery-carousel-controls { font-size:1rem } } @media (min-width: 1025px) { .gallery-container .videoIframe { border:0 } .gallery-container .image-captions .cta { line-height: 1.75 } } .whats-included .additional-block { margin-top: 25px } .whats-included .additional-block>p { text-align: center; margin-top: -7px } .whats-included .whats-included-block .slick-slider { overflow: hidden; margin-bottom: 15px } .whats-included .tile-block { width: 130px; min-height: 116px; margin: 0 10px; padding: 15px; text-align: center; cursor: pointer } .whats-included .tile-icon { width: 48px; height: 48px; margin: 0 auto; line-height: 48px; line-height: 3rem } .whats-included .tile-icon img { vertical-align: middle } .whats-included .include-two-block { min-height: 252px } .whats-included .include-two-block .tile-block { margin-bottom: 20px } .whats-included .tile-title { cursor: pointer; text-decoration: underline } .additional-block h3,.include-block h3 { text-align: center; margin: 0 0 20px; padding: 0 17px } .additional-block .slick-next,.additional-block .slick-prev,.include-block .slick-next,.include-block .slick-prev { width: 24px; height: 28px; border: none; padding: 0; position: absolute; text-indent: -9999px; z-index: 1; left: 2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; background: transparent } .additional-block .slick-next,.include-block .slick-next { right: 2px; left: auto } .included-modal .carousel-container { text-align: center } .included-modal .carousel-container .slick-slider { padding: 0 } .included-modal .modal-block { margin: 0 15px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .included-modal .carousel-controls { margin-top: 20px } .included-modal .slick-track { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .included-modal .slick-slide { height: auto } .included-modal .modal-deatils p { padding: 0 10px } @media (min-width: 768px) { .whats-included .tile-block { width:174px; min-height: 155px; margin: 0 7px; padding: 20px 15px } .whats-included .include-two-block .tile-block { margin-bottom: 15px } .whats-included .whats-included-block .additional-block>div,.whats-included .whats-included-block .include-block>div { padding: 0 0 0 50px } .whats-included .whats-included-block .slick-slider { padding: 0; overflow: inherit } .additional-block .slick-prev,.include-block .slick-prev { left: -35px } .additional-block .slick-next,.include-block .slick-next { width: 0; overflow: hidden } .included-modal .aria-modal .modal-content-wrapper { padding: 0 60px } .included-modal .aria-modal .modal-content { padding: 30px 30px 50px } } @media (min-width: 1025px) { .whats-included .whats-included-block .slick-slider { margin-bottom:0 } .whats-included .tile-block { width: 270px; min-height: 67px; margin: 10px; padding: 10px; text-align: left; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .whats-included .tile-icon { display: inline-block; padding: 0 10px 0 0; margin: 0 } .whats-included .whats-included-block { padding: 0 30px } .whats-included .include-block-desk { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .whats-included .tile-title { width: calc(100% - 58px) } .whats-included .whats-included-block .additional-block>div,.whats-included .whats-included-block .include-block>div { padding: 0 } .included-modal .modal-block { margin: 0 20px 0 40px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .included-modal .modal-block .modal-image { width: 50% } .included-modal .modal-block .modal-deatils { width: 50%; padding: 0 40px; text-align: left } .included-modal .aria-modal .modal-content-wrapper,.included-modal .modal-deatils p { padding: 0 } .included-modal .aria-modal .modal-content { padding: 0 30px 50px } .additional-block .slick-slide img,.include-block .slick-slide img { display: unset } .additional-block .slick-next,.additional-block .slick-prev,.include-block .slick-next,.include-block .slick-prev { left: -25px } .additional-block .slick-next,.include-block .slick-next { right: -25px; left: auto; width: 24px } } .whats-included { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .whats-included:after,.whats-included:before { content: ""; display: table } .whats-included:after { clear: both } @media (min-width: 768px) { .whats-included { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .whats-included { padding-left:40px; padding-right: 40px } } .whats-included { padding-left: 0; padding-right: 0 } .whats-included .additional-block>p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .whats-included .additional-block>p { font-size:1.125rem; line-height: 1.555 } } .whats-included .tile-block { border: 1px solid #a6b4cf; -webkit-box-sizing: border-box; box-sizing: border-box } .whats-included .tile-title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .whats-included .tile-title { font-size:1rem; line-height: 1.625 } } .whats-included .tile-title { color: #002776; -webkit-text-decoration-color: #ccc; text-decoration-color: #ccc } .additional-block h3,.include-block h3 { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .additional-block h3,.include-block h3 { font-size:1.5rem; line-height: 1.333 } } .additional-block .slick-next,.additional-block .slick-prev,.include-block .slick-next,.include-block .slick-prev { color: #0076ce } .additional-block .slick-prev:before,.include-block .slick-prev:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .additional-block .slick-prev:before,.include-block .slick-prev:before { font-size:1.125rem } } .additional-block .slick-prev:before,.include-block .slick-prev:before { font-size: 25px; font-size: 1.5625rem; float: left; text-indent: 0 } .additional-block .slick-next:before,.include-block .slick-next:before { content: "\E928"; float: left; text-indent: 0; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .additional-block .slick-next:before,.include-block .slick-next:before { font-size:1.125rem } } .additional-block .slick-next:before,.include-block .slick-next:before { font-size: 25px; font-size: 1.5625rem } .additional-block .slick-disabled,.include-block .slick-disabled { color: #e3e2e8; cursor: default } .included-modal .modal-block { border: 1px solid #a6b4cf } .included-modal .modal-deatils p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .included-modal .modal-deatils p { font-size:1.125rem; line-height: 1.555 } } .included-modal.aria-modal-underlay { background-color: #fff } .included-modal.aria-modal-underlay .aria-modal .close:after { color: #666 } @media (min-width: 768px) { .whats-included .tile-title { line-height:1.375rem } .additional-block .slick-next,.include-block .slick-next { right: -32px; left: auto } .included-modal.aria-modal-underlay { background-color: rgba(0, 0, 0, .54) } .included-modal.aria-modal-underlay .aria-modal .close:after { color: #fff } } @media (min-width: 1025px) { .whats-included { padding-left:30px; padding-right: 30px } .included-modal .modal-block .modal-deatils { -webkit-box-sizing: border-box; box-sizing: border-box } .additional-block .slick-next,.include-block .slick-next { right: -25px; left: auto } } .story-rotator { position: relative } .story-rotator .image-rotator { position: relative; margin: 0 auto } .story-rotator .image-holder { width: 100%; max-height: 465px } .story-rotator .image-holder img { width: 100% } .story-rotator .info-card-wrap { padding-bottom: 50px } .story-rotator .info-card-holder { height: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: -50px; position: relative } .story-rotator .info-card-background { height: 100%; width: 100% } .story-rotator .info-card { width: 100%; height: 407px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .story-rotator .info-card .slick-list,.story-rotator .info-card .slick-slider,.story-rotator .info-card .slick-track { height: 100% } .story-rotator .info-card .position-adjust { position: relative; width: 100%; height: 100%; overflow: hidden } .story-rotator .slides-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; position: relative } .story-rotator .slides-holder .slide { height: inherit } .story-rotator .content-holder { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; height: 100%; padding: 18px; width: 785px; -webkit-transform: translateZ(0); transform: translateZ(0) } .story-rotator .title h3 { margin: 0 } .story-rotator .cta-holder { position: absolute; bottom: 25px; left: 0; text-align: center; width: 100% } .story-rotator .cta-holder a { display: block } .story-rotator .custom-nav { position: absolute; bottom: 60px; width: 100%; z-index: 2 } .story-rotator .content-holder .title { margin-bottom: 25px } .story-rotator .custom-nav .slide-count { margin-right: 0 } .story-rotator .custom-nav .total-slides { margin-left: 0 } @media (min-width: 768px) { .story-rotator .info-card-wrap { padding-bottom:5px } .story-rotator .info-card-holder { margin-top: -80px } .story-rotator .info-card { height: 290px } .story-rotator .content-holder { padding: 35px 60px } .story-rotator .content-holder .title { margin: 0 } .story-rotator .content-holder .cta-holder { left: auto; right: 0; bottom: 40px; text-align: right; display: inline-block; width: auto } .story-rotator .content-holder .cta-holder a { margin-right: 45px; display: inline-block; pointer-events: all } .story-rotator .custom-nav { bottom: 30px; left: 45px; right: auto; width: auto } .story-rotator .slides-holder .slide { pointer-events: none } } @media (min-width: 1025px) { .story-rotator { margin-bottom:100px } .story-rotator .story-slide { position: relative } .story-rotator .info-card-holder { height: 330px; width: 830px; padding: 0; float: right; margin-top: -80px } } @media (min-width: 1025px) and (min-width:1025px) { .story-rotator .info-card-holder { width:830px } } @media (min-width: 1025px) { .story-rotator .info-card-background { margin-left:13px; margin-top: -13px } .story-rotator .info-card { height: 100% } .story-rotator .content-holder { width: 830px; padding: 60px 80px 40px } } @media (min-width: 1025px) and (min-width:1025px) { .story-rotator .content-holder { width:830px } } @media (min-width: 1025px) { .story-rotator .content-holder .title { margin-bottom:35px } .story-rotator .content-holder .cta-holder a { margin-right: 60px } .story-rotator .cta-holder a { padding-bottom: 5px } .story-rotator .custom-nav { left: 80px } .story-rotator .image-holder img { -o-object-fit: cover; object-fit: cover; max-height: 100% } } .story-rotator { font-size: 16px; font-size: 1rem } .story-rotator .info-card-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .story-rotator .info-card-wrap:before { content: ""; display: table } .story-rotator .info-card-wrap:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .story-rotator .info-card-wrap { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .story-rotator .info-card-wrap { padding-left:40px; padding-right: 40px } } .story-rotator .info-card-background { height: 0 } .story-rotator .info-card { background: #fff; bottom: auto; top: 0; height: 0 } .story-rotator .title h3 { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .story-rotator .title h3 { font-size:1.5rem; line-height: 1.333 } } .story-rotator .description p { color: transparent; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .story-rotator .description p { font-size:1.125rem; line-height: 1.555 } } .story-rotator .cta-holder a { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .story-rotator .cta-holder a { font-size:1.125rem; border-radius: 15px } } .story-rotator .cta-holder a { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .story-rotator .cta-holder a:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .story-rotator .cta-holder a:after { font-size:1.125rem } } .story-rotator .cta-holder a:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .story-rotator .cta-holder a:after { font-size:.75rem } } @media (min-width: 768px) { .story-rotator .cta-holder a { font-size:1rem } } .story-rotator .cta-holder a { border-bottom: none } .story-rotator .cta-holder a span { padding-bottom: 8px } .story-rotator .custom-nav { color: #666; text-align: center; bottom: 65px } .story-rotator .carousel-controls .button:before { top: 0 } .story-rotator .info-card-wrap { padding-bottom: 0 } .story-rotator .slide-state .divider { margin: 0 } .story-rotator .content-holder .cta-holder { position: absolute; bottom: 10px; left: 0; text-align: center; width: 100% } .story-rotator .content-holder .title { margin-bottom: 15px } .story-rotator .content-holder .description { margin-top: 15px } .story-rotator .content-holder { width: 90%; margin: 0 auto; background: #fff; bottom: 51px; height: 280px; overflow: visible; max-width: 830px } @media (min-width: 768px) { .story-rotator .info-card-wrap { padding-bottom:0 } .story-rotator .description p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .story-rotator .description p { font-size:1rem; line-height: 1.625 } } @media (min-width: 768px) { .story-rotator .content-holder { height:280px } .story-rotator .content-holder .cta-holder { text-align: right; bottom: 32px } .story-rotator .content-holder .cta-holder a { margin-right: 60px } .story-rotator .custom-nav { left: 60px; bottom: 0 } .story-rotator .content-holder:before { top: -60px } } @media (min-width: 981px) { .story-rotator .content-holder:before { height:78px; top: -68px } .story-rotator .custom-nav { left: 124px; bottom: -40px } .story-rotator .content-holder { bottom: -22px } .story-rotator .content-holder .cta-holder { bottom: 60px } } @media (min-width: 1025px) { .story-rotator { margin:0 } .story-rotator .info-card:before { top: -58px; height: 68px } .story-rotator .info-card-holder { height: 300px } .story-rotator .info-card-holder.middle { float: none; top: -80px; margin: 0 auto } .story-rotator .content-holder .cta-holder { bottom: 32px } .story-rotator .info-card,.story-rotator .info-card-background { height: auto } .story-rotator .image-holder,.story-rotator .image-holder img { max-height: inherit } .story-rotator .content-holder:before { display: none } .story-rotator .content-holder .cta-holder a { padding-bottom: 0 } .story-rotator .custom-nav { bottom: 22px; left: 80px } .story-rotator .content-holder .cta-holder { text-align: right } .story-rotator .content-holder { height: 280px; bottom: 0 } .story-rotator .content-holder .title { margin-bottom: 0 } } .theme-ribbon { padding-bottom: 10px } .theme-ribbon .theme-name:before { width: 13px; height: 16px; margin-left: -5px; margin-right: 5px } .theme-ribbon .link-wrapper:before { content: ""; display: inline-block; margin-right: 7px; padding-right: 1px; height: 15px; vertical-align: text-top } .theme-ribbon .inline-cta { text-decoration: none } .theme-detail .theme-wrapper { padding-bottom: 20px; overflow: auto } .theme-detail .theme-wrapper:last-child { border-bottom: 0 } .theme-detail .image-wrapper { display: none } .theme-detail .modal-slider-wrapper .image-wrapper { display: block } .theme-detail:last-child { border-bottom: 0 } .theme-detail .aria-modal .modal-content-wrapper { padding: 50px 50px 25px } @media (min-width: 768px) { .theme-detail .theme-wrapper { margin:20px 0 } .theme-detail .theme-wrapper .image-wrapper { width: 300px; display: inline-block; float: left; margin: 20px 30px 20px 0 } .theme-detail .theme-wrapper:nth-child(odd) .image-wrapper { float: right; margin-right: 0; margin-left: 30px } .theme-detail.only-theme .modal-content-wrapper { -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) { .theme-ribbon { -webkit-transform:none; transform: none } .theme-detail .theme-wrapper { margin: 20px 40px } } .clickable-card>a { bottom: 0; color: transparent; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1 } .clickable-card .disclaimer-text a { position: relative; z-index: 2 } .port-tile-container { position: relative } .port-tile-container a { display: inline-block; text-decoration: none } .port-tile-container .top-banner { margin: 20px; padding: 10px; position: absolute; top: 0; left: 0 } .port-tile-container .title { padding: 20px 20px 0; margin: 0 } .carousel-container .port-tile-container .title { margin: 12px 20px 20px; padding: 0 } @media (min-width: 768px) { .carousel-container .port-tile-container .title { margin:25px 25px 49px } } .shore-x-tile { width: 280px } .shore-x-tile .shore-x-tile-img { width: 100%; display: block } .shore-x-tile .tile-details-container { max-width: 280px; padding: 25px 20px 35px } .shore-x-tile .collection-banner { display: inline-block; height: 25px; max-width: 205px; padding: 0 10px; position: absolute; left: 10px; top: 10px } .shore-x-tile .favorite-icon { display: inline-block; position: absolute; top: 15px; right: 10px; height: 20px; width: 22px } .shore-x-tile .title { display: block; margin: 0 } .shore-x-tile .cost-label { display: inline-block; margin-top: 15px; width: auto; padding-right: 2px } .shore-x-tile .pricing-level-indicator { display: inline-block; margin-top: 15px; width: auto; padding-left: 2px } .shore-x-tile .activity-level-data,.shore-x-tile .activity-level-label { display: inline-block; margin-top: 7px; width: 118px; padding-left: 2px } .shore-x-tile .port-details-container { display: block; margin-top: 20px } .shore-x-tile .see-details-cta-label,.shore-x-tile .view-cruises-cta-label { display: inline-block; margin-top: 27px; width: 120px } .shore-x-tile .view-cruises-cta-label:not(:nth-child(2)) { text-align: center } .shore-x-tile .cta-text-wrapper { padding-bottom: 8px } .shore-x-tile .afar-container { padding-right: 15px; margin-right: 15px } .shore-x-tile .activity-container { display: block } .shore-x-tile .afar-cost-container { text-align: center } @media (min-width: 768px) { .shore-x-tile { width:325px } .shore-x-tile .tile-details-container { max-width: 325px; padding: 25px 30px 50px } .shore-x-tile .collection-banner { height: 30px; max-width: 235px; padding: 0 15px } .shore-x-tile .favorite-icon { height: 22px; width: 24px } .shore-x-tile .cost-label { width: auto; padding-right: 4px } .shore-x-tile .pricing-level-indicator { width: auto; padding-left: 4px } .shore-x-tile .activity-level-data,.shore-x-tile .activity-level-label { margin-top: 7px; width: auto; padding-left: 4px } .shore-x-tile .port-details-container { margin-top: 22px } .shore-x-tile .see-details-cta-label { margin-top: 45px; width: 130px } .shore-x-tile .view-cruises-cta-label { margin-top: 45px; width: 117px } } .filter-sort-bar-container .pagination-svp { margin-top: 25px } .onboard-activity-tile { text-align: center; -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 } .onboard-activity-tile .wrapper-cta { text-decoration: none } .onboard-activity-tile .image { line-height: 0 } .onboard-activity-tile .details { padding-bottom: 22px; -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 } .onboard-activity-tile .title-container { margin: 25px 15px 0 } .onboard-activity-tile .title-container .activity-status { vertical-align: super; margin-right: 10px; display: none } .onboard-activity-tile .title-container .title { display: inline-block; margin: 0 } .onboard-activity-tile .status-container { display: block } .onboard-activity-tile .status-container .status-cell { display: block; padding: 14px 15px 20px } .onboard-activity-tile .status-container .status-activity { border-left: 0; padding-top: 0 } .onboard-activity-tile .status-cell span { vertical-align: middle } .onboard-activity-tile .status-cell .status-icon { display: inline-block; height: 15px; width: 15px; background-repeat: no-repeat; background-size: contain; margin-right: 10px } .onboard-activity-tile .description { margin-top: 2px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: 100px; overflow: hidden; margin: 0 } .onboard-activity-tile .cta-container { margin-top: 20px } .onboard-activity-tile .cta-container .details-label { text-decoration: none; display: inline-block } @media (min-width: 768px) { .onboard-activities.tiles-container { padding-top:30px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .onboard-activity-tile .details { padding-left: 30px; padding-right: 30px } .onboard-activity-tile .title-container { margin-top: 24px } .onboard-activity-tile .title-container .title { font-size: 1.375rem } .onboard-activity-tile .status-container { display: block; margin-top: 10px } .onboard-activity-tile .description,.onboard-activity-tile .status-container .status-cell { font-size: .875rem } .onboard-activity-tile .cta-container { margin-top: 10px } .filter-sort-bar-container .pagination-svp { margin-top: 0 } } @media (min-width: 1025px) { .onboard-activity-tile .status-container { margin-top:11px } .onboard-activity-tile .cta-container { margin-top: 30px } } .review-summary .rating-wrapper { min-width: 0; display: inline-block; overflow: hidden; margin-right: 10px } .review-summary .rating-disp { margin: 0 } .review-summary .rating-provider-logo { width: 100px } .review-summary .powered-by { margin-top: 20px } .review-summary .powered-by img { display: inline-block } .review-summary .response-description { margin-bottom: 20px } @media (min-width: 1025px) { .review-summary .review-list { padding:20px 60px } .review-summary .details-wrap { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .review-summary .detail-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .review-summary .tile-pagination .carousel-controls { text-align: left } .review-summary .powered-by { text-align: right; margin-top: 0 } .review-summary .cta-container { margin-top: 5px } } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main,.filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container { max-width: 1168px; margin: 0 auto; position: relative; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } .filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container { text-align: center; margin: 25px 30px 0; display: block; clear: both } .filter-sort-bar-container.fitler-sort-bar-wrapper .port-detail-tile { text-align: left; display: inline-block } .filter-sort-bar-container.fitler-sort-bar-wrapper .tile-detail { margin: 25px auto 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper input:focus { outline: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .cta-holder .btn-secondary,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .head,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container button,.filter-sort-bar-container.fitler-sort-bar-wrapper .filters .select { cursor: pointer } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.large-view { display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.small-view { padding: 20px 0 20px 35px; display: inline-block; width: calc(100% - 35px) } .filter-sort-bar-container.fitler-sort-bar-wrapper .reset-filter-svp { padding: 20px 35px 20px 0; width: 100%; text-align: center } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .head:after { background-size: 100%; position: absolute; width: 20px; height: 20px } .filter-sort-bar-container.fitler-sort-bar-wrapper .cta-holder .btn-secondary { padding: 0; border: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .cta-holder .btn-secondary:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .reset-filter-svp .btn-secondary:before { content: ""; width: 12px; height: 13px; display: inline-block; margin-right: 15px } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination.hide { display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .next,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .prev { background-size: 100%; width: 15px; height: 24px; display: inline-block; border: none; cursor: pointer } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .next.disable,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .prev.disable { cursor: auto; pointer-events: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .next,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .prev { vertical-align: middle } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages { margin: 0 12px } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination-svp,.filter-sort-bar-container.fitler-sort-bar-wrapper .top-pagination-svp { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px } .filter-sort-bar-container.fitler-sort-bar-wrapper .list-dropdown { display: block; position: fixed; top: 100%; left: 0; width: 100%; height: 100%; z-index: 999; transition: top .5s; -webkit-transition: top .5s } .filter-sort-bar-container.fitler-sort-bar-wrapper .show .list-dropdown { top: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn:after { content: ""; background-repeat: no-repeat; width: 15px; height: 12px; margin-left: 5px } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-by-label { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: fixed; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 100; width: 100%; padding: 15px 18px } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .close,.filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .label { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .close:after { content: ""; width: 20px; height: 20px; margin-left: 10px; vertical-align: middle; position: relative; top: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-list { padding: 60px 20px 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-item { padding: 20px 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper a { text-decoration: none } .filter-sort-bar-container.fitler-sort-bar-wrapper button { cursor: pointer; border: 0; padding: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper li { list-style-type: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .image-lazy-loader { -ms-flex-negative: 0; flex-shrink: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main { text-align: center } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .results-count { float: left; width: calc(50% - 2px); text-align: left; padding: 17px 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .content-wrapper { min-height: 46px; padding: 7px 35px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .pagination { display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .filters { float: right; width: 50%; padding: 17px 0; text-align: right } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .select:after { content: ""; width: 15px; height: 12px; margin-left: 10px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .top-pagination-svp { display: inline-block } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container { position: fixed; top: 0; right: -100%; width: 100%; z-index: 3; -webkit-transition: top .3s; transition: top .3s } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container.open { right: 0; display: block; height: 100%; z-index: 999 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head { padding: 15px 25px; display: block; text-align: left } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head h4 { margin: 0; padding: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head span { display: inline-block; padding: 10px 25px; font-size: 0.875rem; font-size: .875rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head h4:before { content: ""; width: 15px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 25px; position: relative; top: -3px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-content { padding: 0 20px; max-height: calc(100% - 70px); overflow: auto } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item { position: relative } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item .content { display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item.open .content { display: block } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .content button { display: inline-block; width: 100%; border: none; min-height: 40px; vertical-align: middle; margin: 0 10px 10px 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .head { display: block; text-align: left; width: 100%; padding: 30px 0 25px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item .head:after { content: ""; right: 0; top: 28px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item.open .head:after { background-size: 100% } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder { overflow: hidden; padding: 40px 0 10px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn { float: right } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn-secondary { float: left; margin: 20px 0; display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .shores { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .filter-sort-bar-container.fitler-sort-bar-wrapper .shores .shore-x-tile { -webkit-box-shadow: none; box-shadow: none; width: 100% } .review-activities .review-detail-tile { padding: 20px; margin-bottom: 20px } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .ports .port-detail-tile { vertical-align:text-top } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.large-view { display: inline-block; padding: 20px; float: right; border-left: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-detail-tile,.filter-sort-bar-container.fitler-sort-bar-wrapper .port-detail-tile,.filter-sort-bar-container.fitler-sort-bar-wrapper .shore-detail-tile { display: inline-block; width: calc(50% - 40px); margin: 0 20px 40px } .filter-sort-bar-container.fitler-sort-bar-wrapper .tile-details-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .filter-sort-bar-container.fitler-sort-bar-wrapper .tile-detail { max-width: none } .filter-sort-bar-container.fitler-sort-bar-wrapper h3.title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .filter-sort-bar-container.fitler-sort-bar-wrapper .shore-x-tile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .filter-sort-bar-container.fitler-sort-bar-wrapper .shore-detail-tile.tile-detail,.filter-sort-bar-container.fitler-sort-bar-wrapper .shore-x-tile { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar { position: static } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-list { padding: 0 20px; text-align: left } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.small-view { display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-by-label { display: inline; max-width: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .reset-filter-svp { display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages { margin: 0 65px } .filter-sort-bar-container.fitler-sort-bar-wrapper .top-pagination-svp { display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .content-wrapper { padding: 5px 35px 40px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .results-count { width: 100px; padding-right: 20px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .filters,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .results-count { width: auto; border: none; position: relative; top: 4px; font-size: 1rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .content { padding: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .pagination .pages { margin: 0 18px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .content button { width: 30%; min-height: 65px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head span { font-size: 1.125rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .head { font-size: 1rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder { padding: 100px 0 10px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn-secondary { display: block } .review-activities .review-detail-tile { padding: 20px 30px } } @media (min-width: 1025px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown { position:relative; display: inline-block; cursor: pointer } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.show { padding: 19px 20px } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.large-view { display: inline-block; padding: 20px; float: left } .filter-sort-bar-container.fitler-sort-bar-wrapper .list-dropdown { position: absolute; display: none; top: auto; left: -1px; right: -1px; -webkit-transition: none; transition: none; height: auto; width: auto; padding: 20px; z-index: 101 } .filter-sort-bar-container.fitler-sort-bar-wrapper .show .list-dropdown { display: block; top: auto } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar { display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-list { padding: 0; margin: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-item { padding: 10px 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filters-container { float: right; position: relative } .filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container { margin: auto } .filter-sort-bar-container.fitler-sort-bar-wrapper .tile-detail { width: calc(33.33% - 40px); margin: 0 40px 40px 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .bottom-pagination,.filter-sort-bar-container.fitler-sort-bar-wrapper .top-pagination { display: inline-block } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.large-view.gs-filter { float: right; padding-right: 20px } .filter-sort-bar-container.fitler-sort-bar-wrapper.all-speakers-tiles .tile-detail { width: calc(33.33% - 13.4px); margin: 0; border: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .pagination { display: inline-block; padding: 20px 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .filters { position: static; float: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container { position: relative; -webkit-transition: none; transition: none; right: 0; display: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container.open { z-index: 101 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-content { width: 745px; padding: 0 50px 30px; position: absolute; right: 0; z-index: 2; max-height: none; overflow: visible } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn-secondary { display: block; margin-left: 1px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn { margin-right: 1px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head { display: none } .review-activities .review-detail-tile { padding: 20px 40px } } .guest-speaker-tile { -webkit-box-shadow: none; box-shadow: none; margin: 25px 7px 30px } .guest-speaker-tile .slick-track { margin-left: auto; margin-right: auto } .guest-speaker-tile .slick-slide,.guest-speaker-tile .slick-track { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .guest-speaker-tile .slick-slide { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; min-width: 280px } .guest-speaker-tile .guest-speaker-tile-img { width: 100%; margin: 0 auto; padding: 0; display: block } .guest-speaker-tile .tile-details-container { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; height: 172px } .guest-speaker-tile .title { margin-bottom: 8px; margin-top: 0 } .guest-speaker-tile .label { min-height: 22px } .guest-speaker-tile .description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .guest-speaker-tile .description { font-size:1rem; line-height: 1.625 } } .guest-speaker-tile .description { word-wrap: break-word; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 60px; overflow: hidden; margin: 0 } .guest-speaker-tile .see-details-cta-label,.guest-speaker-tile .view-cruises-cta-label { display: inline-block; margin-top: 27px; width: 120px } .guest-speaker-tile .see-details-cta-label { cursor: pointer; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .guest-speaker-tile .see-details-cta-label { font-size:1.125rem; border-radius: 15px } } .guest-speaker-tile .see-details-cta-label { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .guest-speaker-tile .see-details-cta-label:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .guest-speaker-tile .see-details-cta-label:after { font-size:1.125rem } } .guest-speaker-tile .see-details-cta-label:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .guest-speaker-tile .see-details-cta-label:after { font-size:.75rem } } @media (min-width: 768px) { .guest-speaker-tile .see-details-cta-label { font-size:1rem } } .guest-speaker-tile .see-details-cta-label { border-bottom: 0 } @media (min-width: 768px) { .guest-speaker-tile { margin:40px 30px } .guest-speaker-tile .label { min-height: 32px } .guest-speaker-tile .description { height: 78px } .guest-speaker-tile .tile-details-container { padding: 15px; height: 234px } .guest-speaker-tile .see-details-cta-label { margin-top: 45px; width: 130px } .guest-speaker-tile .view-cruises-cta-label { margin-top: 45px; width: 117px } } @media (min-width: 1025px) { .guest-speaker-tile { margin-left:10px; margin-right: 10px } .guest-speaker-tile .title { margin-bottom: 10px } .guest-speaker-tile .description { margin: 0 } } .port-tile-container .port-detail-tile { border: 1px solid #ccc } .port-tile-container .top-banner { background: #002776; font-size: 16px; font-size: 1rem; font-family: Praxis-regular; color: #fff; text-transform: uppercase } .port-tile-container .title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .port-tile-container .title { font-size:.75rem } } .port-tile-container .title { color: #666 } .carousel-container .port-tile-container .title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .carousel-container .port-tile-container .title { font-size:.875rem; line-height: 1.5rem } } .carousel-container .port-tile-container .title { font-weight: 700; max-height: 35px; overflow: hidden } @media (min-width: 768px) { .port-tile-container .title { padding:20px 30px } .carousel-container .port-tile-container .title { max-height: 45px } } .shore-x-tile { position: relative; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc } .shore-x-tile .collection-banner { background-color: #002776; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .shore-x-tile .collection-banner { font-size:1rem; line-height: 1.625 } } .shore-x-tile .collection-banner { color: #fff; line-height: 25px; line-height: 1.5625rem } .shore-x-tile .favorite-icon { cursor: pointer; width: 40px; height: 40px; background: hsla(0, 0%, 100%, .7); z-index: 1 } .shore-x-tile .favorite-icon .fav-icon { display: block } .shore-x-tile .favorite-icon .fav-icon:before { content: "\E923"; color: #002776; margin-left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); margin-top: 2px } .shore-x-tile .favorite-icon .fav-icon:before,.shore-x-tile .favorite-icon.favourite .fav-icon:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 1.25rem } .shore-x-tile .favorite-icon.favourite .fav-icon:before { content: "\E920"; color: #e30513 } .shore-x-tile .favorite-icon .fav-icon:after { font-family: GreycliffCF-medium; font-size: 0.75rem; font-size: .75rem; content: attr(value); position: absolute; top: 23px; left: 50%; color: #002776; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%) } .shore-x-tile .favorite-icon.favourite .fav-icon:after { color: #002776 } .shore-x-tile .title { color: #666; text-align: center } .shore-x-tile .cost-label { -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .shore-x-tile .cost-label { font-size:1.125rem; line-height: 1.555 } } .shore-x-tile .cost-label { color: #666; font-family: Praxis-regular; text-align: right } .shore-x-tile .activity-level-label { -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .shore-x-tile .activity-level-label { font-size:1.125rem; line-height: 1.555 } } .shore-x-tile .activity-level-label { color: #666; font-family: Praxis-regular; text-align: right } .shore-x-tile .activity-level-data { -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .shore-x-tile .activity-level-data { font-size:1.125rem; line-height: 1.555 } } .shore-x-tile .activity-level-data { color: #666; font-family: Praxis-regular; text-align: right } .shore-x-tile .pricing-level-indicator { -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .shore-x-tile .pricing-level-indicator { font-size:1.125rem; line-height: 1.555 } } .shore-x-tile .pricing-level-indicator { color: #666; font-family: Praxis-regular } .shore-x-tile .cost-container .cost-label { text-align: left; padding-right: 4px; margin-top: 0 } .shore-x-tile .cost-label:nth-child(2n) { padding-right: 12px } .shore-x-tile .pricing-level-indicator { text-align: right; margin-top: 0 } .shore-x-tile .pricing-level-indicator .currency i { font-size: inherit } .shore-x-tile .activity-level-data,.shore-x-tile .pricing-level-indicator { font-family: GreycliffCF-medium; color: #002776 } .shore-x-tile .afar-label { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MDAgMTI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgMTI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6IzJCMzg2Rjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyMy4zLDgyLjdjOS43LDAsMTkuMywwLDI4LjksMGMtNC44LTExLjktOS42LTIzLjctMTQuNC0zNS42QzIzMyw1OSwyMjguMiw3MC44LDIyMy4zLDgyLjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcuMSw4Mi43YzkuNywwLDE5LjIsMCwyOC45LDBjLTQuOC0xMS44LTkuNS0yMy42LTE0LjQtMzUuNUM1Ni44LDU5LDUyLDcwLjgsNDcuMSw4Mi43eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2MS45LDM0LjdjLTEuMi01LjMtNC40LTguOC05LjYtMTAuM2MtMi43LTAuOC01LjYtMS4zLTguNS0xLjRjLTYuNi0wLjItMTMuMy0wLjEtMTkuOS0wLjEKCQljLTAuMywwLTAuNSwwLjEtMC44LDAuMWMwLDEyLjEsMCwyNCwwLDM2LjFjNi4zLDAsMTIuNSwwLjEsMTguNywwYzIuOC0wLjEsNS42LTAuMyw4LjMtMC45YzYuMi0xLjMsMTAuNS00LjksMTEuOS0xMS40CgkJQzM2Mi45LDQyLjgsMzYyLjksMzguOCwzNjEuOSwzNC43eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTM2Mi4zLDc1YzAuMS0wLjEsMC4xLTAuMiwwLjItMC4yYzAuNi0wLjMsMS4zLTAuNiwyLTAuOWM5LjEtNC4zLDE1LjYtMTEsMTguNi0yMC43YzIuMS02LjgsMi4yLTEzLjcsMS0yMC42CgkJYy0xLjktMTAuOC03LjUtMTguOS0xNy4zLTIzLjljLTcuNC0zLjctMTUuMy01LjEtMjMuNC01LjFjLTEzLjYtMC4xLTI3LjMsMC00MC45LDBjLTAuNCwwLTAuOSwwLTEuMywwLjFjMCwzOS4zLDAsNzguNCwwLDExNy42CgkJYzcuMywwLDE0LjUsMCwyMS45LDBjMC0xNC4yLDAtMjguMywwLTQyLjRjNS43LDAsMTEuMiwwLDE2LjcsMGMwLjksMCwxLjMsMC4zLDEuOCwxYzgsMTMuNSwxNi4xLDI2LjksMjQuMSw0MC40CgkJYzAuNSwwLjgsMSwxLjIsMiwxLjJjNy4yLDAsMTQuNSwwLDIxLjcsMGMwLjQsMCwwLjgsMCwxLjQsMEMzODEuMiwxMDUuNywzNzEuOCw5MC4zLDM2Mi4zLDc1eiBNMzUwLjEsNTguMgoJCWMtMi43LDAuNi01LjUsMC45LTguMywwLjljLTYuMiwwLjEtMTIuNCwwLTE4LjcsMGMwLTEyLjEsMC0yNC4xLDAtMzYuMWMwLjMsMCwwLjUtMC4xLDAuOC0wLjFjNi42LDAsMTMuMy0wLjEsMTkuOSwwLjEKCQljMi44LDAuMSw1LjcsMC42LDguNSwxLjRjNS4yLDEuNSw4LjQsNSw5LjYsMTAuM2MxLDQsMSw4LjEsMC4xLDEyLjFDMzYwLjYsNTMuMywzNTYuNCw1Ni45LDM1MC4xLDU4LjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjQuNSw0LjVjLTAuNi0xLjMtMS40LTEtMi4zLTFjLTAuOS0wLjEtMS41LDAuMS0xLjksMS4xQzQzLjksNDIsMjcuNSw3OS40LDExLjEsMTE2LjhjLTAuNiwxLjQtMS4yLDIuOC0xLjksNC4zCgkJYzAuMywwLDAuNSwwLjEsMC43LDAuMWM2LjgsMCwxMy43LDAsMjAuNSwwYzAuNywwLDAuOS0wLjMsMS4yLTAuOWMyLjQtNS45LDQuOS0xMS44LDcuMy0xNy43YzAuMy0wLjcsMC42LTEsMS41LTEKCQljMTQuMSwwLDI4LjIsMCw0Mi4yLDBjMC45LDAsMS4yLDAuMywxLjYsMS4xYzIuNCw1LjgsNC44LDExLjYsNy4yLDE3LjVjMC4zLDAuOCwwLjgsMSwxLjYsMWM2LjQsMCwxMi45LDAsMTkuMywwYzEsMCwyLDAsMy4yLDAKCQljLTAuMi0wLjUtMC4zLTAuOC0wLjQtMS4xQzk4LjIsODEuNiw4MS4zLDQzLjEsNjQuNSw0LjV6IE00Ny4xLDgyLjdDNTIsNzAuOCw1Ni44LDU5LDYxLjYsNDcuMmM0LjgsMTIsOS42LDIzLjcsMTQuNCwzNS41CgkJQzY2LjQsODIuNyw1Ni44LDgyLjcsNDcuMSw4Mi43eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI5MS4xLDExOS44Yy04LjctMTkuOS0xNy40LTM5LjctMjYuMS01OS42Yy04LjEtMTguNS0xNi4yLTM3LTI0LjMtNTUuNmMtMC4yLTAuNC0wLjMtMS0wLjYtMWMtMC45LTAuMS0xLjktMC4yLTIuOSwwCgkJYy0wLjMsMC4xLTAuNiwwLjctMC44LDEuMmMtMTYuNiwzNy45LTMzLjIsNzUuOC00OS44LDExMy42Yy0wLjQsMC45LTAuOCwxLjgtMS4yLDIuOGMwLjYsMCwwLjksMCwxLjMsMGM2LjYsMCwxMy4xLDAsMTkuNywwCgkJYzAuOSwwLDEuMy0wLjMsMS42LTEuMWMyLjQtNS44LDQuOC0xMS42LDcuMi0xNy40YzAuMy0wLjcsMC42LTEuMSwxLjUtMS4xYzE0LjEsMCwyOC4yLDAsNDIuMiwwYzAuOSwwLDEuMiwwLjMsMS41LDEuMQoJCWMyLjQsNS44LDQuOCwxMS41LDcuMSwxNy4yYzAuNCwwLjksMC44LDEuMiwxLjgsMS4yYzcsMCwxNCwwLDIxLDBjMC40LDAsMC44LDAsMS40LDBDMjkxLjUsMTIwLjYsMjkxLjMsMTIwLjIsMjkxLjEsMTE5Ljh6CgkJIE0yMjMuMyw4Mi43YzQuOS0xMS45LDkuNy0yMy43LDE0LjUtMzUuNmM0LjgsMTEuOSw5LjYsMjMuNywxNC40LDM1LjZDMjQyLjYsODIuNywyMzMsODIuNywyMjMuMyw4Mi43eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4OC42LDc1LjhjMS40LTMuMywyLjgtNi42LDQuMy05LjljMS4yLTIuOCwyLjQtNS42LDMuNy04LjZjLTE2LjcsMC0zMy4xLDAtNDkuNywwYzAtMTEuNSwwLTIyLjksMC0zNC40CgkJYzE4LjgsMCwzNy41LDAsNTYuMiwwYzAtNi41LDAtMTIuOSwwLTE5LjRjLTI2LDAtNTIsMC03OCwwYzAsMzkuMywwLDc4LjQsMCwxMTcuNmM3LjMsMCwxNC41LDAsMjEuOCwwYzAtMTQuNywwLTI5LjQsMC00NC4yCgkJYzAuNiwwLDEuMSwwLDEuNSwwYzEyLjgsMCwyNS42LDAsMzguNCwwQzE4Ny44LDc3LDE4OC4yLDc2LjYsMTg4LjYsNzUuOHoiLz4KPC9nPgo8L3N2Zz4K) no-repeat; background-size: 30px 10px; display: inline-block; width: 30px; height: 10px; margin-left: 6px; vertical-align: middle } .shore-x-tile .port-details-container { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .shore-x-tile .port-details-container { font-size:1rem; line-height: 1.625 } } .shore-x-tile .port-details-container { margin-bottom: 75px; text-align: center } .shore-x-tile .see-details-cta-label { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .shore-x-tile .see-details-cta-label { font-size:1.125rem; border-radius: 15px } } .shore-x-tile .see-details-cta-label { color: #0076ce; border: none; padding: 10px 15px 10px 0 } .shore-x-tile .see-details-cta-label:after { font-family: 'Icomoon'; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .shore-x-tile .see-details-cta-label:after { font-size:1.125rem } } .shore-x-tile .see-details-cta-label:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076CE; margin-left: 5px; position: relative } .shore-x-tile .see-details-cta-label { cursor: pointer; text-align: center; text-decoration: none } .shore-x-tile .see-details-cta-label:after { display: none } .shore-x-tile .see-details-cta-label { width: auto; min-width: 100px } .shore-x-tile .view-cruises-cta-label { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .shore-x-tile .view-cruises-cta-label { font-size:1.125rem; border-radius: 15px } } .shore-x-tile .view-cruises-cta-label { color: #0076ce; border: none; padding: 10px 15px 10px 0 } .shore-x-tile .view-cruises-cta-label:after { font-family: 'Icomoon'; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .shore-x-tile .view-cruises-cta-label:after { font-size:1.125rem } } .shore-x-tile .view-cruises-cta-label:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076CE; margin-left: 5px; position: relative } .shore-x-tile .view-cruises-cta-label { cursor: pointer; text-align: center; text-decoration: none } .shore-x-tile .view-cruises-cta-label:after { display: none } .shore-x-tile .view-cruises-cta-label { width: auto; min-width: 100px } .shore-x-tile .cta-text-wrapper { border-bottom: 1px solid #0076ce; line-height: 28px; line-height: 1.75rem; padding-bottom: 5px } .shore-x-tile .activity-level-data { text-align: left } .shore-x-tile .title { font-family: GreycliffCF-medium; -webkit-font-feature-settings: "case" 1; font-size: 19px; font-size: 1.1875rem; line-height: 1.21; letter-spacing: 0; font-feature-settings: "case" 1; font-weight: 400 } @media (min-width: 768px) { .shore-x-tile .title { font-size:1.5625rem; line-height: 1.28 } } .shore-x-tile .title { min-height: 50px; line-height: 1.1; color: #002776 } .shore-x-tile .activity-level-label,.shore-x-tile .cost-label { color: #002776 } .shore-x-tile .cta-text-wrapper,.shore-x-tile .view-cruises-cta-label { text-transform: uppercase } .shore-x-tile .cost-container { -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; display: inline-block; width: 100% } .shore-x-tile .tile-details-container .cta-wrapper { position: absolute; bottom: 35px; left: 0; text-align: center; display: inline-block; width: 100% } .shore-x-tile .tile-details-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .shore-x-tile .see-details-cta-label { margin-top: 0; text-align: left; padding-right: 25px } .shore-x-tile .view-cruises-cta-label { margin-top: 0; text-align: right; padding-right: 0 } .shore-x-tile .activity-container { display: inline-block } .shore-x-tile .activity-container .activity-level-label { text-align: left; width: auto; padding-right: 12px } .shore-x-tile .activity-container .activity-level-data { text-align: right; width: auto } @media (min-width: 768px) { .shore-x-tile .collection-banner { line-height:1.875rem } .shore-x-tile .view-cruises-cta-label { margin-top: 0 } .shore-x-tile .tile-details-container { padding-bottom: 30px } .shore-x-tile .tile-details-container .cta-wrapper { bottom: 30px } .shore-x-tile .port-details-container { margin-bottom: 90px } .shore-x-tile .see-details-cta-label,.shore-x-tile .view-cruises-cta-label { min-width: 120px } .shore-x-tile .activity-container .activity-level-label,.shore-x-tile .cost-label:nth-child(2n) { padding-right: 5px } .shore-x-tile .cost-container .cost-label { margin-top: 25px } } @media (min-width: 1025px) { .shore-x-tile .see-details-cta-label,.shore-x-tile .view-cruises-cta-label { min-width:140px } } .onboard-activity-tile { position: relative } .onboard-activity-tile .status-cell .status-icon.icon-dollar:before { content: ""; content: "\E947" } .onboard-activity-tile .status-cell .status-icon.icon-dollar:before,.onboard-activity-tile .status-cell .status-icon.icon-tick:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 1.25rem; bottom: 10px; position: relative; color: #988642 } .onboard-activity-tile .status-cell .status-icon.icon-tick:before { content: ""; content: "\E925" } .onboard-activity-tile .title-container .title { font-family: GreycliffCF-medium; -webkit-font-feature-settings: "case" 1; font-size: 19px; font-size: 1.1875rem; line-height: 1.21; letter-spacing: 0; color: #002776; font-feature-settings: "case" 1; font-weight: 400 } @media (min-width: 768px) { .onboard-activity-tile .title-container .title { font-size:1.5625rem; line-height: 1.28 } } .onboard-activity-tile .title-container .title { display: inline } .onboard-activity-tile .details .description { min-height: 100px; padding-left: 20px; padding-right: 20px } .onboard-activity-tile .details .description p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .onboard-activity-tile .details .description p { font-size:1rem; line-height: 1.625 } } .onboard-activity-tile .status-cell span { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .onboard-activity-tile .status-cell span { font-size:1rem; line-height: 1.625 } } .onboard-activity-tile .status-cell .status-label { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .onboard-activity-tile .status-cell .status-label { font-size:1rem; line-height: 1.625 } } .onboard-activity-tile .status-container .status-cell { padding-bottom: 6px } .onboard-activity-tile .cta-container .details-label { display: inline } .onboard-activity-tile .cta-container .details-label:after { font-size: 0.5rem; font-size: .5rem } .onboard-activity-tile .wrapper-cta { overflow: hidden } .onboard-activity-tile .title-container .activity-status { display: inline-block; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .onboard-activity-tile .title-container .activity-status { font-size:1rem; line-height: 1.625 } } .onboard-activity-tile .title-container .activity-status { text-transform: none; position: absolute; top: 10px; left: 10px; color: #fff; padding: 5px 10px; background: #002776 } @media (min-width: 768px) { .onboard-activity-tile .details .description p { margin:0 } .onboard-activity-tile .details .description { padding-top: 10px } .onboard-activity-tile .cta-container { margin-bottom: 8px } } .filter-sort-bar-container.fitler-sort-bar-wrapper { background: #fff; font-size: 0.75rem; font-size: .75rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container:before { content: ""; display: table } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container { padding-left:40px; padding-right: 40px } } .filter-sort-bar-container.fitler-sort-bar-wrapper .review-activities { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .filter-sort-bar-container.fitler-sort-bar-wrapper .review-activities:before { content: ""; display: table } .filter-sort-bar-container.fitler-sort-bar-wrapper .review-activities:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .review-activities { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .review-activities { padding-left:40px; padding-right: 40px } } .filter-sort-bar-container.fitler-sort-bar-wrapper .review-activities { margin-top: 40px } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .description { font-size:1.125rem; line-height: 1.555 } } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .details-label { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .details-label { font-size:1.125rem; border-radius: 15px } } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .details-label { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .details-label:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .details-label:after { font-size:1.125rem } } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .details-label:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .details-label:after { font-size:.75rem } } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .details-label { font-size:1rem } } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container:before { width: 100% } .filter-sort-bar-container.fitler-sort-bar-wrapper .shore-detail-tile { -webkit-box-shadow: 0 1px 35px rgba(0, 0, 0, .1); box-shadow: 0 1px 35px rgba(0, 0, 0, .1) } .filter-sort-bar-container.fitler-sort-bar-wrapper .shore-detail-tile .tile-details-container { width: 280px; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .filter-sort-bar-container.fitler-sort-bar-wrapper .tile-detail { background: #fff; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container .onboard-detail-tile.tile-detail { -webkit-box-shadow: 0 0 1px #ccc; box-shadow: 0 0 1px #ccc } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages span.current-page,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages span.total-pages { font-size: 17px; font-size: 1.0625rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages { margin: 0 30px } .filter-sort-bar-container.fitler-sort-bar-wrapper .btn { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .filter-sort-bar-container.fitler-sort-bar-wrapper .btn { font-size:1rem; width: auto; border-radius: 10px } } .filter-sort-bar-container.fitler-sort-bar-wrapper .btn:hover { background: #b0263a } .filter-sort-bar-container.fitler-sort-bar-wrapper .btn.active,.filter-sort-bar-container.fitler-sort-bar-wrapper .btn:active,.filter-sort-bar-container.fitler-sort-bar-wrapper .btn:focus { background: #b10f26 } .filter-sort-bar-container.fitler-sort-bar-wrapper .btn.disabled,.filter-sort-bar-container.fitler-sort-bar-wrapper .btn[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .filter-sort-bar-container.fitler-sort-bar-wrapper .btn { font-size: 16px; font-size: 1rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .results-count span.total-results { padding-right: 2px } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.small-view { font-family: Praxis-regular; border-top: 1px solid hsla(0, 0%, 65%, .5) } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item .head:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E90F" } .filter-sort-bar-container.fitler-sort-bar-wrapper .cta-holder .btn-secondary,.filter-sort-bar-container.fitler-sort-bar-wrapper .reset-filter-svp .btn-secondary { color: #666; background: transparent; font-family: Praxis-regular; letter-spacing: 0.0625rem; letter-spacing: .0625rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .filter-sort-bar-container.fitler-sort-bar-wrapper .cta-holder .btn-secondary:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .reset-filter-svp .btn-secondary:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E911"; vertical-align: middle; margin-right: 10px } .filter-sort-bar-container.fitler-sort-bar-wrapper .filters { font-family: Praxis-regular; border-left: 1px solid #a6b4cf } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination { font-family: Praxis-regular; color: #002776; line-height: 16px; line-height: 1rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination-svp { margin-top: 40px } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .prev:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .prev:before { font-size:1.125rem } } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .prev:before { color: #002776 } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .next:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .next:after { font-size:1.125rem } } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .next:after { color: #002776 } .filter-sort-bar-container.fitler-sort-bar-wrapper .list-dropdown { background: #fff } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn { font-size:1.375rem; line-height: 1.363 } } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn { color: #002776; font-family: Praxis-regular; text-align: left; text-transform: none } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn:after { vertical-align: middle } .filter-sort-bar-container.fitler-sort-bar-wrapper .show .dropdown-btn:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92A"; width: 25px; height: 25px; vertical-align: middle } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar { -webkit-box-sizing: border-box; box-sizing: border-box; color: #002776; background: #fff; line-height: 30px; line-height: 1.875rem; border-bottom: 1px solid hsla(0, 0%, 65%, .5) } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .close { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .close { font-size:1.375rem; line-height: 1.363 } } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .close { color: #002776 } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .label { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .label { font-size:1.375rem; line-height: 1.363 } } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .label { color: #002776 } .filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar .close:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; color: #002776 } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-item { border-bottom: 1px solid hsla(0, 0%, 65%, .5) } .filter-sort-bar-container.fitler-sort-bar-wrapper a.dropdown-item.active,.filter-sort-bar-container.fitler-sort-bar-wrapper a.dropdown-item:hover { background-color: #bcbdcb; color: #fff } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-list { padding: 40px 20px 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-list .dropdown-item>a { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-list .dropdown-item>a { font-size:1.375rem; line-height: 1.363 } } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-list .dropdown-item>a { color: #002776; display: block } .filter-sort-bar-container.fitler-sort-bar-wrapper button { background-color: transparent } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .next.disable:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .prev.disable:before { color: #ccc } .filter-sort-bar-container.fitler-sort-bar-wrapper .bottom-pagination .pagination .next.disable,.filter-sort-bar-container.fitler-sort-bar-wrapper .bottom-pagination .pagination .prev.disable,.filter-sort-bar-container.fitler-sort-bar-wrapper .top-pagination .pagination .next.disable,.filter-sort-bar-container.fitler-sort-bar-wrapper .top-pagination .pagination .prev.disable { opacity: 1 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn { font-size:1rem; width: auto; border-radius: 10px } } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn:hover { background: #b0263a } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn.active,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn:active,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn:focus { background: #b10f26 } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn.disabled,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .filter-sort-bar-container.destinations-ports { padding-bottom: 20px; background: transparent } .filter-sort-bar-container.destinations-ports .port-tile-container .title { padding-top: 15px; font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .filter-sort-bar-container.destinations-ports .port-tile-container .title { font-size:1.375rem; line-height: 1.363 } } .filter-sort-bar-container.destinations-ports .port-tile-container .content-holder { min-height: 90px } .filter-sort-bar-container .filter-sort-bar-main { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #002776 } .filter-sort-bar-container .filter-sort-bar-main .results-count { font-family: GreycliffCF-bold; padding: 15px 0 } .filter-sort-bar-container .filter-sort-bar-main .content-wrapper { border-top: 1px solid hsla(0, 0%, 65%, .5) } .filter-sort-bar-container .filter-sort-bar-main .filters { padding: 15px 0 } .filter-sort-bar-container .filter-sort-bar-main .select:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E926"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .filter-sort-bar-container .filter-sort-bar-main .select:after { font-size:1.125rem } } .filter-sort-bar-container .filter-sort-bar-main .select:after { vertical-align: middle } .filter-sort-bar-container .filter-sort-bar-main .select.active:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92A"; font-size: 0.5rem; font-size: .5rem; vertical-align: middle } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .select:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E926"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .select:after { font-size:1.125rem } } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .select.active:after { content: "\E92A" } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .select.active:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn:after { content: "\E926"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn:after { font-size:1.125rem } } .filter-sort-bar-container .filter-container.open,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container.open { background: #fff } .filter-sort-bar-container .filter-container .filter-head,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head { border-bottom: 1px solid hsla(0, 0%, 65%, .5); background: #fff } .filter-sort-bar-container .filter-container .filter-head span,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head span { color: #002776; font-size: 0.875rem; font-size: .875rem; line-height: 1; border-left: 1px solid hsla(0, 0%, 65%, .5) } .filter-sort-bar-container .filter-container .filter-head h4:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head h4:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E929"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .filter-sort-bar-container .filter-container .filter-head h4:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head h4:before { font-size:1.125rem } } .filter-sort-bar-container .filter-container .filter-head h4:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-head h4:before { width: 15px; height: 12px; color: #002776 } .filter-sort-bar-container .filter-container .filter-content,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-content { background: transparent } .filter-sort-bar-container .filter-container .item,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item { border-bottom: 1px solid transparent } .filter-sort-bar-container .filter-container .content button,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .content button { background: #e3e2e8; border: none; color: #002776; font-family: Praxis-regular; font-size: 0.875rem; font-size: .875rem; position: relative; padding-right: 35px; padding-left: 10px } .filter-sort-bar-container .filter-container .content button.disabled,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .content button.disabled { background: #fff; color: transparent; pointer-events: none; border: 1px solid #011949 } .filter-sort-bar-container .filter-container .content button.selected,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .content button.selected { background: #002776; color: #fff } .filter-sort-bar-container .filter-container .content button.selected:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .content button.selected:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; position: absolute; right: 8px; top: 54%; margin-top: -8px; font-size: 0.75rem; font-size: .75rem } .filter-sort-bar-container .filter-container .cta-holder .btn-secondary,.filter-sort-bar-container .filter-container .head,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .cta-holder .btn-secondary,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .head { background: transparent; font-family: Praxis-regular; letter-spacing: 0.0625rem; letter-spacing: .0625rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .filter-sort-bar-container .filter-container .head,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .head { color: #666; font-size: 0.875rem; font-size: .875rem; border-bottom: 1px solid hsla(0, 0%, 65%, .5) } .filter-sort-bar-container .filter-container .item .head:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item .head:after { color: #002776 } .filter-sort-bar-container .filter-container .item.open .head,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item.open .head { border-bottom: none } .filter-sort-bar-container .filter-container .item.open .head:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item.open .head:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E931" } .filter-sort-bar-container .filter-container .item.open .content,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item.open .content { border-bottom: 1px solid hsla(0, 0%, 65%, .5) } .review-activities .review-detail-tile { border-bottom: 1px solid #a6b4cf } .review-activities .review-detail-tile:first-child { border-top: 1px solid #a6b4cf } @media (min-width: 481px) { .filter-sort-bar-container .tile-detail { margin-left:14px; margin-right: 14px; width: 40%; vertical-align: text-top; display: inline-block } .filter-sort-bar-container .shores .shore-x-tile { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .filter-sort-bar-container .shore-detail-tile .tile-details-container { min-height: 300px } } @media (min-width: 768px) { .filter-sort-bar-container,.filter-sort-bar-container.fitler-sort-bar-wrapper { font-size:1rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container,.filter-sort-bar-container .onboard-activities.tiles-container { padding: 0 32px 10px } .filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container,.filter-sort-bar-container .tiles-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile .cta-container,.filter-sort-bar-container .onboard-activity-tile .cta-container { padding-top: 18px } .filter-sort-bar-container.fitler-sort-bar-wrapper .review-activities,.filter-sort-bar-container .review-activities { margin-top: 0 } .filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.large-view,.filter-sort-bar-container .sort-dropdown.large-view { border-left: 1px solid transparent; padding: 15px 0 15px 30px; float: left } .filter-sort-bar-container .filter-sort-bar-main .results-count,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .results-count { top: -3px; border-right: none; padding-right: 30px } .filter-sort-bar-container .dropdown-btn,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn { font-size: 1rem; width: 280px; padding: 0 } .filter-sort-bar-container .action-bar,.filter-sort-bar-container.fitler-sort-bar-wrapper .action-bar { padding: 40px 18px } .filter-sort-bar-container .dropdown-list,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-list { padding: 0 20px; margin: 0 } .filter-sort-bar-container .filter-sort-bar-main .pagination .pages,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .pagination .pages { margin: 0 36px } .filter-sort-bar-container .filter-sort-bar-main .filters,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .filters { margin-top: -4px } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages span.current-page,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages span.total-pages,.filter-sort-bar-container .pagination .pages span.current-page,.filter-sort-bar-container .pagination .pages span.total-pages { font-size: 1.375rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .pagination-svp,.filter-sort-bar-container .pagination-svp { margin-top: 5px } .filter-sort-bar-container .dropdown-toggle,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-toggle { color: #666; font-family: Praxis-regular } .filter-sort-bar-container .filter-container .head,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .head { font-size: 1.125rem } .filter-sort-bar-container .filter-container .content button,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .content button { font-size: 1rem } .filter-sort-bar-container.fitler-sort-bar-wrapper .tile-detail,.filter-sort-bar-container .tile-detail { display: inline-block; width: calc(50% - 40px); margin: 0 20px 40px } .filter-sort-bar-container.fitler-sort-bar-wrapper .shore-detail-tile .tile-details-container,.filter-sort-bar-container .shore-detail-tile .tile-details-container { width: 360px } .filter-sort-bar-container .dropdown-btn:after,.filter-sort-bar-container .filter-sort-bar-main .select:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .select:after { -webkit-transform: translateY(-50%); transform: translateY(-50%) } .filter-sort-bar-container.fitler-sort-bar-wrapper .shore-x-tile h3.title,.filter-sort-bar-container .shore-x-tile h3.title { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: 0; min-height: 65px } .filter-sort-bar-container .cta-holder .btn-secondary:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .cta-holder .btn-secondary:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .reset-filter-svp .btn-secondary:before,.filter-sort-bar-container .reset-filter-svp .btn-secondary:before { height: 20px } .filter-sort-bar-container.destinations-ports { padding: 0 0 20px } .filter-sort-bar-container.destinations-ports .title { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } } @media (min-width: 768px) and (min-width:768px) { .filter-sort-bar-container.destinations-ports .title { font-size:1.375rem; line-height: 1.363 } } @media (min-width: 768px) { .filter-sort-bar-container.destinations-ports .filter-sort-bar-main .content-wrapper { padding-bottom:0 } .filter-sort-bar-container .filter-sort-bar-main .content-wrapper { -webkit-box-shadow: none; box-shadow: none; border-top: none; margin-bottom: 34px; padding: 5px 50px 0 } } @media (min-width: 1025px) { .filter-sort-bar-container.destinations-ports .filter-sort-bar-main .pagination,.filter-sort-bar-container .filter-sort-bar-main .pagination,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .pagination { margin-right:290px } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main,.filter-sort-bar-container .filter-sort-bar-main,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main:before,.filter-sort-bar-container .filter-sort-bar-main:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main:before { content: ""; display: table } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main:after,.filter-sort-bar-container .filter-sort-bar-main:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main:after { content: ""; display: table; clear: both } } @media (min-width: 1025px) and (min-width:768px) { .filter-sort-bar-container.destinations-ports .filter-sort-bar-main,.filter-sort-bar-container .filter-sort-bar-main,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) and (min-width:1025px) { .filter-sort-bar-container.destinations-ports .filter-sort-bar-main,.filter-sort-bar-container .filter-sort-bar-main,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main { padding-left:40px; padding-right: 40px } } @media (min-width: 1025px) { .filter-sort-bar-container.destinations-ports .sort-dropdown .open,.filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown .open,.filter-sort-bar-container .sort-dropdown .open { background:#fff } .filter-sort-bar-container.destinations-ports .sort-dropdown .open .dropdown-toggle:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown .open .dropdown-toggle:after,.filter-sort-bar-container .sort-dropdown .open .dropdown-toggle:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92A" } .filter-sort-bar-container.destinations-ports .dropdown-menu,.filter-sort-bar-container .dropdown-menu,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-menu { background: #fff; border: 1px solid #a6b4cf; left: 0; z-index: 101; overflow: auto; border-top: none } .filter-sort-bar-container .custom-dropdown-wrapper .dropdown-menu,.filter-sort-bar-container.destinations-ports .custom-dropdown-wrapper .dropdown-menu,.filter-sort-bar-container.fitler-sort-bar-wrapper .custom-dropdown-wrapper .dropdown-menu { width: 99.3% } .filter-sort-bar-container.destinations-ports .dropdown-menu.hide,.filter-sort-bar-container .dropdown-menu.hide,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-menu.hide { display: none } .filter-sort-bar-container.destinations-ports .sort-dropdown.large-view,.filter-sort-bar-container.fitler-sort-bar-wrapper .sort-dropdown.large-view,.filter-sort-bar-container .sort-dropdown.large-view { padding: 0 } .filter-sort-bar-container.destinations-ports .dropdown-toggle,.filter-sort-bar-container .dropdown-toggle,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-toggle { padding: 15px 17px 15px 30px; color: #002776; font-family: Praxis-regular; font-size: 1rem } .filter-sort-bar-container.destinations-ports .dropdown-value,.filter-sort-bar-container .dropdown-value,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-value { font-family: GreycliffCF-bold; text-decoration: underline; margin-left: 5px } .filter-sort-bar-container.destinations-ports .dropdown-toggle:after,.filter-sort-bar-container .dropdown-toggle:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-toggle:after { right: 5px } .filter-sort-bar-container.destinations-ports .dropdown-menu .dropdown-item,.filter-sort-bar-container .dropdown-menu .dropdown-item,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-menu .dropdown-item { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .filter-sort-bar-container.destinations-ports .dropdown-menu .dropdown-item,.filter-sort-bar-container .dropdown-menu .dropdown-item,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-menu .dropdown-item { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .filter-sort-bar-container.destinations-ports .dropdown-menu .dropdown-item,.filter-sort-bar-container .dropdown-menu .dropdown-item,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-menu .dropdown-item { padding:15px } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main .content-wrapper,.filter-sort-bar-container .filter-sort-bar-main .content-wrapper,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .content-wrapper { margin-bottom: 0; padding: 0 0 19px 20px } .filter-sort-bar-container.destinations-ports .tiles-container,.filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container,.filter-sort-bar-container .tiles-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .filter-sort-bar-container.destinations-ports .tiles-container:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container:before,.filter-sort-bar-container .tiles-container:before { content: ""; display: table } .filter-sort-bar-container.destinations-ports .tiles-container:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container:after,.filter-sort-bar-container .tiles-container:after { content: ""; display: table; clear: both } } @media (min-width: 1025px) and (min-width:768px) { .filter-sort-bar-container.destinations-ports .tiles-container,.filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container,.filter-sort-bar-container .tiles-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) and (min-width:1025px) { .filter-sort-bar-container.destinations-ports .tiles-container,.filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container,.filter-sort-bar-container .tiles-container { padding-left:40px; padding-right: 40px } } @media (min-width: 1025px) { .filter-sort-bar-container.destinations-ports .pagination .pages span.current-page,.filter-sort-bar-container.destinations-ports .pagination .pages span.total-pages,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages span.current-page,.filter-sort-bar-container.fitler-sort-bar-wrapper .pagination .pages span.total-pages,.filter-sort-bar-container .pagination .pages span.current-page,.filter-sort-bar-container .pagination .pages span.total-pages { font-size:1rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main .results-count,.filter-sort-bar-container .filter-sort-bar-main .results-count,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .results-count { top: -3px } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main .pagination,.filter-sort-bar-container .filter-sort-bar-main .pagination,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .pagination { margin-top: -10px } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main .filters,.filter-sort-bar-container .filter-sort-bar-main .filters,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .filters { margin-top: 0; padding-right: 0; margin-right: 20px } .filter-sort-bar-container.destinations-ports .dropdown-btn .sort-by-label,.filter-sort-bar-container .dropdown-btn .sort-by-label,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn .sort-by-label { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 260px } .filter-sort-bar-container.destinations-ports .dropdown-btn,.filter-sort-bar-container .dropdown-btn,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-btn { padding: 15px 0 15px 30px; width: 290px } .filter-sort-bar-container.destinations-ports .onboard-activity-tile,.filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activity-tile,.filter-sort-bar-container .onboard-activity-tile { width: 100% } .filter-sort-bar-container.destinations-ports .tile-detail,.filter-sort-bar-container.fitler-sort-bar-wrapper .tile-detail,.filter-sort-bar-container .tile-detail { width: calc(33.33% - 40px); margin: 0 20px 40px } .filter-sort-bar-container.destinations-ports .onboard-activities.tiles-container,.filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container,.filter-sort-bar-container .onboard-activities.tiles-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .filter-sort-bar-container.destinations-ports .onboard-activities.tiles-container:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container:before,.filter-sort-bar-container .onboard-activities.tiles-container:before { content: ""; display: table } .filter-sort-bar-container.destinations-ports .onboard-activities.tiles-container:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container:after,.filter-sort-bar-container .onboard-activities.tiles-container:after { content: ""; display: table; clear: both } } @media (min-width: 1025px) and (min-width:768px) { .filter-sort-bar-container.destinations-ports .onboard-activities.tiles-container,.filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container,.filter-sort-bar-container .onboard-activities.tiles-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) and (min-width:1025px) { .filter-sort-bar-container.destinations-ports .onboard-activities.tiles-container,.filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container,.filter-sort-bar-container .onboard-activities.tiles-container { padding-left:40px; padding-right: 40px } } @media (min-width: 1025px) { .filter-sort-bar-container.destinations-ports .onboard-activities.tiles-container,.filter-sort-bar-container.fitler-sort-bar-wrapper .onboard-activities.tiles-container,.filter-sort-bar-container .onboard-activities.tiles-container { padding-top:10px } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main:after,.filter-sort-bar-container.destinations-ports .filter-sort-bar-main:before,.filter-sort-bar-container.destinations-ports .tiles-container:after,.filter-sort-bar-container.destinations-ports .tiles-container:before,.filter-sort-bar-container .filter-sort-bar-main:after,.filter-sort-bar-container .filter-sort-bar-main:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main:before,.filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container:after,.filter-sort-bar-container.fitler-sort-bar-wrapper .tiles-container:before,.filter-sort-bar-container .tiles-container:after,.filter-sort-bar-container .tiles-container:before { width: 100% } .filter-sort-bar-container.destinations-ports.fitler-sort-bar-wrapper .custom-dropdown-wrapper.open .dropdown-toggle,.filter-sort-bar-container.fitler-sort-bar-wrapper .custom-dropdown-wrapper.open .dropdown-toggle,.filter-sort-bar-container.fitler-sort-bar-wrapper.fitler-sort-bar-wrapper .custom-dropdown-wrapper.open .dropdown-toggle { border: 1px solid #a6b4cf } .filter-sort-bar-container .filter-container .head,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .head { font-size: 1rem } .filter-sort-bar-container .filter-container .filter-content,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .filter-content { -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff } .filter-sort-bar-container.destinations-ports,.filter-sort-bar-container.fitler-sort-bar-wrapper { padding: 20px 0 } .filter-sort-bar-container.destinations-ports .port-tile-container .title,.filter-sort-bar-container.fitler-sort-bar-wrapper .port-tile-container .title { font-size: 1rem } .filter-sort-bar-container.destinations-ports .filter-sort-bar-main .content-wrapper,.filter-sort-bar-container.fitler-sort-bar-wrapper .filter-sort-bar-main .content-wrapper { padding-bottom: 20px } .filter-sort-bar-container.destinations-ports .results-count,.filter-sort-bar-container.fitler-sort-bar-wrapper .results-count { margin-right: 30px } .filter-sort-bar-container.destinations-ports .dropdown-toggle,.filter-sort-bar-container.fitler-sort-bar-wrapper .dropdown-toggle { padding-left: 15px; border: 1px solid transparent; border-left: 1px solid #a6b4cf } .filter-sort-bar-container.fitler-sort-bar-wrapper .shores { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .filter-sort-bar-container.fitler-sort-bar-wrapper .ports.tiles-container { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .filter-sort-bar-container.fitler-sort-bar-wrapper .filter-container .item.open .content { max-height: 350px; overflow: auto } } .multiple-conatiner { margin: 0 auto } .multiple-conatiner .ship-webcam-conatiner { max-height: 550px } .multiple-conatiner .ship-webcam-conatiner,.multiple-conatiner .ship-webcam-conatiner .webcam-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .multiple-conatiner .ship-webcam-conatiner .webcam-container { -webkit-box-sizing: border-box; box-sizing: border-box; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .multiple-conatiner .ship-webcam-conatiner .webcam-container .image-container,.multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container,.multiple-conatiner .ship-webcam-conatiner .webcam-container .location-info { display: inline-block; width: 100% } .multiple-conatiner .ship-webcam-conatiner .webcam-container .image-container { max-width: 220px; margin: auto; width: auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px; padding-bottom: 30px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .content { text-align: center; width: 80%; margin: 0 auto } .multiple-conatiner .ship-webcam-conatiner .webcam-container .tmw-section,.multiple-conatiner .ship-webcam-conatiner .webcam-container .today-section { width: 50%; float: left } .multiple-conatiner .ship-webcam-conatiner .webcam-container .tmw-section *,.multiple-conatiner .ship-webcam-conatiner .webcam-container .today-section * { margin: 0 } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map,.multiple-conatiner .ship-webcam-conatiner .webcam-container .tmw-section .tommorow-location,.multiple-conatiner .ship-webcam-conatiner .webcam-container .today-section .today-location { padding-top: 10px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map-link { margin: 0; background-color: transparent; border-style: hidden; margin-bottom: 15px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .ship-heading { margin: 20px 0; margin-top: 0 } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .location-info { padding-bottom: 30px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .today-section { position: relative; padding-right: 20px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .tmw-section { position: relative; padding-left: 20px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .location-info .today-section:after { content: ""; display: block; height: 30px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .multiple-conatiner .hide { display: none } .multiple-conatiner .show { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .multiple-conatiner .map-container { position: relative; min-height: 550px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .multiple-conatiner .map-container .image-lazy-loader img { max-height: 550px } .multiple-conatiner .map-container .close-map { position: absolute; width: 40px; height: 40px; right: 10px; top: 20px; background-color: transparent; border-style: hidden } @media (min-width: 768px) { .multiple-conatiner button { cursor:pointer } .multiple-conatiner .ship-webcam-conatiner { min-height: 650px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .location-info .today-section:after { height: 40px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .location-info { padding-bottom: 30px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map { padding-top: 0; padding-bottom: 30px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .image-container { max-width: 290px; padding-bottom: 40px; margin: 0 auto } .multiple-conatiner .show { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .multiple-conatiner .hide { display: none } .multiple-conatiner .map-container { min-height: 650px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .multiple-conatiner .map-container .close-map { right: 25px; top: 25px } } @media (min-width: 1025px) { .multiple-conatiner .ship-webcam-conatiner { min-height:450px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .hide { display: none } .multiple-conatiner .ship-webcam-conatiner .webcam-container { -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; width: 100%; min-height: 450px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .image-container { width: 40%; margin: 0; padding: 20px 60px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .content { text-align: center; width: 100% } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container { width: 60%; padding: 40px 50px; -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; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .content { margin: 0 auto } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .ship-heading { margin: 10px 0 } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .location-info { padding-bottom: 20px } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map { padding-bottom: 0 } .multiple-conatiner .ship-webcam-conatiner .webcam-container.right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .multiple-conatiner .map-container { min-height: 450px } .multiple-conatiner .map-container .image-lazy-loader img { max-height: 450px } .multiple-conatiner .map-container .close-map { top: 25px } } .multiple-conatiner { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .multiple-conatiner:before { content: ""; display: table } .multiple-conatiner:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .multiple-conatiner { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .multiple-conatiner { padding-left:40px; padding-right: 40px } } .multiple-conatiner { padding-right: 0; padding-left: 0 } .multiple-conatiner .ship-webcam-conatiner .webcam-container { background-color: #f7f7f7 } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container { font-size:1.125rem; line-height: 1.555 } } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container { color: #002776 } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map-link { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map-link { font-size:1.125rem; border-radius: 15px } } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map-link { color: #0076ce; border: none; padding: 10px 15px 10px 0; text-decoration: none } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map-link:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map-link:after { font-size:1.125rem } } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map-link:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .explore-map-link { padding-right: 0; padding-top: 0; border-radius: 0 } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .ship-heading { font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .ship-heading { font-size:2.5rem; line-height: 1.25 } } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .cruise-name { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .cruise-name { font-size:1.375rem; line-height: 1.363 } } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .today-location { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .today-location { font-size:1.375rem; line-height: 1.363 } } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .tommorow-location { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .tommorow-location { font-size:1.375rem; line-height: 1.363 } } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .today-label,.multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .tommorow-label { text-transform: uppercase } .multiple-conatiner .ship-webcam-conatiner .webcam-container .info-container .location-info .today-section:after { border-right: 1px solid #ccc } .multiple-conatiner .map-container .image-lazy-loader img { background-color: #f7f7f7 } .multiple-conatiner .map-container .close-map { background-color: #666; border-radius: 50%; opacity: .7 } .multiple-conatiner .map-container .close-map:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; font-size: 24px; font-size: 1.5rem; color: #fff; opacity: .8; vertical-align: middle } @media (min-width: 1025px) { .multiple-conatiner { padding:0 85px } .multiple-conatiner .ship-webcam-conatiner .webcam-container { border: 1px solid #ccc } .multiple-conatiner .ship-webcam-conatiner .webcam-container .image-container { background-color: #fff } } .offers-ribbon .special-offer-btn { padding: 10px; cursor: pointer } .offers-ribbon .offers-icon,.offers-ribbon .offers-label { display: inline-block; float: left } .offers-ribbon .offers-icon { width: 12px; height: 12px; margin-right: 4px; position: relative; top: 2px } .offers-ribbon .special-offer-btn { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 36px; position: relative } .offers-ribbon .special-offer-btn:after,.offers-ribbon .special-offer-btn:before { position: absolute; display: block; top: 0 } .offers-ribbon .special-offer-btn:before { left: -9px } .offers-ribbon .special-offer-btn:after { right: -9px } .book-now-container { text-align: center; padding: 10px } .book-now-container .book-now-cta-holder { display: inline-block; width: 48%; text-align: center; vertical-align: middle; float: none; padding-left: 2% } .book-now-container .book-now-cta span { display: inline-block } .book-now-container .price-info-container { vertical-align: middle; display: inline-block; width: 50%; text-align: center } .book-now-container .price-group { white-space: nowrap } .book-now-container .price-group>div { display: inline-block; vertical-align: middle; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .book-now-container .price-group .price-avg { max-width: 50px; white-space: normal; text-align: left } .book-now-container .price-group .price-from { display: block } .book-now-container .tnc-cta p { margin: 0 } .book-now-container .tnc-lgvp { display: none } .book-now-container .price-info-container .tnc-cta { display: block } .book-now-container.is-sold-out .price-info-container .tnc-cta { display: none } .book-now-container.has-call-now { padding-right: 0 } @media (min-width: 768px) { .book-now-container { position:relative; padding-left: 11px; padding-right: 32px } .book-now-container .book-now-cta-holder,.book-now-container .price-info-container { width: auto } } @media (min-width: 1025px) { .book-now-container { padding-left:1.35vw; padding-right: 2.16vw; padding-top: 20px } .book-now-container .price-info { margin-right: 1.69vw } .book-now-container .price-group { padding: 4px 0 0 } .book-now-container .tnc-cta a { text-decoration: underline } .book-now-container .price-group .price-avg { max-width: 25px } .book-now-container .price-group .price-value { margin-right: 5px } .book-now-container .price-info-container { max-width: none } .book-now-container .tnc-lgvp { display: block } .book-now-container .price-info-container .tnc-cta { display: none } .book-now-container .book-now-cta-holder,.book-now-container .price-info-container { width: auto } } @media (min-width: 1281px) { .book-now-container { padding-left:20px; padding-right: 60px } .book-now-container .price-info { margin-right: 25px } } .utility-navigation-bar { display: inline-block; z-index: 10; float: right } .utility-navigation-bar .nav-bar-container { display: none; overflow-y: scroll; position: fixed; top: 0; bottom: 0; right: -100%; width: 100%; z-index: 1000 } .utility-navigation-bar .nav-bar-container.drawer-open { right: 0; display: block; -webkit-animation: .5s searchRightToLeft; animation: .5s searchRightToLeft } .utility-navigation-bar .nav-drawer-button { height: 100% } .utility-navigation-bar .nav-drawer-button .utility-nav-toggle { height: 100%; line-height: 0; padding: 0 17px 0 0; border: none; background: none } .utility-navigation-bar .nav-bar-container .nav-drawer-header { height: 56px } .utility-navigation-bar .nav-drawer-header .close-drawer-container { float: right; height: 100% } .utility-navigation-bar .close-drawer-container .close-btn { height: 100%; line-height: 0; padding: 0 18px 0 0; border: none; background: none } @media (min-width: 768px) { .utility-navigation-bar .nav-drawer-button .utility-nav-toggle { padding-right:32px } .utility-navigation-bar .dropdown .action-bar,.utility-navigation-bar .nav-bar-container .nav-drawer-header { height: 90px } } @media (min-width: 1025px) { .utility-navigation-bar { display:block; -webkit-animation: .5s showUtilNavBar; animation: .5s showUtilNavBar } .utility-navigation-bar.hide-bar { overflow: hidden; -webkit-animation: none; animation: none } .utility-navigation-bar .nav-bar-container { position: relative; bottom: auto; right: auto; display: block; overflow: visible; max-width: 1280px; margin: 0 auto; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box } .utility-navigation-bar .utility-nav-container { height: 45px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: height .26s ease; transition: height .26s ease } .utility-navigation-bar .utility-nav-container .nav { margin: 0 } .utility-navigation-bar .utility-nav-container .custom-dropdown-wrapper .dropdown-toggle { cursor: pointer } .utility-navigation-bar .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu .dropdown-item { padding: 9px 41px } .utility-navigation-bar .utility-nav-container .nav-item.phone .nav-link-desc.no-desc { display: none } body:not(.has-summary-module) .utility-navigation-bar.hide-bar .utility-nav-container { height: 0 } @-webkit-keyframes showUtilNavBar { 0% { overflow: hidden } to { overflow: visible } } @keyframes showUtilNavBar { 0% { overflow: hidden } to { overflow: visible } } } .login-container .guest-section-container { margin-top: 0 } .login-container .login-form { margin-bottom: 25px } .login-container .validate-submit .remember-me { font-size: 0.75rem; font-size: .75rem } .login-container .login-signup { padding: 0 10px } .login-container .login-signup.logged-info { padding: 20px } .login-container .form-header .heading { margin: 0; margin-bottom: 10px } .login-container .info-section a { text-decoration: none } .login-container .form-header .header-description { margin: 0; padding: 0 0 15px } .login-container .info input,.login-container .info select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 50px; padding-left: 15px; outline: none } .login-container .checkbox { display: inline-block } .login-container .line { width: 45px; display: inline-block; margin-bottom: 5px } .login-container .line.previous { margin-right: 10px } .login-container .line.next { margin-left: 10px } .login-container .signup-link { margin: 0; padding: 4px 0 15px } .login-container .remember-me { margin: 0; padding: 0; position: relative } .login-container .remember-me input[type=checkbox] { margin-right: 10px; vertical-align: sub } .login-container .forgot-password { margin: 0; padding: 1px 0 5px; margin-bottom: 10px } .login-container .forgot-password a { text-decoration: none } .login-container .error-label { margin: 0; padding-top: 5px } .login-container .no-error-label { display: none } .login-container .submit { padding: 5px 0 } .login-container .submit input { height: 50px } .login-container .signup { font-size: 0.875rem; font-size: .875rem; margin-top: 25px } .login-container .or-text { width: 155px; margin: 0 auto } .login-container .continue-btn { width: 100%; padding-top: 35px } .login-container .btn-cta-primary { display: block; padding: 17px 30px } .login-container .guest-section { padding-top: 15px } .login-container .guest-section .heading { margin: 0; margin-bottom: 10px } .login-container .guest-section .header-description { margin: 0; padding: 0 0 6px } .login-container .cas-form.hide { display: none; visibility: hidden } .login-container .loading { left: 0 } .login-container .session-time-out-error { text-align: center } .login-container .session-time-out-error span { display: inline-block; margin-bottom: 25px } .login-container .session-time-out-error span:before { content: ""; width: 22px; height: 22px; display: inline-block; margin-right: 15px; vertical-align: top; position: relative; top: 3px } .login-container .info select { background-color: inherit } .login-container .input-field,.login-container .input-field:focus { font-size: 16px; font-size: 1rem } .error-wrap { padding: 0 0 18px } .error-wrap .error-heading { margin: 0; margin-top: -5px } .error-wrap .error-holder { margin-top: -5px } .error-wrap ul { margin: 0; line-height: 18px; line-height: 1.125rem; padding-left: 16px } .error-wrap.hide,.error-wrap .hide { display: none } .error-wrap ul p { margin: 0 } @media (min-width: 768px) { .login-container .login-signup { overflow:hidden; padding: 0 10px } .login-container .info input,.login-container .info select { height: 55px } .login-container .remember-me { padding-bottom: 9px } .login-container .btn-cta-primary { padding: 20px 41px } .login-container .signup-link { padding: 18px 0 15px } .login-container .submit input { padding: 20px 40px; height: 57px } .login-container .guest-section { padding-top: 0 } .login-container .continue-btn { display: inline-block; padding: 15px 0 } } @media (min-width: 1025px) { .login-container .login-signup { max-width:800px; margin: 0 auto; padding-left: 25px } .login-container .session-time-out-error span { margin-bottom: 40px } .login-container .input-field,.login-container .input-field:focus { font-size: 1.125rem } } @media (min-width: 768px) { .login-container .guest-section-container { display:inline-block; width: 35%; float: left; margin-top: 0 } .login-container .validate-submit .remember-me { font-size: 1rem } .login-container .guest-section .header-description { padding: 2px 0 6px } .login-container .form-header .header-description { padding: 2px 0 20px } .login-container .signup { margin-top: 50px; margin-bottom: 0 } .login-container .signup-link { padding: 30px 0 15px } .login-container [type=checkbox]:checked+label:before,.login-container [type=checkbox]:not(:checked)+label:before { width: 21px; height: 21px } .login-container .login-form { display: inline-block; width: 36%; float: left; margin-bottom: 0 } .login-container .or-text { width: 0; padding: 0 15% 0 11%; float: left; margin-top: 25px } .login-container .line { height: 90px; display: block } .login-container .line.previous { margin-left: -30px; margin-bottom: 10px } .login-container .line.next { margin-left: -30px; margin-top: 10px } .login-container .submit { padding: 15px 0 } .login-container .continue-btn,.login-container .submit input { width: auto } } .login-drawer-container .login-drawer-caller { padding-right: 0 } .login-drawer-container .login-drawer-caller:before { display: inline-block; position: relative; width: 12px; height: 12px; margin-right: 9px } .login-drawer-container .login-drawer-component { cursor: pointer; text-decoration: underline } .login-drawer { max-width: 355px; margin: 15px auto 5px } .login-drawer .arrow-up { width: 0; height: 0; margin-left: calc(50% - 8px) } .login-drawer .login-container .form-header .header-description,.login-drawer .login-container .form-header .heading,.login-drawer .login-container .guest-section-container { display: none } .login-drawer .login-container .login-signup { padding: 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box } .login-drawer .login-container .login-signup.logged-info { padding: 5px 0 } .login-drawer .login-container .login-form { width: 100% } .login-drawer .login-container .submit .header-description { display: inline-block } .login-drawer .info-section { overflow: hidden } .login-drawer .login-container .or-text { display: none } .login-drawer .extra-section p.forgot-password { margin-bottom: 20px } @media (min-width: 768px) { .login-drawer { max-width:705px } .login-drawer .login-container .login-signup { max-width: 610px } .login-drawer .login-container .submit .header-description { padding: 0 10px } .login-drawer .info-section .info { float: left; width: 290px; margin-right: 30px } .login-drawer .extra-section { display: inline-block; float: left; margin-bottom: 30px } .login-drawer .extra-section p { float: left; width: 290px; padding: 0; text-align: left } .login-drawer .extra-section p.forgot-password { padding: 0; margin-bottom: 0 } .login-drawer .extra-section p:first-child { margin-left: 30px } .login-drawer .info-section .info:last-child { margin-right: 0 } .login-drawer .login-container .info-section .info:first-child { margin-bottom: 10px } .login-drawer .member-login-section .info { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 15px } .login-drawer .member-login-section .section-left .lastname { padding-right: 0 } .login-drawer .login-container .section-left .info { width: 50%; display: inline-block } .login-drawer .login-container .section-left input { width: 100% } .login-drawer .login-container .section-right .info { width: 33.3%; display: inline-block; margin-right: 0 } .login-drawer .login-container .section-right .year { padding-right: 0 } .login-drawer .member-login-section .submit { display: block } .login-drawer .extra-section p:first-child { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0 } .login-drawer .extra-section .remember-me { padding-left: 40px; -webkit-box-sizing: border-box; box-sizing: border-box } .login-drawer-container .title-wrapper { padding: 0 100px } } @media (min-width: 1025px) { .login-drawer,.login-drawer .login-container .login-signup { max-width:100% } .login-drawer .login-container .login-form { max-width: 800px; margin: auto; float: none } .login-drawer .login-container .submit .header-description { padding: 0 10px } .login-drawer .info-section .info { float: left; width: 290px; margin-right: 30px } .login-drawer .info-section .info:last-child { margin-right: 0 } } .login-container { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .login-container:after,.login-container:before { content: ""; display: table } .login-container:after { clear: both } @media (min-width: 768px) { .login-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .login-container { padding-left:40px; padding-right: 40px } } .login-container .form-header .heading { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .login-container .form-header .heading { font-size:1.875rem; line-height: 1.333 } } .login-container .or-text { margin-bottom: 8px; text-align: center } .login-container .guest-section-container { margin-bottom: 50px } .login-container .continue-btn { padding-top: 13px } .login-container .loading { background: #fff; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .loading { font-size:1rem; line-height: 1.625 } } .login-container .loading { position: fixed; width: 100%; z-index: 999999999; opacity: .8; top: 0; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .login-container .loading.show { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0 } .login-container .loading.hide { display: none } .login-container .loading .loading-icon { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/loading-icon.gif) no-repeat; width: 100px; height: 100px; display: inline-block; background-size: contain } .login-container .form-header .header-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .form-header .header-description { font-size:1.125rem; line-height: 1.555 } } .login-container .form-header .header-description { color: transparent; padding: 0 0 5px } .login-container .form-header .header-description p { margin-bottom: 10px } .login-container .form-header .login-label,.login-container .form-header .login-type { display: none } .login-container .line { border-top: 1px solid #a7a7a7; opacity: .5; margin-bottom: 3px } .login-container .signup-link { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .signup-link { font-size:1rem; line-height: 1.625 } } .login-container .signup-link,.login-container .signup-link a { color: #666 } .login-container .remember-me { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .remember-me { font-size:.875rem; line-height: 1.5rem } } .login-container .remember-me input[type=checkbox] { width: 18px; height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #011949; -webkit-appearance: none; -moz-appearance: none; appearance: none } .login-container .remember-me input[type=checkbox]:checked { background-color: #011949; background-repeat: no-repeat; background-position: 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTAwMEE2RjQ5RDcxMUU3OUZDOTk2MzFEMjRGQkIxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTAwMEE3MDQ5RDcxMUU3OUZDOTk2MzFEMjRGQkIxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MDAwQTZENDlENzExRTc5RkM5OTYzMUQyNEZCQjFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1MDAwQTZFNDlENzExRTc5RkM5OTYzMUQyNEZCQjFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aRmorgAAAH1JREFUeNpi/P//PwOxgIkINcxAPB+IXzKATMaD2YB43X8I6MenkAuIN0EVdoCdCySYcCjcB1VYBRMHEa+AeDEQM0MF+YH4GFRhMbIhIKIfKrEeiKWA+CSUn4luI4zRAVXwHYj/AnEsNn8gcyqA+AcQh+PyNCO1IwUOAAIMAJp4AnrArZaYAAAAAElFTkSuQmCC); color: transparent } .login-container .remember-me input[type=checkbox]:checked::-ms-check { background-color: #011949; background-repeat: no-repeat; background-position: 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTAwMEE2RjQ5RDcxMUU3OUZDOTk2MzFEMjRGQkIxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTAwMEE3MDQ5RDcxMUU3OUZDOTk2MzFEMjRGQkIxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MDAwQTZENDlENzExRTc5RkM5OTYzMUQyNEZCQjFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1MDAwQTZFNDlENzExRTc5RkM5OTYzMUQyNEZCQjFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aRmorgAAAH1JREFUeNpi/P//PwOxgIkINcxAPB+IXzKATMaD2YB43X8I6MenkAuIN0EVdoCdCySYcCjcB1VYBRMHEa+AeDEQM0MF+YH4GFRhMbIhIKIfKrEeiKWA+CSUn4luI4zRAVXwHYj/AnEsNn8gcyqA+AcQh+PyNCO1IwUOAAIMAJp4AnrArZaYAAAAAElFTkSuQmCC); color: transparent } .login-container .remember-me input[type=checkbox]:invalid { -webkit-box-shadow: none; box-shadow: none } .login-container .remember-me input[type=checkbox] { border-color: #002776 } .login-container .forgot-password { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .forgot-password { font-size:1.125rem; line-height: 1.555 } } .login-container .forgot-password { border-bottom: none; text-decoration: underline } .login-container .forgot-password a { color: #002776 } .login-container .forgot-username { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .forgot-username { font-size:1rem; line-height: 1.625 } } .login-container .forgot-username { color: transparent } .login-container .forgot-username a { color: transparent; border-bottom: 1px solid transparent } .login-container .error-label { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .error-label { font-size:.875rem; line-height: 1.5rem } } .login-container .error-label { color: transparent } .login-container .submit { padding-bottom: 0; margin-top: 12px } .login-container .submit input { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .login-container .submit input { font-size:1rem; width: auto; border-radius: 10px } } .login-container .submit input:hover { background: #b0263a } .login-container .submit input.active,.login-container .submit input:active,.login-container .submit input:focus { background: #b10f26 } .login-container .submit input.disabled,.login-container .submit input[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .login-container .or-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .or-text { font-size:1.125rem; line-height: 1.555 } } .login-container .btn-cta-primary { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .login-container .btn-cta-primary { font-size:1rem; width: auto; border-radius: 10px } } .login-container .btn-cta-primary:hover { background: #b0263a } .login-container .btn-cta-primary.active,.login-container .btn-cta-primary:active,.login-container .btn-cta-primary:focus { background: #b10f26 } .login-container .btn-cta-primary.disabled,.login-container .btn-cta-primary[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .login-container .guest-section .heading { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .login-container .guest-section .heading { font-size:1.875rem; line-height: 1.333 } } .login-container .guest-section .header-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .guest-section .header-description { font-size:.875rem; line-height: 1.5rem } } .login-container .logged-info { text-align: center } .login-container .logged-info p { font-family: Praxis-regular; color: #666 } .login-container .logged-info .headline { color: #666; font-family: Praxis-semibold } .login-container .logged-info a { color: #666; font-family: Praxis-regular } .login-container .session-time-out-error span { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .session-time-out-error span { font-size:1.125rem; line-height: 1.555 } } .login-container .session-time-out-error span { color: transparent } .login-container .session-time-out-error span:before { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDkgMTQ5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6Izc1MDAwMzt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFsZXJ0aWNvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc5LjY1LDEwMS4zYTc0LjUsNzQuNSwwLDEsMS03NC41LDc0LjVBNzQuNSw3NC41LDAsMCwxLDE3OS42NSwxMDEuM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDUuMTUgLTEwMS4zKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE3OS41NywyMjcuMDhhMTEuOTIsMTEuOTIsMCwwLDEtMTEuNjktMTEuNjljMC02LjIyLDUuNDgtMTEuODQsMTEuNjktMTEuODRhMTIuMjgsMTIuMjgsMCwwLDEsMTEuODQsMTEuODRBMTEuOTQsMTEuOTQsMCwwLDEsMTc5LjU3LDIyNy4wOFptLTEuMzMtMzEuNTJjLTIuNjctMTYtNi4yMi0zMS42Ny05LTQ3LjY1YTQ4LDQ4LDAsMCwxLS43NC05LjE3YzAtNi44MSwzLjI2LTE0LjIxLDExLjEtMTQuMjEsOC43MywwLDExLjEsNy41NSwxMS4xLDE1LjA5YTQ3LDQ3LDAsMCwxLS43NCw5LjE3Yy0zLDE1LjU0LTUuNzcsMzEuMjItOC43Myw0Ni43N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDUuMTUgLTEwMS4zKSIvPjwvc3ZnPg==) no-repeat } .login-container [type=radio]:checked+label:before { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/radio-on.png) no-repeat } .login-container [type=radio]:not(:checked)+label:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAyVBMVEUAAABkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2MAAAAsHhM9AAAAQnRSTlMABlam3/nz11VS271mJFMDi0CKwA3WDwfjOjnkXLisXdknIuD4ql6rWbla4j08ksQUkwGF3UZQv2MpEy0Fn9ry7NPxgugTAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAL1JREFUGNNt0NcSgjAQBdCNgAkqghKxoaKxYUOl2Nv//5SSAZGM92U3J7OzkwDEQQVJVopYIgi+UUvlioaQVimXqgnpBq6l1zVs6LypmzQbomY9LqRhwU8sTACarTbk0uk2we6BkJ4N/YGIdh+coYgjBkUqIlJgjP6grImoMZhMRZzOYO6K6C4ALVd5Wy8/W1Qn/0yHf9TG22a29Xa87v0gTC0M/H3SRuxwPNHz5XhgUTZ0jW73x/MlkSs/vgFnQA3UuH3PRwAAAABJRU5ErkJggg==) no-repeat } .login-container .input-field::-webkit-input-placeholder { text-transform: none } .login-container .input-field::-moz-placeholder { text-transform: none } .login-container .input-field::-ms-input-placeholder { text-transform: none } .login-container .input-field::placeholder { text-transform: none } .login-container .error-msg.show-msg { margin: 5px 0 0 } .login-container .orLabel { display: inline-block } .login-container .form-heading { font-family: Praxis-regular; font-size: 0.75rem; font-size: .75rem; margin: 0 0 20px; color: #666 } @media (min-width: 768px) { .login-container .form-heading { font-size:.875rem } } .login-container .signup { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-container .signup { font-size:.875rem; line-height: 1.5rem } } .show-focus-outlines .login-container [type=checkbox]:focus+label:before { outline: 1px auto #3b99fc; outline-offset: -2px } .error-wrap { text-align: left } .error-wrap .error-heading { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .error-wrap .error-heading { font-size:.75rem } } .error-wrap .error-heading { color: #e30513 } .error-wrap .error-holder { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .error-wrap .error-holder { font-size:.75rem } } .error-wrap .error-holder { color: #e30513 } @media (min-width: 768px) { .login-container .forgot-username { font-family:Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .login-container .forgot-username { font-size:1rem; line-height: 1.625 } } @media (min-width: 768px) { .login-container .forgot-username { color:transparent } .login-container .guest-section .header-description { font-size: 1.25rem } .login-container .or-text { margin-top: 5px } .login-container .line { height: 154px; border: none; border-right: 1px solid #a7a7a7 } .login-container .login-form .info-section { padding-top: 12px } .login-container .form-heading { margin-bottom: 15px } .login-container .form-header .header-description { padding-bottom: 0 } } @media (min-width: 481px) { .login-container .form-header .heading,.login-container .guest-section .heading { font-size:1.875rem } .login-container .remember-me { font-size: 1rem } } .login-drawer-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .login-drawer-container:before { content: ""; display: table } .login-drawer-container:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .login-drawer-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .login-drawer-container { padding-left:40px; padding-right: 40px } } .login-drawer-container .login-container .forgot-password a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-drawer-container .login-container .forgot-password a { font-size:.875rem; line-height: 1.5rem } } .login-drawer-container .title-wrapper { font-family: Praxis-regular; color: #666; display: inline-block } .login-drawer-container .login-drawer-caller { color: #666; border: none; background: transparent } .login-drawer-container .login-drawer-component { color: #666 } .login-drawer-container .login-drawer-component p { font-size: 16px; font-size: 1rem } .login-drawer-container .error-summary-wrapper { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .login-drawer-container .error-summary-wrapper { font-size:.75rem } } .login-drawer-container .error-summary-wrapper { color: #e30513; p { margin: 0 0 30px } ul { line-height: 0.5rem; line-height: .5rem } } .login-drawer-container .error-summary-wrapper a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .login-drawer-container .error-summary-wrapper a { font-size:.75rem } } .login-drawer-container .error-summary-wrapper a { color: #e30513; text-decoration: none } .login-drawer { margin: 0 auto 5px } .login-drawer .arrow-up { border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #f2f0e8 } .login-drawer .login-container { background: #f2f0e8; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .login-drawer .login-container:before { content: ""; display: table } .login-drawer .login-container:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .login-drawer .login-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .login-drawer .login-container { padding-left:40px; padding-right: 40px } } .login-drawer .login-container .login-signup { padding-top: 20px } .login-drawer .login-container .login-form { max-width: 611px } .login-drawer .login-container .header-description { color: transparent; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .login-drawer .login-container .header-description { font-size:1rem; line-height: 1.625 } } .login-drawer .login-container .header-description { font-size: 0.875rem; font-size: .875rem } .login-drawer { .login-container .submit .header-description { padding: 0 } } .login-drawer.logged-in .login-container { background: transparent } .login-drawer-container { text-align: center } .login-drawer-container .login-drawer-caller { font-family: Praxis-regular } .login-drawer .login-container .login-form { text-align: left } @media (min-width: 768px) { .login-drawer { margin:15px auto 5px } .login-drawer .login-container .login-signup { padding: 30px 0 45px; margin: 0 auto } .login-drawer .login-container .form-header { padding-top: 0 } .login-drawer .login-container .forgot-password,.login-drawer .login-container .forgot-username { padding-top: 6px } .login-drawer .login-container .submit .header-description { padding: 0 } .login-drawer .extra-section .remember-me { padding-left: 0 } } @media (min-width: 1025px) { .login-drawer .login-container .login-signup { padding:50px 0 60px } } .search-results-tile-variation .booking-column { margin-top: 25px; text-align: center } .search-results-tile-variation .booking-column .price-info .room-type { display: none } .search-results-tile-variation .cta-wrapper a { display: block } .search-results-tile-variation .booking-status { width: 85%; padding: 10px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 320px } .search-results-tile-variation .booking-status .booking-message p { margin: 0 } .cruiseDetailHeader .booking-status { width: auto; margin: auto; padding: 15px 10px; height: auto; text-align: center } .cruiseDetailHeader .booking-status .booking-message p { margin: 0 } .benefits-list-content .booking-status { width: 100%; margin: auto; padding: 15px 10px; height: auto; text-align: center; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 20px } .benefits-list-content .booking-status .booking-message p { margin: 0 } @media (min-width: 768px) { .search-results-tile-variation .booking-column .cta-section,.search-results-tile-variation .booking-column .info-details { display:inline-block; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle } .search-results-tile-variation .booking-status { width: 100%; padding: 5px; text-align: center } .search-results-tile-variation .booking-status .booking-message b { display: inline-block } .cruiseDetailHeader .booking-message-container { margin-left: 20px } .cruiseDetailHeader .booking-status { padding: 10px } .benefits-list-content .booking-status { width: auto; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 15px 20px } } @media (min-width: 1025px) { .search-results-tile-variation .section2 .column2 { display:inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: text-top; width: 40%; margin-top: 0 } .search-results-tile-variation .booking-column .cta-section,.search-results-tile-variation .booking-column .info-details { width: 100% } .search-results-tile-variation .booking-status { padding: 10px } .cruiseDetailHeader .book-now-container .book-now-cta-holder.booking-message-container { width: 40%; margin-left: 2% } .benefits-list-content .booking-status { width: auto; margin: auto; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 15px 20px; margin-top: 35px; margin-left: 13% } } @media (min-width: 1281px) { .cruiseDetailHeader .book-now-container .book-now-cta-holder.booking-message-container { width:48%; margin-left: 2% } .cruiseDetailHeader .booking-status { padding: 10px } } .itinerary-date-holder .itinerary-date-overlay { position: fixed; overflow: hidden; top: 0; width: 100%; height: 100%; left: 0; z-index: 1050 } @media (min-width: 768px) { .itinerary-date-holder .itinerary-date-overlay { position:absolute; z-index: 10 } } @media (min-width: 1025px) { .itinerary-date-holder .itinerary-date-overlay { position:absolute } } .utility-nav-container .nav .nav-item { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .utility-nav-container .nav .nav-item { font-size:1rem; line-height: 1.625 } } .utility-nav-container .nav-item .nav-link-desc { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .utility-nav-container .nav-item .nav-link-desc { font-size:1rem; line-height: 1.625 } } .utility-nav-container .nav-item .nav-link-desc { font-family: GreycliffCF-bold; text-decoration: none } .utility-nav-container .nav-item .nav-link.logout { padding-left: 10px } .utility-nav-container .nav-item .nav-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .utility-nav-container .nav-item .nav-text { font-size:1rem; line-height: 1.625 } } .utility-nav-container .nav-item .nav-text { font-family: GreycliffCF-bold; padding-right: 10px; border-right: 1px solid #666; line-height: 0.875rem; line-height: .875rem } .utility-nav-container .nav-item .nav-link { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .utility-nav-container .nav-item .nav-link { font-size:1.125rem; line-height: 1.555 } } .utility-nav-container .nav-item .nav-link { color: #666; text-decoration: none; font-size: 0.875rem; font-size: .875rem } .utility-nav-container .nav-link:before { font-family: Icomoon; speak: none; font-size: 0.875rem; font-size: .875rem; display: none } .utility-nav-container .nav-link.chat:before { content: "\E90E"; color: #666 } .utility-nav-container .nav-link.favourites:before { content: ""; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyNy4zOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiMyNTMzNzA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5JTkFDVElWRSBTQVZFPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LDQuNzFBOC4zOSw4LjM5LDAsMCwxLDIzLjUyLDBhOC44Miw4LjgyLDAsMCwxLDMuNzcuNzVBOCw4LDAsMCwxLDMyLDhzLjQ1LDUuNjEtNi4yNSwxMS41M2MwLDAtMS42NywxLjUzLTIuOTEsMi41M0wxOS4xMiwyNSwxNiwyNy4zOCwxMS4yNiwyMy43Yy0uMDctLjA2LTIuNjQtMi4wOS0zLjctM2EzMC44MywzMC44MywwLDAsMS01LjUtNi4xUy0uNDMsMTAuOTEuMDYsN0E4LDgsMCwwLDEsNi43NS4xMmE5LjI1LDkuMjUsMCwwLDEsNS4wNi42MkE4LjM5LDguMzksMCwwLDEsMTYsNC43MVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yMy43NCwyYTYuODQsNi44NCwwLDAsMSwyLjcxLjU3bC4wNSwwLC4wNSwwQTUuOTMsNS45MywwLDAsMSwzMCw4di4xNHMuMjEsNC43Ni01LjYxLDkuODljMCwwLTEuNjQsMS41LTIuODEsMi40NWwtMy42OSwyLjkzTDE2LDI0Ljg1bC0zLjUtMi43MmMtLjUzLS40Mi0yLjcxLTIuMTYtMy42NC0zYTI4LjI1LDI4LjI1LDAsMCwxLTUuMDctNS41OGwwLS4wNywwLS4wNnMtMi0zLjEtMS42Ni02LjE3VjcuMTVhNiw2LDAsMCwxLDUuMS01LjA3LDUuOTEsNS45MSwwLDAsMSwxLS4wNyw3LjUyLDcuNTIsMCwwLDEsMi45LjU4aC4wNWE2LjM4LDYuMzgsMCwwLDEsMy4wOCwyLjlsMS45Myw0LjQzLDEuNzYtNC40OGMwLS4xMywxLjQxLTMuMjEsNS43OC0zLjQ2aC4xMW0wLTJoLS4yMkE4LjM5LDguMzksMCwwLDAsMTYsNC43MWE4LjM5LDguMzksMCwwLDAtNC4xOS00QTkuNjMsOS42MywwLDAsMCw4LjEzLDAsNy42Miw3LjYyLDAsMCwwLDYuNzUuMTIsOCw4LDAsMCwwLC4wNiw3Yy0uNDksMy45LDIsNy41NSwyLDcuNTVhMzAuODMsMzAuODMsMCwwLDAsNS41LDYuMWMxLjA2Ljk1LDMuNjMsMywzLjcsM0wxNiwyNy4zOCwxOS4xMiwyNSwyMi44MywyMmMxLjI0LTEsMi45MS0yLjUzLDIuOTEtMi41M0MzMi40NCwxMy41NiwzMiw4LDMyLDhhOCw4LDAsMCwwLTQuNy03LjJBOC45MSw4LjkxLDAsMCwwLDIzLjc0LDBaIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat; margin-right: 12px; vertical-align: middle; width: 14px; height: 14px; display: inline-block } .utility-nav-container .nav-link.favourites.nonzero-favourites:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNCAzMC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNCAzMC4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzMzMzM2Njt9Cgkuc3Qxe2ZpbGw6I0UyMUUyNjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI3LjYsM2MtMS40LTAuNi0yLjgtMC43LTMuMy0wLjdjLTAuMSwwLTAuMiwwLTAuMiwwQzE4LjYsMi42LDE3LDYuNywxNyw2LjdDMTUuOCw0LjEsMTMuMSwzLDEzLjEsMwoJCWMtMS4zLTAuNi0yLjYtMC43LTMuNC0wLjdjLTAuOCwwLTEuMywwLjEtMS4zLDAuMUMyLjQsMy42LDIuMSw4LjgsMi4xLDguOGMtMC41LDMuNywxLjksNy4xLDEuOSw3LjFjMS41LDIuNiw1LjIsNS43LDUuMiw1LjcKCQljMSwwLjksMy40LDIuOCwzLjUsMi45YzAuMSwwLjEsNC40LDMuNSw0LjQsMy41bDIuOS0yLjNsMy41LTIuOGMxLjItMC45LDIuNy0yLjQsMi43LTIuNEMzMi40LDE1LDMyLDkuNywzMiw5LjcKCQlDMzEuOSw0LjcsMjcuNiwzLDI3LjYsM3oiLz4KPC9nPgo8L3N2Zz4K) no-repeat } .utility-nav-container .nav-link.search:before { content: "\E916" } .utility-nav-container .nav-link.phone:before { content: "\E914"; color: #666 } .utility-nav-container .nav-link.call:before { content: "\E90C"; color: #666 } .utility-nav-container .nav-link.travel:before { content: "\E917"; color: #666 } .utility-nav-container .nav-link.language:before { content: "\E910"; color: #666 } .utility-nav-container .language .dropdown-item a { color: #666 } .utility-nav-container .language .dropdown-item .active { color: #002776 } .utility-nav-container .dropdown .list-container { color: #988642; background-color: #fff; -webkit-transition: right .5s; transition: right .5s } .utility-nav-container .dropdown .action-bar { background-color: #002776; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff } .utility-nav-container .action-bar .action-close-btn { text-align: right } .utility-nav-container .action-text span { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .utility-nav-container .action-text span { font-size:1.375rem; line-height: 1.363 } } .utility-nav-container .action-text span { text-transform: none } .utility-nav-container .action-bar .close-btn:after { background-repeat: no-repeat; background-position: 50%; background-size: cover } .utility-nav-container .dropdown-list { -webkit-box-sizing: border-box; box-sizing: border-box } .utility-nav-container .dropdown.show .dropdown-list { background: #fff; text-align: left } .utility-nav-container .dropdown-item a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .utility-nav-container .dropdown-item a { font-size:1rem; line-height: 1.625 } } .utility-nav-container .dropdown-item a { -webkit-box-sizing: border-box; box-sizing: border-box; color: #002776; text-decoration: none; font-size: 16px; font-size: 1rem } .utility-nav-container .dropdown-item a:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E907" } .utility-nav-container .dropdown-item a:focus:before,.utility-nav-container .dropdown-item a:hover:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAn1BMVEUAAADzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1kAAAC3y+DcAAAANHRSTlMABlam3/nz11VR271mJFIDiUDBDg3AVNgP4js641u7XKtlrOAj+PLZKDkH1oqTlFMiBQv6dde50AAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAACqSURBVBjTbZDbEoIwDEQTAYsFpCggCFQLXlDxyv//myKotdN9SeZkMtkNQCccGaY1JoaN8NWEOq6H6LkOnQ7IZyT4jAPC/HfDZvPfUhixrsSLBCQlJH7dSJfwpyxHKDgo4itYCxWKEipPhZsKtqhCtGAXauC+1qxrD2ktYZr9s0N+BLBPSky7K00kGQijpn/dWX7dxR/aK+Xidn/UgtNY8luUZtuaZdHHewIUrQq6CkaamgAAAABJRU5ErkJggg==) } .utility-nav-container .dropdown-item a.active:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E909" } .utility-nav-container .nav .nav-item:first-child { margin-top: 30px } @media (min-width: 768px) { .utility-nav-container .nav .nav-item { font-family:Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .75rem; line-height: 1.667; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .utility-nav-container .nav .nav-item { font-size:1.125rem; line-height: 1.555 } } @media (min-width: 768px) { .utility-nav-container .nav-item .nav-link { font-size:1.125rem } .utility-nav-container .dropdown-item a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .75rem; line-height: 1.667; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .utility-nav-container .dropdown-item a { font-size:1.125rem; line-height: 1.555 } } @media (min-width: 768px) { .utility-nav-container .nav-item .nav-link-desc,.utility-nav-container .nav-item .nav-text { color:#002776 } .utility-nav-container .nav-item .nav-link:before { width: 16px; height: 16px } } @media (min-width: 1025px) { .utility-nav-container { width:auto; max-width: none; margin-left: auto; margin-right: auto; height: 61px } .utility-nav-container:last-child,.utility-nav-container:nth-child(1n),.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 { padding: 0; list-style: none; text-align: right; margin: 20px 0 0 } .utility-nav-container .nav .nav-item:first-child { margin-top: 0 } .utility-nav-container .nav .nav-item { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; 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.625 } } @media (min-width: 1025px) { .utility-nav-container .nav .nav-item { font-size:.75rem; display: inline-block; margin: 0 2px; vertical-align: top } .utility-nav-container .nav-item .nav-link { font-family: Praxis-regular; display: inline-block; text-decoration: none; padding: 0 10px; color: #002776; width: auto; font-size: 1rem } .utility-nav-container .nav-item .nav-text.logout:before { content: ""; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNhYmNmYzA7ZmlsbC1ydWxlOmV2ZW5vZGQ7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5BcnRib2FyZCAxPC90aXRsZT48cGF0aCBpZD0iTG9naW5fSWNvbiIgZGF0YS1uYW1lPSJMb2dpbiBJY29uIiBjbGFzcz0iY2xzLTEiIGQ9Ik02LDcuMDhBMy4xLDMuMSwwLDEsMCwyLjksNCwzLjEsMy4xLDAsMCwwLDYsNy4wOFptMS42Mi4yN2EzLDMsMCwwLDEtMy4yNCwwQTMuOSwzLjksMCwwLDAsMS41LDExczAsLjA3LDAsLjFoOXMwLS4wNywwLS4xQTMuOSwzLjksMCwwLDAsNy42Miw3LjM1WiIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIi8+PC9zdmc+) no-repeat; width: 15px; height: 20px; margin-right: 5px; display: inline-block; vertical-align: middle } .utility-nav-container .nav-item .nav-text { font-family: Praxis-regular; display: inline-block; padding: 0 10px; color: #002776; width: auto; font-size: 1rem; border-right: 1px solid #002776; line-height: .875rem } .utility-nav-container .nav-item .nav-link-desc { font-size: 1.08vw; text-align: center; display: block; margin: -13px auto 0; float: none; min-height: 26px } .utility-nav-container .nav-item:first-child .nav-link { padding-left: 0 } .utility-nav-container .nav-item:first-child .nav-link.logout { padding-left: 10px } .utility-nav-container .nav-item:last-child .nav-link { padding-right: 0 } .utility-nav-container .nav-item .custom-dropdown-wrapper { padding: 18px 22px 0 } .utility-nav-container .nav-item .custom-dropdown-wrapper.open { background-color: #fff } .utility-nav-container .nav-item .custom-dropdown-wrapper.open .dropdown-item { position: relative } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle { color:#002776; margin-top: 0; cursor: pointer } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91E"; background-image: none; margin-bottom: 5px; font-size: .75rem; top: 11px; width: 15px; height: 18px; right: 0 } .utility-nav-container .nav-item .custom-dropdown-wrapper.open .dropdown-toggle:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92F"; top: 12px; width: 15px; height: 18px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu { background-color: #fff; padding-top: 9px; padding-bottom: 21px; white-space: nowrap; left: -50px; width: auto; min-width: 142px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu .dropdown-item { padding: 9px; line-height: 1rem } .utility-nav-container .nav-item .custom-dropdown-wrapper.open .dropdown-item:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E907"; margin-right: 5px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu .dropdown-item.active { color: #002776 } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu .dropdown-item.active:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E909" } .utility-nav-container .nav-item .dropdown { display: inline-block; position: relative } .utility-nav-container .nav-item .dropdown-list { display: none; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .utility-nav-container .nav-link:before { margin-right: .34vw; padding-right: 4px } .utility-nav-container .dropdown .list-container { position: static; right: 0; -webkit-transition: none; transition: none } .utility-nav-container .dropdown .action-bar { display: none } .utility-nav-container .dropdown .caret:after { content: ""; display: inline-block; height: 12px; width: 12px; margin-left: 5px; vertical-align: middle; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAMAAAB4W0xQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAclBMVEUAAACrr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8Crr8AAAACedhGUAAAAJHRSTlMAiDgCORvw5ZdGBkeY5hppaAHEwyn4gH4H1tU7/v2WD+QOUU9dnum5AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAGBJREFUCNdNzFcSgCAMRdGHKCr23nv2v0bFOOr9CHNmEiCEJXEnbSHgKHI9X+sgjEjFQEJXSpmZXjtZTk9FZm7KilWV/EfNbFhoO6O+fYhhJJoGvM1E8ycs7rr9iP3g9wT8LgiDMQ9hbAAAAABJRU5ErkJggg==); background-size: contain; background-repeat: no-repeat } .utility-nav-container .dropdown.show .caret:after { width: 25px; height: 25px; position: relative; bottom: 4px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNjAgMzYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjAgMzYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6I0YzQkY1OTt9Cjwvc3R5bGU+CjxyZWN0IHg9IjEwMy41IiB5PSIxMTAuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjE2NS41IiBoZWlnaHQ9IjEyNCIvPgo8Zz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTAzLjUsMTEwLjUgMTg2LjIsMTMyLjcgMjY5LDExMC41IDE4Ni4yLDIzNC41IAkiLz4KPC9nPgo8L3N2Zz4K); -webkit-transform: rotate(180deg); transform: rotate(180deg) } .utility-nav-container .dropdown.show .dropdown-list { display: block; position: absolute; width: 100%; text-align: left; background: #fff; padding: 0; margin: 0; list-style: none } .utility-nav-container .dropdown-list li.dropdown-item { margin: 0 } .utility-nav-container .dropdown.show .nav-link { color: #988642; background: #fff } .utility-nav-container .dropdown-item a { color: #988642; font-size: 1.08vw; line-height: 1; cursor: pointer; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .6vw 1.2vw; display: inline-block; text-decoration: none; white-space: nowrap } .utility-nav-container .dropdown-item:last-child { padding-bottom: 21px } .utility-nav-container .dropdown .dropdown-item:first-child { padding-top: 9px } .utility-nav-container .dropdown-item a:before { content: ""; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAyVBMVEUAAABkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2NkY2MAAAAsHhM9AAAAQnRSTlMABlam3/nz11VS271mJFMDi0CKwA3WDwfjOjnkXLisXdknIuD4ql6rWbla4j08ksQUkwGF3UZQv2MpEy0Fn9ry7NPxgugTAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAL1JREFUGNNt0NcSgjAQBdCNgAkqghKxoaKxYUOl2Nv//5SSAZGM92U3J7OzkwDEQQVJVopYIgi+UUvlioaQVimXqgnpBq6l1zVs6LypmzQbomY9LqRhwU8sTACarTbk0uk2we6BkJ4N/YGIdh+coYgjBkUqIlJgjP6grImoMZhMRZzOYO6K6C4ALVd5Wy8/W1Qn/0yHf9TG22a29Xa87v0gTC0M/H3SRuxwPNHz5XhgUTZ0jW73x/MlkSs/vgFnQA3UuH3PRwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 50%; height: .88vw; width: .88vw; background-size: contain; margin-right: .34vw; position: relative; top: 2px } .utility-nav-container .dropdown-item a:focus:before,.utility-nav-container .dropdown-item a:hover:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAn1BMVEUAAADzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1nzv1kAAAC3y+DcAAAANHRSTlMABlam3/nz11VR271mJFIDiUDBDg3AVNgP4js641u7XKtlrOAj+PLZKDkH1oqTlFMiBQv6dde50AAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAACqSURBVBjTbZDbEoIwDEQTAYsFpCggCFQLXlDxyv//myKotdN9SeZkMtkNQCccGaY1JoaN8NWEOq6H6LkOnQ7IZyT4jAPC/HfDZvPfUhixrsSLBCQlJH7dSJfwpyxHKDgo4itYCxWKEipPhZsKtqhCtGAXauC+1qxrD2ktYZr9s0N+BLBPSky7K00kGQijpn/dWX7dxR/aK+Xidn/UgtNY8luUZtuaZdHHewIUrQq6CkaamgAAAABJRU5ErkJggg==) } .utility-nav-container .dropdown-item a.active:before { background-image: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/radio-on.png) } .utility-nav-container .nav-link.chat:before { content: "\E90F"; color: #002776 } .utility-nav-container .nav-link.search:before { content: "\E916" } .utility-nav-container .nav-link.phone:before { content: "\E915"; color: #002776 } .utility-nav-container .nav-link.call:before { content: "\E90D"; color: #002776 } .utility-nav-container .nav-link.call:before,.utility-nav-container .nav-link.phone:before { margin-right: 0 } .utility-nav-container .nav-link.travel:before { content: "\E918"; color: #002776 } .utility-nav-container .nav-link.language:before { background-position: -32px -2504px; background-size: 600% } .utility-nav-container .nav-item .nav-link:before { width: 14px; height: 14px; position: relative; top: 2px } .utility-nav-container .nav-item .nav-link.favourites { padding-left: 30px } .utility-nav-container .nav-item .nav-link.favourites:before { display: inline-block; top: 0; margin-right: 5px } .utility-nav-container .nav-item.phone .nav-link-desc { margin-top: -11px } .utility-nav-container .nav-item[data-name=language] { margin-top: -19px } .utility-nav-container .nav-item .nav-link.language { padding-top: 19px } .utility-nav-container .nav-item .dropdown-list.language { top: 40px } } @media (min-width: 1025px) and (max-width:1280px) { .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle,.utility-nav-container .nav-item .nav-link { padding:0 5px; font-size: .75rem } .utility-nav-container .nav-item .nav-link.favourites { padding-left: 30px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-toggle { padding-top: 2px } .utility-nav-container .nav-item .custom-dropdown-wrapper { padding: 20px 5px 0 } } @media (min-width: 1281px) { .utility-nav-container .nav .nav-item { font-family:Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; 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.625 } } @media (min-width: 1281px) { .utility-nav-container .nav-item .nav-link { padding:30px 19px 5px } .utility-nav-container .dropdown-item a { font-size: 1rem; padding: 9px } .utility-nav-container .nav-item .nav-link { padding: 0 8px; font-size: 1rem } .utility-nav-container .nav-item .nav-link-desc { font-size: 1rem } .utility-nav-container .nav-link:before { height: 11px; width: 11px; background-size: 11px; margin-right: 5px } .utility-nav-container .dropdown-item a:before { height: 13px; width: 13px; margin-right: 5px } .utility-nav-container .nav-item .custom-dropdown-wrapper .dropdown-menu { left: -20px } } .utility-navigation-bar .nav-drawer-button .utility-nav-toggle:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E908"; color: #002776; font-size: 0.875rem; font-size: .875rem; display: inline-block; vertical-align: middle } .utility-navigation-bar .nav-bar-container { background-color: #fff } .utility-navigation-bar .nav-bar-container .nav-drawer-header { height: 45px; border-bottom: 1px solid #ccc } .utility-navigation-bar .close-drawer-container .close-btn:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; text-decoration: none; font-size: 0.9375rem; font-size: .9375rem; color: #666; vertical-align: middle } .utility-navigation-bar .close-btn .close-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .utility-navigation-bar .utility-nav-container { margin: 20px 0 0 } .utility-navigation-bar .utility-nav-container .nav { margin: 0 } .utility-navigation-bar .utility-nav-container .nav .nav-item:first-child { margin-top: 0 } .utility-navigation-bar .utility-nav-container .nav-item .nav-link { padding: 15px 0 } .utility-navigation-bar .utility-nav-container .nav-link:before { margin-right: 8px } @media (min-width: 768px) { .utility-navigation-bar .nav-drawer-button .utility-nav-toggle:after { font-size:1.625rem } .utility-navigation-bar .nav-bar-container .nav-drawer-header { height: 90px } .utility-navigation-bar .close-drawer-container .close-btn { padding-right: 30px } .utility-navigation-bar .close-drawer-container .close-btn:after { font-size: 1.625rem } .utility-navigation-bar .utility-nav-container { padding: 0 80px; margin-top: 50px } .utility-navigation-bar .utility-nav-container .nav { margin: 0 } .utility-navigation-bar .utility-nav-container .nav-item .nav-link { padding: 30px 0 } .utility-navigation-bar .utility-nav-container .nav-link:before { margin-right: 17px } } @media (min-width: 1025px) { .utility-navigation-bar { background-color:#fff } .utility-navigation-bar .utility-nav-container { margin: 0; padding: 0 } .utility-navigation-bar .utility-nav-container .nav { height: 45px } .utility-navigation-bar .utility-nav-container .nav-item .nav-link { padding: 15px 8px 0; position: relative } .utility-navigation-bar .utility-nav-container .nav-item:first-child .nav-link { padding-left: 0 } .utility-navigation-bar .utility-nav-container .nav-item:last-child .nav-link { padding-right: 0 } .utility-navigation-bar .utility-nav-container .nav-link:before { margin-right: 0 } } .search-results-tile-variation .booking-column.column2 .info-details { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 5px } .search-results-tile-variation .booking-column.column2 .info-details .sold-out-block { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .search-results-tile-variation .booking-column.column2 .info-details .sold-out-block { font-size:1.375rem; line-height: 1.363 } } .search-results-tile-variation .booking-column.column2 .info-details .sold-out-block { color: #a6b4cf } .search-results-tile-variation .booking-column.column2 .info-details .price-info { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-results-tile-variation .booking-column.column2 .info-details .price-info { font-size:.875rem; line-height: 1.5rem } } .search-results-tile-variation .booking-column.column2 .info-details .price-info { color: #988642; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .search-results-tile-variation .booking-column.column2 .info-details .room-info { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-results-tile-variation .booking-column.column2 .info-details .room-info { font-size:.875rem; line-height: 1.5rem } } .search-results-tile-variation .booking-column.column2 .info-details .room-info { color: #988642; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .search-results-tile-variation .booking-column.column2 .info-details .price-info { line-height: .75 } .search-results-tile-variation .booking-column.column2 .info-details .room-info { margin-right: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .search-results-tile-variation .booking-column.column2 .price-info .per-person-label { color: #666; vertical-align: top; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: left } .search-results-tile-variation .booking-column.column2 .room-info .from-label { display: none } .search-results-tile-variation .booking-column.column2 .room-info .flightDate { margin: 3px 0; font-family: GreycliffCF-bold } .search-results-tile-variation .booking-column.column2 .room-info .room-name { line-height: 0.875rem; line-height: .875rem } .search-results-tile-variation .booking-column.column2 .room-info .flightDate:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B"; color: #002776; padding-right: 5px } .search-results-tile-variation .booking-column.column2 .info-details .price-info .price-block { font-size: 40px; font-size: 2.5rem; font-family: GreycliffCF-bold; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; padding: 0 3px } .search-results-tile-variation .booking-column.column2 .tfpe-container.version1,.search-results-tile-variation .info-section.section2 .cta-section .cta-wrapper.version1 { display: none } .search-results-tile-variation .info-section.section2 .cta-section .cta-wrapper.version2 { padding: 20px 20px 0 } .search-results-tile-variation .info-section.section2 .cta-section .cta-book-now { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .search-results-tile-variation .info-section.section2 .cta-section .cta-book-now { font-size:1rem; width: auto; border-radius: 10px } } .search-results-tile-variation .info-section.section2 .cta-section .cta-book-now:hover { background: #b0263a } .search-results-tile-variation .info-section.section2 .cta-section .cta-book-now.active,.search-results-tile-variation .info-section.section2 .cta-section .cta-book-now:active,.search-results-tile-variation .info-section.section2 .cta-section .cta-book-now:focus { background: #b10f26 } .search-results-tile-variation .info-section.section2 .cta-section .cta-book-now.disabled,.search-results-tile-variation .info-section.section2 .cta-section .cta-book-now[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .search-results-tile-variation .info-section.section2 .cta-section .cta-book-now { width: 85%; padding: 14px } .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link { font-size:1.125rem; border-radius: 15px } } .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link { background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link:after { font-size:1.125rem } } .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link:after { font-size:.75rem } } @media (min-width: 768px) { .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link { font-size:1rem } } .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link { font-size: 0.875rem; font-size: .875rem; display: inline-block; margin: 20px 0; padding-bottom: 5px } .search-results-tile-variation .tfpe-container.version2 { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-results-tile-variation .tfpe-container.version2 { font-size:.75rem } } .search-results-tile-variation .tfpe-container.version2 { color: #666; min-height: 30px; margin: 5px 15px 0; text-align: left; line-height: 0.875rem; line-height: .875rem; padding-bottom: 8px } .search-results-tile-variation .tfpe-container.version2 div { display: inline } .search-results-tile-variation .tfpe-container.version2 .tfpe-block p { margin: 0; display: inline } .search-results-tile-variation .tfpe-container.version2 .cruiseFlightMessage { margin-left: 5px } .search-results-tile-variation .booking-status { margin: auto; border: 1px solid #666; height: auto; color: #666; font-family: Praxis-regular; border-radius: 10px } .search-results-tile-variation .booking-status .booking-message { font-size: 0.875rem; font-size: .875rem; -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 } .search-results-tile-variation .booking-status .booking-message b { font-family: Praxis-semibold } .cruiseDetailHeader .booking-status { border: 1px solid #666; color: #666; font-family: Praxis-regular; border-radius: 10px } .cruiseDetailHeader .booking-status .booking-message { font-size: 0.875rem; font-size: .875rem; -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 } .cruiseDetailHeader .booking-status .booking-message b { font-family: Praxis-semibold } .benefits-list-content .booking-status { border: 1px solid #666; color: #666; font-family: Praxis-regular; border-radius: 10px } .benefits-list-content .booking-status .booking-message { font-size: 0.875rem; font-size: .875rem; -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 } .benefits-list-content .booking-status .booking-message b { font-family: Praxis-semibold } @media (min-width: 768px) { .search-results-tile-variation .booking-column.column2 { margin-top:0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .search-results-tile-variation .booking-column.column2 .info-details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .search-results-tile-variation .booking-column.column2 .info-details .room-info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .search-results-tile-variation .booking-column.column2 .info-details .price-info { text-align: left; padding-top: 8px } .search-results-tile-variation .booking-column.column2 .room-info .flightDate { margin: 0 } .search-results-tile-variation .booking-column.column2 .room-info .room-name { line-height: 1rem; padding-top: 3px; text-align: left } .search-results-tile-variation .booking-column.column2 .cta-section { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto } .search-results-tile-variation .booking-column.column2 .price-info .per-person-label { line-height: .875rem } .search-results-tile-variation .info-section.section2 .cta-section .cta-wrapper.version1 { display: block; padding: 0 10px; text-align: right } .search-results-tile-variation .info-section.section2 .cta-section .cta-wrapper.version2 { display: none } .search-results-tile-variation .info-section.section2 .cta-section .cta-book-now { width: 100% } .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link { font-size: 1rem; margin-top: 10px } .search-results-tile-variation .tfpe-container.version2 { margin: 8px 30px 0; padding-bottom: 0; text-align: center } } @media (min-width: 1025px) { .search-results-tile-variation .booking-column.column2 { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .search-results-tile-variation .booking-column.column2 .info-details { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .search-results-tile-variation .booking-column.column2 .info-details .price-info { text-align: center; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .search-results-tile-variation .booking-column.column2 .info-details .room-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .search-results-tile-variation .booking-column.column2 .room-info .room-name { padding-top: 5px; text-align: center } .search-results-tile-variation .booking-column.column2 .price-info .per-person-label { -ms-flex-item-align: start; align-self: flex-start } .search-results-tile-variation .info-section.section2 .cta-section .cta-wrapper.version1 { text-align: center } .search-results-tile-variation .info-section.section2 .cta-section .itinerary-cta-link { margin: 15px 0 } } .special-offers-overlay { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: calc(100% - 10px) } .special-offers-overlay .offers-overlay-container { height: calc(100% - 100px); margin: 30px; padding: 25px } .offers-overlay-wrapper { width: 100%; height: 100% } .offers-overlay-wrapper .header { height: 40px } .offers-overlay-wrapper .offers-overlay-main { height: auto } .offers-overlay-wrapper footer { height: 12px; padding: 25px 13px 0 } .offers-overlay-wrapper .terms-link { cursor: pointer } .offers-overlay-wrapper .offers-main-wrapper { display: table; height: 100%; width: 100%; margin: auto } .offers-overlay-wrapper .offers-close { display: inline-block; height: 22px; cursor: pointer; border: none } .offers-overlay-wrapper .offers-close-label { float: left; margin: 3px 11px 3px 0; cursor: pointer } .offers-overlay-wrapper .offers-close-img { float: left; display: inline-block; width: 22px; height: 22px; cursor: pointer } .offers-content-block { display: table-cell } .offers-content-block img { width: auto; max-width: 100px; margin-bottom: 15px } .offers-content-block h3 { margin: 0 0 20px } .offers-content-block hr.static-decorator { width: 20%; height: 1px } .offers-content-block h4,.offers-content-block h5 { margin: 0 0 10px } .offers-content-block p { margin: 25px 0 40px } .offers-content-block .cta-link { padding: 18px 0 } .offers-content-block .offer-full-details-container img { max-width: 100%; height: auto } .offers-content-block .terms-conditions-overlay a.legal-container { cursor: pointer } .special-offers-terms .aria-modal .modal-content { text-align: center } @media (min-width: 768px) { .special-offers-overlay .offers-overlay-container { height:calc(100% - 110px) } .offers-content-block { width: 90% } } @media (min-width: 1025px) { .offers-content-block { width:70% } .offers-content-block img { max-width: 200px; margin-bottom: 20px } .offers-content-block .cta-link { padding: 18px 42px } .offers-content-block p { margin-bottom: 50px } .offers-content-block .offers-overlay-container { margin-bottom: 0; padding-bottom: 25px } .offers-content-block h4 { margin: 5px 0 10px } .special-offers-overlay { height: 100%; top: 0 } .special-offers-overlay footer { height: 12px; padding: 26px 13px 0 } } .room-details-v2 .panel { background-color: #f7f7f7 } .room-details-v2 .sub-meta-header .sub-meta-header-list li:first-child { width: 16% } .room-details-v2 .sub-meta-header .sub-meta-header-list li:first-child a { padding: 10px 15px 10px 20px } .room-details-v2 .panel.sold-out .price-section { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .room-details-v2 .panel.sold-out .price-section { font-size:1.375rem; line-height: 1.363 } } .room-details-v2 .panel.sold-out .price-section { color: #666 } .room-details-v2 .sub-meta-content .media img { cursor: pointer } .room-details-v2 .sub-meta-header .sub-meta-header-list li:last-child { width: 72% } .room-details-v2 .panel__label { background: none; border: 1px solid #a6b4cf; text-align: left; font-weight: 500; font-size: 17px; font-size: 1.0625rem; font-family: inherit; -webkit-transition: color .2s linear; transition: color .2s linear } .room-details-v2 .panel-title { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .room-details-v2 .panel-title { font-size:1.5rem; line-height: 1.333 } } .room-details-v2 .panel__label .image-holder { display: none } .room-details-v2 .panel__label:focus { outline: none } .room-details-v2 .panel[aria-expanded=false] .panel__label:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .room-details-v2 .panel[aria-expanded=false] .panel__label:after { font-size:1.125rem } } .room-details-v2 .panel[aria-expanded=false] .panel__label:after { font-size: 20px; font-size: 1.25rem; color: #0076ce; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .room-details-v2 .panel[aria-expanded=true] .panel__label:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92F"; font-size: 20px; font-size: 1.25rem; color: #0076ce } .room-details-v2 .panel__label .roundel-wrapper { position: absolute; right: 10px; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .room-details-v2 .panel__label .price-section { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .room-details-v2 .panel__label .price-section { font-size:1.5rem; line-height: 1.333 } } .room-details-v2 .panel__label .price-section { color: #988642; font-family: GreycliffCF-bold } .room-details-v2 .panel__label .price-section:before { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2 .panel__label .price-section:before { font-size:.875rem; line-height: 1.5rem } } .room-details-v2 .panel__label .price-section:after { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2 .panel__label .price-section:after { font-size:.875rem; line-height: 1.5rem } } .room-details-v2 .panel[aria-expanded=true] .panel__content { opacity: 1; border: 1px solid #a6b4cf; border-top: none } .room-details-v2 .panel__inner { background: #fff; border-top: none; -webkit-transition: right .5s; transition: right .5s } .room-details-v2 .panel__content { opacity: 0; -webkit-transition: opacity .3s linear .18s; transition: opacity .3s linear .18s } .room-details-v2 .sub-meta-list { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .room-details-v2 .sub-meta-list li { list-style: none; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2 .sub-meta-list li { font-size:.875rem; line-height: 1.5rem } } .room-details-v2 .sub-meta-list li.active { font-weight: 700; color: #002776; border-bottom: 5px solid #002776; font-family: GreycliffCF-bold } .room-details-v2 .pre-register-wrapper { text-align: center; background: #002776; color: #fff } .room-details-v2 .pre-register-wrapper .pre-register-section .pre-register-title { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .room-details-v2 .pre-register-wrapper .pre-register-section .pre-register-title { font-size:1.5rem; line-height: 1.333 } } .room-details-v2 .pre-register-wrapper .pre-register-section .pre-register-title { color: #fff } .room-details-v2 .pre-register-wrapper .pre-register-section .pre-register-desc { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2 .pre-register-wrapper .pre-register-section .pre-register-desc { font-size:1.125rem; line-height: 1.555 } } .room-details-v2 .pre-register-wrapper .pre-register-section .pre-register-desc,.room-details-v2 .pre-register-wrapper a { color: #fff } .room-details-v2 .pre-register-overlay a { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .room-details-v2 .pre-register-overlay a { font-size:1.125rem; border-radius: 15px } } .room-details-v2 .pre-register-overlay a { text-transform: uppercase; color: #0076ce; text-decoration: none; text-align: center } .room-details-v2 .pre-register-overlay a:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .room-details-v2 .pre-register-overlay a:after { font-size:1.125rem } } .room-details-v2 .carousel-controls { text-align: center } .room-details-v2 .title-component { padding-top: 50px } .room-details-v2 .title-component .title { margin-bottom: 0 } .room-details-v2 .title-component .description { margin-top: 5px } .pre-register-modal .pre-register-overlay-title { text-align: center; font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .pre-register-modal .pre-register-overlay-title { font-size:2.5rem; line-height: 1.25 } } .pre-register-modal .pre-register-overlay-title { color: #988642 } .pre-register-modal .pre-register-overlay-desc { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .pre-register-modal .pre-register-overlay-desc { font-size:1rem; line-height: 1.625 } } .pre-register-modal .pre-register-overlay-desc { color: #666 } .benefits-list .sold-out { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .benefits-list .sold-out { font-size:1.125rem; line-height: 1.555 } } .benefits-list .sold-out { display: block } .benefits-list .section1-content { border: 1px solid #a6b4cf; text-align: center; cursor: pointer } .benefits-list .benefits-title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .benefits-list .benefits-title { font-size:1.125rem; line-height: 1.555 } } .benefits-list .benefits-title { font-weight: 700; color: #002776 } .benefits-list .price-section { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .benefits-list .price-section { font-size:1.5rem; line-height: 1.333 } } .benefits-list .price-section { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .benefits-list .price-section { font-size:1.125rem; line-height: 1.555 } } .benefits-list .price-section { color: #988642; font-family: GreycliffCF-bold } .benefits-list .price-section:before { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .benefits-list .price-section:before { font-size:.875rem; line-height: 1.5rem } } .benefits-list .price-section:after { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .benefits-list .price-section:after { font-size:.875rem; line-height: 1.5rem } } .benefits-list .active { border-bottom: 5px solid #002776 } .benefits-list .active:before { -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 7px solid transparent; border-top-color: #002776 } .benefits-list-content .tax-fees { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .benefits-list-content .tax-fees { font-size:.75rem } } .benefits-list-content .footNoteCopy-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .benefits-list-content .footNoteCopy-text { font-size:.75rem } } .benefits-list-content .tax-fees a { text-decoration: underline; color: #002776 } .benefits-list-content .benefits-content-wrap { list-style: none; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .benefits-list-content .benefits-content-wrap { font-size:1.125rem; line-height: 1.555 } } .benefits-list-content .benefits-content-wrap { color: #002776 } .benefits-list-content .benefits-content-wrap .benefits-content-list { margin-top: 8px } .benefits-list-content .benefits-title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .benefits-list-content .benefits-title { font-size:1.125rem; line-height: 1.555 } } .benefits-list-content .benefits-title { color: #002776 } .benefits-list-content .benefits-icon.on-board:after { content: "\E947" } .benefits-list-content .benefits-icon.coach:after,.benefits-list-content .benefits-icon.on-board:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; font-size: 1.875rem; color: #bcbdcb } .benefits-list-content .benefits-icon.coach:after { content: "\E932" } .benefits-list-content .benefits-icon.parking:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E933"; font-size: 25px; font-size: 1.5625rem; color: #bcbdcb } .benefits-list-content .view-all-cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .benefits-list-content .view-all-cta { font-size:1.125rem; border-radius: 15px } } .benefits-list-content .view-all-cta { text-transform: uppercase; color: #0076ce; text-decoration: none } .benefits-list-content .view-all-cta:after { content: "\E91E" } .benefits-list-content .view-all-cta.open:after,.benefits-list-content .view-all-cta:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #0076ce } .benefits-list-content .view-all-cta.open:after { content: "\E92F" } .benefits-list-content .book-now-cta { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .benefits-list-content .book-now-cta { font-size:1rem; width: auto; border-radius: 10px } } .benefits-list-content .book-now-cta:hover { background: #b0263a } .benefits-list-content .book-now-cta.active,.benefits-list-content .book-now-cta:active,.benefits-list-content .book-now-cta:focus { background: #b10f26 } .benefits-list-content .book-now-cta.disabled,.benefits-list-content .book-now-cta[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .benefits-list-content .book-now-cta { padding-right: 20px; padding-left: 20px } .benefits-list-content .book-now-cta.early-booking { opacity: .5; pointer-events: none } .benefits-list-content .pre-register-cta { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .benefits-list-content .pre-register-cta { font-size:1rem; width: auto; border-radius: 10px } } .benefits-list-content .pre-register-cta:hover { background: #b0263a } .benefits-list-content .pre-register-cta.active,.benefits-list-content .pre-register-cta:active,.benefits-list-content .pre-register-cta:focus { background: #b10f26 } .benefits-list-content .pre-register-cta.disabled,.benefits-list-content .pre-register-cta[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .benefits-list-content .all-benefits { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .benefits-list-content .all-benefits { font-size:1rem; line-height: 1.625 } } .benefits-list-content .all-benefits ul { margin: 0 } .benefits-list-content .border-bottom { border-bottom: 1px solid #ccc; text-align: center } .benefits-list-content .or-label { -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #fff; color: #ccc } .benefits-list-content .carousel-controls span { vertical-align: baseline } .sub-meta-section1 .title { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .sub-meta-section1 .title { font-size:1.375rem; line-height: 1.363 } } .sub-meta-section1 .approx { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .sub-meta-section1 .approx { font-size:1.125rem; line-height: 1.555 } } .sub-meta-section1 .approx { color: #002776 } .sub-meta-section1 p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .sub-meta-section1 p { font-size:1.125rem; line-height: 1.555 } } .sub-meta-section1 p { font-size: 0.875rem; font-size: .875rem } .sub-meta-header .sub-meta-header-list { border-bottom: 1px solid #ccc; font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .sub-meta-header .sub-meta-header-list { font-size:1.5rem; line-height: 1.333 } } .sub-meta-header .sub-meta-header-list { color: #002776 } .sub-meta-header .sub-meta-header-list li:first-child a { text-decoration: none; font-size: 0.75rem; font-size: .75rem; text-align: center; border-right: 1px solid #ccc; color: #b10f26 } .sub-meta-header .sub-meta-header-list li:first-child a:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E929"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .sub-meta-header .sub-meta-header-list li:first-child a:before { font-size:1.125rem } } .sub-meta-header .sub-meta-header-list li:first-child a:before { color: #002776 } .sub-meta-header .dropdown-placeholder .arrow:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E926"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .sub-meta-header .dropdown-placeholder .arrow:after { font-size:1.125rem } } .sub-meta-header .dropdown-placeholder .arrow:after { color: #002776 } .sub-meta-header .dropdown-placeholder.isOpen .arrow:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92A"; color: #002776 } .sub-meta-header .header-dropdown { text-align: center } .sub-meta-header .dropdown-menu { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .sub-meta-header .dropdown-menu { font-size:1.5rem; line-height: 1.333 } } .sub-meta-header .dropdown-menu { color: #002776; background: #fff } .sub-meta-header .dropdown-menu .drop { border-bottom: 1px solid #ccc; text-align: center } .sub-meta-header .arrow:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E926"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .sub-meta-header .arrow:after { font-size:1.125rem } } .sub-meta-header .arrow:after { color: #b10f26 } .sub-meta-header .dropdown-menu .is-selected { background-color: #e3e2e8 } .sub-meta-header .sub-meta-header-list li:first-child a:before { padding-right: 0 } .room-details-v2.alternate-rooms-variation { background-color: #fff; margin: 0; padding: 0 20px 20px } .roomDetails .room-details-v2.metaVariation .tab-container .tab-tile { background-color: #f7f7f7; border: 1px solid #a6b4cf; border-left: none; border-right: none; margin: 10px 0; padding: 20px 0; cursor: pointer } .roomDetails .room-details-v2.metaVariation .price-section { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .price-section { font-size:1.5rem; line-height: 1.333 } } .roomDetails .room-details-v2.metaVariation .price-section { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .price-section { font-size:1.125rem; line-height: 1.555 } } .roomDetails .room-details-v2.metaVariation .price-section { color: #988642; font-family: GreycliffCF-bold; font-size: 22px; font-size: 1.375rem } .roomDetails .room-details-v2.metaVariation .price-info-cta { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .price-info-cta { font-size:1.5rem; line-height: 1.333 } } .roomDetails .room-details-v2.metaVariation .price-info-cta { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .price-info-cta { font-size:1.125rem; line-height: 1.555 } } .roomDetails .room-details-v2.metaVariation .price-info-cta { color: #988642; font-family: GreycliffCF-bold; font-size: 22px; font-size: 1.375rem } .roomDetails .room-details-v2.metaVariation .price-info-cta .fare-from { color: #666 } .roomDetails .room-details-v2.metaVariation .price-section { font-size: 20px; font-size: 1.25rem; line-height: 0.875rem; line-height: .875rem; color: #666 } .roomDetails .room-details-v2.metaVariation .price-section .from-label,.roomDetails .room-details-v2.metaVariation .price-section .pp-label,.roomDetails .room-details-v2.metaVariation .tab-container .tab-tile { font-family: Praxis-regular } .roomDetails .room-details-v2.metaVariation .price-section .from-label,.roomDetails .room-details-v2.metaVariation .price-section .pp-label { font-size: 0.75rem; font-size: .75rem; color: #666 } .roomDetails .room-details-v2.metaVariation .price-info:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .price-info:after { font-size:1.125rem } } .roomDetails .room-details-v2.metaVariation .price-info:after { color: #002776; font-size: 0.875rem; font-size: .875rem } .roomDetails .room-details-v2.metaVariation .price-info-cta { font-size: 32px; font-size: 2rem } .roomDetails .room-details-v2.metaVariation .price-info-cta .pp-label,.roomDetails .room-details-v2.metaVariation .price-info-cta span:first-child { font-family: Praxis-regular; font-size: 16px; font-size: 1rem } .roomDetails .room-details-v2.metaVariation .panel[aria-expanded=true] .panel__content { border: none } .roomDetails .room-details-v2.metaVariation .tab-container .price-section .currency { color: #988642 } .roomDetails .room-details-v2.metaVariation .tab-container .tab-tile[aria-expanded=true] { border: 4px solid #002776; font-family: GreycliffCF-bold } .roomDetails .room-details-v2.metaVariation .tab-container .tab-tile[aria-expanded=true]:after { content: ""; border-width: 10px 14px 0; border-style: solid; border-color: #002776 transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -3px; display: block; width: 0 } .roomDetails .room-details-v2.metaVariation .panel { background: transparent } .roomDetails .room-details-v2.metaVariation .panel__inner { border: none } .roomDetails .room-details-v2.metaVariation .benefits-list-content .view-all-cta { font-size: 0.875rem; font-size: .875rem } .roomDetails .room-details-v2.metaVariation .benefits-list-content .flight-included { font-family: GreycliffCF-bold; color: #666; margin-bottom: 6px } .roomDetails .room-details-v2.metaVariation .benefits-list-content .all-benefits li:last-child { margin-bottom: 8px } .roomDetails .room-details-v2.metaVariation .benefits-list-content .flight-included:before { display: inline-block; font-family: Icomoon; content: "\E91B"; color: #988642; padding-right: 5px } .roomDetails .room-details-v2.metaVariation .benefits-list-content .price-info-cta .fare-from,.roomDetails .room-details-v2.metaVariation .benefits-list-content .price-info-cta .pp-label { font-size: 0.875rem; font-size: .875rem } .roomDetails .room-details-v2.metaVariation .media.enable-gallery:after { content: ""; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImV4cGFuZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDU3IDQzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NyA0MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtvcGFjaXR5OjAuNDtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJSZWN0YW5nbGVfMTEwOV9jb3B5XzMiIGNsYXNzPSJzdDAiIGQ9Ik0tNTQuOS01NC45TC01NC45LTU0Ljl6Ii8+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LDMySDBWMGg0NFYzMnogTTIsMzBoNDBWMkgyVjMweiIvPgoJPC9nPgoJPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMTA5X2NvcHlfNCIgeD0iMSIgeT0iMSIgY2xhc3M9InN0MSIgd2lkdGg9IjQyIiBoZWlnaHQ9IjMwIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQ3LDUgNDcsNyA0OSw3IDQ5LDM1IDksMzUgOSwzMyA3LDMzIDcsMzcgNTEsMzcgNTEsNSAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUzLDExIDUzLDEzIDU1LDEzIDU1LDQxIDE1LDQxIDE1LDM5IDEzLDM5IDEzLDQzIDU3LDQzIDU3LDExIAkiLz4KPC9nPgo8L3N2Zz4K) no-repeat 50%; background-size: 80%; width: 40px; height: 40px } .roomDetails .room-details-v2.metaVariation .panel-title { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .panel-title { font-size:1.875rem; line-height: 1.333 } } .roomDetails .room-details-v2.metaVariation .panel-title { font-size: 18px; font-size: 1.125rem } .roomDetails .room-details-v2.metaVariation .panel-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .panel-description { font-size:1rem; line-height: 1.625 } } .roomDetails .room-details-v2.metaVariation .panel-description { font-size: 0.75rem; font-size: .75rem; line-height: 1.4em; padding-top: 6px } .roomDetails .room-details-v2.metaVariation .tab-tile[aria-expanded=true] .panel-title { font-family: GreycliffCF-light; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .tab-tile[aria-expanded=true] .panel-title { font-size:1.875rem; line-height: 1.333 } } .roomDetails .room-details-v2.metaVariation .tab-tile[aria-expanded=true] .panel-title { font-family: GreycliffCF-medium; font-size: 20px; font-size: 1.25rem } .roomDetails .room-details-v2.metaVariation .login-phone a { text-decoration: none } .roomDetails .room-details-v2.metaVariation .phone-number { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .roomDetails .room-details-v2.metaVariation .phone-number { font-size:1rem; line-height: 1.625 } } .roomDetails .room-details-v2.metaVariation .phone-number { font-size: 0.875rem; font-size: .875rem; font-family: Praxis-semibold; text-decoration: none; padding-left: 10px } .roomDetails .room-details-v2.metaVariation .phone-icon { position: relative; display: inline-block; vertical-align: middle } .roomDetails .room-details-v2.metaVariation .phone-icon:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E94B"; color: #002776; font-size: 20px; font-size: 1.25rem; vertical-align: middle } .roomDetails .room-details-v2.metaVariation .login-drawer-container { padding-left: 50px; line-height: 1.25 } .roomDetails .room-details-v2.metaVariation .login-drawer-caller:before,.roomDetails .room-details-v2.metaVariation .login-drawer .login-container .logged-info:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E94A"; color: #002776; margin-right: 6px; position: absolute; vertical-align: middle; top: -1px; left: -26px; font-size: 20px; font-size: 1.25rem } .roomDetails .room-details-v2.metaVariation .login-drawer-caller:before { top: -4px } .roomDetails .room-details-v2.metaVariation .login-drawer-caller,.roomDetails .room-details-v2.metaVariation .login-drawer-caller a,.roomDetails .room-details-v2.metaVariation .login-drawer .login-container .logged-info .headline,.roomDetails .room-details-v2.metaVariation .login-drawer .login-container .logged-info p { font-family: Praxis-semibold; color: #666; font-size: 0.875rem; font-size: .875rem } .roomDetails .room-details-v2.metaVariation .login-drawer-caller a,.roomDetails .room-details-v2.metaVariation .login-drawer .logged-info p:first-child .headline,.roomDetails .room-details-v2.metaVariation .login-drawer .login-container .logged-info a { color: #002776 } .roomDetails .room-details-v2.metaVariation .all-benefits { font-size: 0.875rem; font-size: .875rem } .acc-gallery-modal .aria-modal .title-section.mvp h4 { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .acc-gallery-modal .aria-modal .title-section.mvp h4 { font-size:1.875rem; line-height: 1.333 } } .acc-gallery-modal .aria-modal .thumbnail-section .thumbnail-image { border: 2px solid transparent } .acc-gallery-modal .aria-modal .thumbnail-section .thumbnail-image.active { border: 2px solid #002776 } .acc-gallery-modal .aria-modal .description-section article { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .acc-gallery-modal .aria-modal .description-section article { font-size:.875rem; line-height: 1.5rem } } .acc-gallery-modal .aria-modal .description-section article { font-size: 0.875rem; font-size: .875rem; line-height: 1.3em } .acc-gallery-modal .aria-modal .overlay-gallery .slide-number { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .acc-gallery-modal .aria-modal .overlay-gallery .slide-number { font-size:1.125rem; line-height: 1.555 } } .acc-gallery-modal .aria-modal .overlay-gallery .slide-number { font-size: 20.8px; font-size: 20.8px; font-size: 1.3rem; line-height: 1; color: #666 } .acc-gallery-modal .aria-modal .thumbnail-section .thumbnail-image .thumbnail-icon-threesixty { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMkI3NUJCO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxMjAuNSIgY3k9IjEyMC41IiByPSIxMTcuNSIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4My4zLDExNy4zYy0wLjktMTkuNC0yOS4yLTM0LjctNjQuMy0zNC43Yy0yMywwLTQzLjcsNi44LTU0LjIsMTcuOGMtNC45LDUuMi03LjQsMTEuMS03LjEsMTcuMgoJCWMwLjMsNi43LDQsMTMuMiwxMC42LDE4LjhjNiw1LjEsMTQuNCw5LjIsMjQuMiwxMmMxLjksMC41LDMuOC0wLjYsNC4zLTIuNGMwLjUtMS45LTAuNi0zLjgtMi40LTQuM2MtMTcuNi01LTI5LjItMTQuNS0yOS43LTI0LjMKCQljLTAuMi00LjIsMS41LTguMiw1LjItMTJjOS4yLTkuNiwyOC0xNS42LDQ5LjEtMTUuNmMzMC4zLDAsNTYuNSwxMi44LDU3LjMsMjhjMC41LDEwLjUtMTIsMjAuNS0zMSwyNWw2LjktMTMuM2wtMzcuNSwyMi4xbDQzLDcKCQlsLTEwLjMtOWM5LjYtMi40LDE3LjktNiwyNC4yLTEwLjdDMTc5LjYsMTMyLjUsMTgzLjYsMTI1LjEsMTgzLjMsMTE3LjN6Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat } .acc-gallery-modal .aria-modal .thumbnail-section .thumbnail-image .thumbnail-icon-video { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3NkNFO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnZpZGVvLXBsYXk8L3RpdGxlPgo8Zz4KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEyMC41IiBjeT0iMTIwLjUiIHI9IjExNy41Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LDExNC44TDkwLjgsNzQuM2MtMC44LTAuNS0xLjctMC44LTIuNy0wLjhjLTIuNywwLTQuOSwyLjItNC44LDQuOWwwLDB2ODQuMmwwLDBjMCwyLjcsMi4yLDQuOSw0LjgsNC45CgkJYzEsMCwxLjktMC4zLDIuNy0wLjhsNjguMS00MC41YzMuMS0yLjYsMy41LTcuMywwLjktMTAuNEMxNTkuNiwxMTUuNCwxNTkuMywxMTUuMSwxNTksMTE0LjgiLz4KCTxyZWN0IHg9Ijc3LjEiIHk9IjY4LjUiIGNsYXNzPSJzdDIiIHdpZHRoPSI4Ni43IiBoZWlnaHQ9IjEwNCIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat 50% } .acc-gallery-modal .aria-modal .more-cabin-overlay .icons.video-icon { line-height: 1; background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3NkNFO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnZpZGVvLXBsYXk8L3RpdGxlPgo8Zz4KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEyMC41IiBjeT0iMTIwLjUiIHI9IjExNy41Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LDExNC44TDkwLjgsNzQuM2MtMC44LTAuNS0xLjctMC44LTIuNy0wLjhjLTIuNywwLTQuOSwyLjItNC44LDQuOWwwLDB2ODQuMmwwLDBjMCwyLjcsMi4yLDQuOSw0LjgsNC45CgkJYzEsMCwxLjktMC4zLDIuNy0wLjhsNjguMS00MC41YzMuMS0yLjYsMy41LTcuMywwLjktMTAuNEMxNTkuNiwxMTUuNCwxNTkuMywxMTUuMSwxNTksMTE0LjgiLz4KCTxyZWN0IHg9Ijc3LjEiIHk9IjY4LjUiIGNsYXNzPSJzdDIiIHdpZHRoPSI4Ni43IiBoZWlnaHQ9IjEwNCIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat 50%; color: #fff; width: 40px; height: 40px; margin-right: 10px; border-color: transparent } .acc-gallery-modal .aria-modal .threeSixtyWrapper iframe { border: 2px solid #666 } @media (min-width: 768px) { .room-details-v2 .panel__label .roundel-wrapper { right:50px } .room-details-v2 .panel__label .price-section { padding-right: 70px; text-align: right } .room-details-v2 .panel__label .image-holder { display: block } .room-details-v2 .panel__label .image-holder img { vertical-align: middle } .room-details-v2 .carousel-controls { text-align: left } .room-details-v2 .sub-meta-header .sub-meta-header-list li:first-child { width: auto } .room-details-v2 .sub-meta-header .sub-meta-header-list li:first-child a { padding: 14px 20px 9px } .room-details-v2 .panel__label { min-height: 142px } .room-details-v2 .sub-meta-header .sub-meta-header-list li:last-child { width: 77% } .benefits-list-content .book-now-cta { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: .875rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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:768px) { .benefits-list-content .book-now-cta { font-size:1rem; width: auto; border-radius: 10px } } @media (min-width: 768px) { .benefits-list-content .book-now-cta:hover { background:#b0263a } .benefits-list-content .book-now-cta.active,.benefits-list-content .book-now-cta:active,.benefits-list-content .book-now-cta:focus { background: #b10f26 } .benefits-list-content .book-now-cta.disabled,.benefits-list-content .book-now-cta[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .roomDetails .room-details-v2.metaVariation .tab-container .tab-tile { border: 1px solid #a6b4cf; margin: 12px auto; padding: 20px 0; width: 700px } .roomDetails .room-details-v2.metaVariation .tab-container .panel-title,.roomDetails .room-details-v2.metaVariation .tab-container .price-section .currency { font-size: 1.625rem } .roomDetails .room-details-v2.metaVariation .tab-container .panel-description { font-size: .875rem; line-height: 1.25rem } .roomDetails .room-details-v2.metaVariation .price-section { line-height: 1rem } .roomDetails .room-details-v2.metaVariation .price-section .from-label { font-size: .875rem } .roomDetails .room-details-v2.metaVariation .price-info:after { font-size: 1.125rem } .acc-gallery-modal .aria-modal .overlay-gallery .slide-number { font-size: 1.5rem } } @media (min-width: 981px) { .room-details-v2 .sub-meta-header .sub-meta-header-list li:last-child { width:83% } } @media (min-width: 1025px) { .room-details-v2 .panel__label .roundel-wrapper { right:200px } .room-details-v2 .panel__label .price-section { padding-left: 0; -webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5 } .room-details-v2 .sub-meta-list div { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .room-details-v2 .sub-meta-list div { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .room-details-v2 .sub-meta-list div { font-family:Praxis-regular; color: #002776 } .room-details-v2 .carousel-controls { text-align: left } .room-details-v2 .sub-meta-list.no-slick { overflow: hidden; -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 } .room-details-v2 .sub-meta-list.no-slick div { padding: 0 30px } .room-details-v2 .sub-meta-list { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .room-details-v2 .sub-meta-list div.active .category-label { border-bottom: 3px solid #002776; color: #002776; font-weight: 700 } .room-details-v2 .slick-arrow { cursor: pointer; color: #002776 } .room-details-v2 .slick-arrow.slick-prev:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: .75rem } } @media (min-width: 1025px) and (min-width:768px) { .room-details-v2 .slick-arrow.slick-prev:before { font-size:1.125rem } } @media (min-width: 1025px) { .room-details-v2 .slick-arrow.slick-prev:before { font-size:1.25rem } .room-details-v2 .slick-arrow.slick-next:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: .75rem } } @media (min-width: 1025px) and (min-width:768px) { .room-details-v2 .slick-arrow.slick-next:before { font-size:1.125rem } } @media (min-width: 1025px) { .room-details-v2 .slick-arrow.slick-next:before { font-size:1.25rem } .room-details-v2 .slick-arrow.slick-disabled { opacity: .3 } .room-details-v2 .sub-meta-list .category-label { text-align: center } .room-details-v2 .panel__label { min-height: 80px } .room-details-v2 .panel[aria-expanded=false] .panel-label-wrapper { height: 152px } .room-details-v2 .panel[aria-expanded=true] .panel__label { height: 80px; padding: 10px 40px } .room-details-v2 .panel__label .price-section { font-size: 1.875rem } .room-details-v2 .panel[aria-expanded=false] .panel__label:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91E" } .room-details-v2 .slick-arrow.slick-next:before { z-index: 99; position: relative } .room-details-v2 .slick-arrow.slick-next:after,.room-details-v2 .slick-arrow.slick-prev:after { display: block; position: absolute; background-image: -webkit-gradient(linear,left top, right top,color-stop(0, hsla(0, 0%, 100%, 0)),color-stop(20%, hsla(0, 0%, 100%, .5)),to(#fff)); background-image: linear-gradient(90deg,hsla(0, 0%, 100%, 0) 0,hsla(0, 0%, 100%, .5) 20%,#fff); height: 35px; width: 85px; content: ""; top: 0; left: -66px; z-index: 97; pointer-events: none } .room-details-v2 .slick-arrow.slick-prev:after { background-image: -webkit-gradient(linear,right top, left top,color-stop(0, hsla(0, 0%, 100%, 0)),color-stop(20%, hsla(0, 0%, 100%, .5)),to(#fff)); background-image: linear-gradient(270deg,hsla(0, 0%, 100%, 0) 0,hsla(0, 0%, 100%, .5) 20%,#fff); left: 20px } .room-details-v2 .sub-meta-list .slick-arrow.slick-prev { left: -20px } .room-details-v2 .sub-meta-list .slick-arrow.slick-next { right: -25px } .sub-meta-section1 { padding-top: 40px } #twoColumnWrapper .roomDetails { margin-bottom: 0 } .roomDetails .room-details-v2.metaVariation .tab-container .tab-tile { -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1); box-shadow: 0 4px 8px rgba(0, 0, 0, .1); border: none; background: transparent; padding: 0 0 15px; margin: 0 6px } .roomDetails .room-details-v2.metaVariation .tab-container .tab-tile:first-child { margin-left: 0 } .roomDetails .room-details-v2.metaVariation .tab-container .tab-tile:last-child { margin-right: 0 } .roomDetails .room-details-v2.metaVariation .price-info:after { display: none } .roomDetails .room-details-v2.metaVariation .price-info .price-section { bottom: 15px } .roomDetails .room-details-v2.metaVariation .price-section .from-label { font-size: .75rem; padding-right: 4px } .roomDetails .room-details-v2.metaVariation .title-component { padding-bottom: 15px } .roomDetails .room-details-v2.metaVariation .tab-container .price-section .currency { font-size: 1.375rem } .roomDetails .room-details-v2.metaVariation .tab-container .panel-title { font-family: GreycliffCF-light; font-size: 1.25rem } .roomDetails .room-details-v2.metaVariation .panel__content { padding: 20px 0 0 } .roomDetails .room-details-v2.metaVariation .panel .sub-meta-content .media { width: 56% } .roomDetails .room-details-v2.metaVariation .panel .sub-meta-content .benefits-content { width: 43% } .roomDetails .room-details-v2.metaVariation .login-drawer-container .login-drawer { margin-top: 6px } .roomDetails .room-details-v2.metaVariation .login-drawer-container .login-drawer .arrow-up { margin-left: calc(70% - 4px) } .acc-gallery-modal .aria-modal .overlay-gallery .slide-number { color: #f2f0e8; font-size: 1.5rem } .acc-gallery-modal .aria-modal .video-icon:before { font-size: 1.5rem } } .room-details-v2 .accordion { width: 100%; margin: 0 auto } .benefits-list-content .view-all-cta:after { margin-left: 10px } .sub-meta-section1 { padding: 40px 33px } .sub-meta-section1 .approx,.sub-meta-section1 .title { display: block } @media (min-width: 768px) { .room-details-v2 .panel__label .image-holder { display:block } .room-details-v2 .sub-meta-content .media { padding: 50px 90px 0 } .room-details-v2 .sub-meta-section1 { padding: 30px 0 } .room-details-v2 .sub-meta-content .benefits-section1,.room-details-v2 .sub-meta-content .benefits-section2 { width: 40% } .room-details-v2 .sub-meta-content .benefits-content { padding: 0 90px 30px } .room-details-v2 .view-all-cta { padding-left: 12% } .room-details-v2 .roundel-wrapper { position: absolute; right: 50px; top: 10px } .room-details-v2 .roundel-wrapper .roundels { width: 120px; height: 120px } .room-details-v2 .book-now-cta.sold-out { width: 60% } .room-details-v2 .border-bottom { width: 230px } .benefits-list-content .tax-fees { margin-left: 0 } .benefits-list-content .all-benefits { padding-left: 55px } } @media (min-width: 1025px) { .roomDetails .room-details-v2 .accordion { width:900px } .roomDetails .room-details-v2 .panel-title { padding-left: 35px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; align-self: center } .roomDetails .room-details-v2 .panel[aria-expanded=true] .panel-title { padding-left: 0 } .roomDetails .room-details-v2 .panel__label .image-holder { width: 35%; height: auto } .roomDetails .room-details-v2 .panel__label:focus { outline: none } .roomDetails .room-details-v2 .panel__label .price-section { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; align-self: center; padding-right: 60px; padding-left: 0; text-align: right } .roomDetails .room-details-v2 .panel-label-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 } .roomDetails .room-details-v2 .panel[aria-expanded=true] .panel__content { opacity: 1 } .roomDetails .room-details-v2 .panel[aria-expanded=true] .panel__label { padding: 30px 40px } .roomDetails .room-details-v2 .panel[aria-expanded=true] .panel__label .image-holder { display: none } .roomDetails .room-details-v2 .panel .panel-label-wrapper.withoutRoundel .panel-title { width: 50% } .roomDetails .room-details-v2 .panel__inner { overflow: hidden; will-change: height; position: relative; z-index: 1 } .roomDetails .room-details-v2 .panel[aria-expanded=false] .panel__inner { border: none } .roomDetails .room-details-v2 .panel[aria-expanded=false] .panel-label-wrapper { min-height: 152px } .roomDetails .room-details-v2 .panel__content { padding: 40px } .roomDetails .room-details-v2 .sub-meta-header { display: none } .roomDetails .room-details-v2 .sub-meta-wrapper { display: block; margin-bottom: 40px; padding: 0 40px } .roomDetails .room-details-v2 .sub-meta-content .media { width: 40%; float: left; padding: 0 } .roomDetails .room-details-v2 .sub-meta-content .benefits-content { float: left; padding: 0 0 0 40px; width: 55% } .roomDetails .room-details-v2 .pre-register-wrapper { width: 900px } .roomDetails .room-details-v2 .roundel-wrapper { position: relative; right: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; top: 15px } .roomDetails .room-details-v2 .panel .panel__label .roundel-wrapper { -webkit-transform: none; transform: none } .roomDetails .room-details-v2 .roundel-wrapper .roundels { top: 0 } .roomDetails .room-details-v2 .sub-meta-list div .category-label { margin: 0 20px } .benefits-list .section1-content { padding: 18px 0; text-align: center; cursor: pointer } .benefits-list .section2-content { margin-left: 20px } .benefits-list .benefits-title { display: block } .benefits-section:first-child .section1-content { margin-right: 10px } .benefits-section:last-child .section1-content { margin-left: 10px } .benefits-list-content .view-all-cta { padding-left: 13% } .benefits-list-content .view-all-cta:after { margin-left: 10px } .benefits-list-content .book-now-cta,.benefits-list-content .pre-register-cta { margin-left: 13%; margin-top: 35px } .benefits-list-content .footNoteCopy,.benefits-list-content .tax-fees { margin-left: 13% } } .acc-gallery-modal .aria-modal .modal-content-wrapper { padding: 0 20px 25px } .acc-gallery-modal .aria-modal .more-cabin-overlay.legal-modal-container { max-width: 335px; margin: 0 auto; position: relative } .acc-gallery-modal .aria-modal .more-cabin-overlay .title-section.mvp h4 { margin: 10px 0 } .acc-gallery-modal .aria-modal .more-cabin-overlay .description-section { margin-top: 5px; margin-bottom: 20px } .acc-gallery-modal .aria-modal .more-cabin-overlay .overlay-gallery { position: static; -webkit-box-sizing: border-box; box-sizing: border-box } .acc-gallery-modal .aria-modal .more-cabin-overlay .overlay-gallery .slide-number { position: absolute; width: auto; bottom: -50px; right: 0; letter-spacing: 0.3125rem; letter-spacing: .3125rem } .acc-gallery-modal .aria-modal .more-cabin-overlay .carousel-controls { display: none } .acc-gallery-modal .aria-modal .more-cabin-overlay .thumbnail-section { -webkit-box-sizing: border-box; box-sizing: border-box; -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; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; margin-top: 10px } .acc-gallery-modal .aria-modal .more-cabin-overlay .thumbnail-section .slider { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .acc-gallery-modal .aria-modal .more-cabin-overlay .thumbnail-section .thumbnail-image { position: relative; cursor: pointer; margin: 0 10px 10px 0; max-width: 100px; height: 62px } .acc-gallery-modal .aria-modal .more-cabin-overlay .thumbnail-section .thumbnail-image:last-child { cursor: pointer; margin-right: 0 } .acc-gallery-modal .aria-modal .more-cabin-overlay .thumbnail-section .thumbnail-image .thumbnail-icon-threesixty,.acc-gallery-modal .aria-modal .more-cabin-overlay .thumbnail-section .thumbnail-image .thumbnail-icon-video { position: absolute; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50%; width: 40px; height: 40px } .acc-gallery-modal .aria-modal .more-cabin-overlay .video-icon { width: auto; height: auto; margin-right: 10px; padding-top: 2px; padding-left: 1px; border: none; line-height: 1; position: absolute; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50%; cursor: pointer } .acc-gallery-modal .aria-modal .more-cabin-overlay .video-container { position: relative } .acc-gallery-modal .aria-modal .more-cabin-overlay .videoplayer { position: absolute; top: 0; left: 0; height: 100%; z-index: 1 } .acc-gallery-modal .aria-modal .more-cabin-overlay .aria-modal .amp-video-container { min-width: auto; min-height: auto } .acc-gallery-modal .aria-modal .more-cabin-overlay .amp-pause-overlay { font-size: 1em; border-radius: 1em } .acc-gallery-modal .aria-modal .more-cabin-overlay .amp-controls { height: 1.35em } .acc-gallery-modal .aria-modal .more-cabin-overlay .amp-video-container.amp-persistent-controls .amp-progress { bottom: 1.05em } .acc-gallery-modal .aria-modal .more-cabin-overlay .image-container,.acc-gallery-modal .aria-modal .more-cabin-overlay .image-wrapper { min-height: 207px } .acc-gallery-modal .aria-modal .more-cabin-overlay .image-container .alt-div { min-height: 50px; position: absolute } .acc-gallery-modal .aria-modal .more-cabin-overlay .amp-video-container,.acc-gallery-modal .aria-modal .more-cabin-overlay .threeSixtyWrapper,.acc-gallery-modal .aria-modal .more-cabin-overlay .threeSixtyWrapper iframe,.acc-gallery-modal .aria-modal .more-cabin-overlay .video-container { min-width: 100%; min-height: 207px; -webkit-box-sizing: border-box; box-sizing: border-box } .acc-gallery-modal.legal-modal .aria-modal .modal-close-wrap .close { margin: 20px 20px 0; padding: 0 } .acc-gallery-modal.legal-modal .aria-modal .modal-close-wrap .close:after { font-size: 16px; font-size: 1rem } @media (min-width: 768px) { .acc-gallery-modal .aria-modal .modal-content-wrapper { padding:0 40px 25px } .acc-gallery-modal .aria-modal .more-cabin-overlay.legal-modal-container { max-width: 700px; margin: 0 auto } .acc-gallery-modal .aria-modal .more-cabin-overlay .description-section { margin-bottom: 30px } .acc-gallery-modal .aria-modal .more-cabin-overlay .thumbnail-section .thumbnail-image { min-width: 120px; height: 74px } .acc-gallery-modal .aria-modal .more-cabin-overlay .amp-pause-overlay { font-size: 2em; border-radius: 2em } .acc-gallery-modal .aria-modal .more-cabin-overlay .amp-controls { height: 1.86em } .acc-gallery-modal .aria-modal .more-cabin-overlay .amp-video-container.amp-persistent-controls .amp-progress { bottom: 1.61em } .acc-gallery-modal .aria-modal .more-cabin-overlay .image-container,.acc-gallery-modal .aria-modal .more-cabin-overlay .image-wrapper { max-height: 380px } .acc-gallery-modal .aria-modal .more-cabin-overlay .amp-video-container,.acc-gallery-modal .aria-modal .more-cabin-overlay .threeSixtyWrapper,.acc-gallery-modal .aria-modal .more-cabin-overlay .threeSixtyWrapper iframe,.acc-gallery-modal .aria-modal .more-cabin-overlay .video-container { min-width: 628px; min-height: 380px; -webkit-box-sizing: border-box; box-sizing: border-box } .acc-gallery-modal.legal-modal .aria-modal .modal-close-wrap .close { margin: 30px 30px 0; padding: 0 } .acc-gallery-modal.legal-modal .aria-modal .modal-close-wrap .close:after { font-size: 1.5625rem } } @media (min-width: 1025px) { .acc-gallery-modal .modal.aria-modal { position:absolute; height: calc(100vh - 94px); padding-top: 0; margin: 0 auto; max-width: 965px; max-height: 620px } .acc-gallery-modal .modal.aria-modal .modal-content-wrapper { height: 100%; padding: 0 } .acc-gallery-modal .modal.aria-modal .legal-modal-container { max-width: 965px; padding: 34px 84px 50px 88px } .acc-gallery-modal .modal.aria-modal { & .legal-modal-container .title-section,.legal-modal-container .description-section { max-width: 772px } } .acc-gallery-modal .modal.aria-modal .more-cabin-overlay .description-section { margin-bottom: 20px } .acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls { display: inline } .acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls .button.next-btn,.acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls .button.prev-btn { position: absolute; width: 30px; height: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer } .acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls .button.prev-btn { left: 30px } .acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls .button.next-btn { right: 30px } .acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls .button.next-btn:before,.acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls .button.prev-btn:before { font-size: 2.5rem } .acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls .button.next-btn.slick-disabled,.acc-gallery-modal .modal.aria-modal .more-cabin-overlay .carousel-controls .button.prev-btn.slick-disabled { display: none } .acc-gallery-modal .modal.aria-modal .image-container,.acc-gallery-modal .modal.aria-modal .image-wrapper { max-height: 380px } .acc-gallery-modal .modal.aria-modal .amp-video-container,.acc-gallery-modal .modal.aria-modal .threeSixtyWrapper,.acc-gallery-modal .modal.aria-modal .threeSixtyWrapper iframe,.acc-gallery-modal .modal.aria-modal .video-container { min-width: 770px; min-height: 380px; -webkit-box-sizing: border-box; box-sizing: border-box } .acc-gallery-modal .modal.aria-modal .overlay-gallery { max-width: 772px; position: relative } .acc-gallery-modal .modal.aria-modal .overlay-gallery .slide-number { bottom: 20px; right: 20px } .acc-gallery-modal .modal.aria-modal .thumbnail-section .slider { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .acc-gallery-modal .modal.aria-modal .thumbnail-section .thumbnail-image { margin-bottom: 0; min-width: 120px; height: 72px } .acc-gallery-modal.legal-modal .aria-modal .modal-close-wrap .close { margin: 30px 30px 0; padding: 0 } .acc-gallery-modal.legal-modal .aria-modal .modal-close-wrap .close:after { font-size: 1.5625rem } } .room-details-v2 { margin: 0 20px } .room-details-v2 .plain-tab-view { width: 100%; margin: 0 auto } .room-details-v2 .panel__label { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0; cursor: pointer; min-height: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .room-details-v2 .panel-label-wrapper { width: 100% } .room-details-v2 .panel-title { padding-left: 20px; width: 50%; text-align: left; display: inherit } .room-details-v2 .panel__label .price-section { float: left; padding-right: 0 } .room-details-v2 .sold-out .panel__label .price-section { padding-left: 15px } .room-details-v2 .benefits-list .sold-out { display: block } .room-details-v2 .panel[aria-expanded=false] .panel__label:after { content: ""; position: absolute; right: 25px; display: inline-block } .room-details-v2 .panel[aria-expanded=true] .panel__label:before { content: ""; position: absolute; right: 25px; top: 40%; margin-top: -2px; display: inline-block } .room-details-v2 .panel__label .price-section { padding-left: 20px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .room-details-v2 .panel__label .price-section:before { display: inline-block; content: attr(data-form-label); padding-right: 5px } .room-details-v2 .panel__label .price-section:after { display: inline-block; content: attr(data-pp-label); padding-left: 5px } .room-details-v2 .panel[aria-expanded=true] .panel__label .image-holder { display: none } .room-details-v2 .panel__inner { width: 100%; height: 100%; top: 0; left: 0; display: none; position: fixed; z-index: 1001; overflow: auto } .room-details-v2 .panel[aria-expanded=true] .panel__inner { display: block } .room-details-v2 .panel[aria-expanded=true] .panel__label .price-section { text-align: right; padding-right: 20px } .room-details-v2 .panel[aria-expanded=false] .panel__inner { border: none } .room-details-v2 .panel[aria-expanded=true] .roundel-wrapper { display: none } .room-details-v2 .panel .panel-label-wrapper.withoutRoundel .panel-title { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; width: 80% } .room-details-v2 .panel:not(:last-child) { margin-bottom: 20px } .room-details-v2 .sub-meta-wrapper { display: none } .room-details-v2 .sub-meta-list .slick-arrow { background: none; border: 0; font-size: 0; position: absolute; padding: 0 } .room-details-v2 .sub-meta-list .slick-arrow.slick-prev { left: -40px } .room-details-v2 .sub-meta-list .slick-arrow.slick-next { right: -40px; top: 0 } .room-details-v2 .sub-meta-content { overflow: hidden; display: block } .room-details-v2 .sub-meta-content .media img { width: 100% } .room-details-v2 .sub-meta-content .benefits-content { padding: 0 40px 33px } .room-details-v2 .sub-meta-content .benefits-section { width: 50%; float: left; position: relative } .room-details-v2 .benefits-section:first-child .section1-content { margin-right: 10px } .room-details-v2 .benefits-section:last-child .section1-content { margin-left: 10px } .room-details-v2 .sub-meta-header .sub-meta-header-list { margin: 0; padding: 0 } .room-details-v2 .sub-meta-header .dropdown-menu .drop { padding: 30px } .room-details-v2 .sub-meta-header .sub-meta-header-list li { list-style: none } .room-details-v2 .pre-register-wrapper { margin: 0 auto } .room-details-v2 .pre-register-wrapper .pre-register-section { padding: 40px; margin-bottom: 40px } .room-details-v2 .pre-register-overlay a { display: inherit; margin-top: 30px } .room-details-v2 .carousel-controls { margin-top: 20px } .room-details-v2 .icon { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .room-details-v2 .icons { width: 65px; height: 65px; cursor: pointer } .room-details-v2 .icons.tourIcon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMkI3NUJCO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxMjAuNSIgY3k9IjEyMC41IiByPSIxMTcuNSIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4My4zLDExNy4zYy0wLjktMTkuNC0yOS4yLTM0LjctNjQuMy0zNC43Yy0yMywwLTQzLjcsNi44LTU0LjIsMTcuOGMtNC45LDUuMi03LjQsMTEuMS03LjEsMTcuMgoJCWMwLjMsNi43LDQsMTMuMiwxMC42LDE4LjhjNiw1LjEsMTQuNCw5LjIsMjQuMiwxMmMxLjksMC41LDMuOC0wLjYsNC4zLTIuNGMwLjUtMS45LTAuNi0zLjgtMi40LTQuM2MtMTcuNi01LTI5LjItMTQuNS0yOS43LTI0LjMKCQljLTAuMi00LjIsMS41LTguMiw1LjItMTJjOS4yLTkuNiwyOC0xNS42LDQ5LjEtMTUuNmMzMC4zLDAsNTYuNSwxMi44LDU3LjMsMjhjMC41LDEwLjUtMTIsMjAuNS0zMSwyNWw2LjktMTMuM2wtMzcuNSwyMi4xbDQzLDcKCQlsLTEwLjMtOWM5LjYtMi40LDE3LjktNiwyNC4yLTEwLjdDMTc5LjYsMTMyLjUsMTgzLjYsMTI1LjEsMTgzLjMsMTE3LjN6Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat } .room-details-v2 .icons.videoIcon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDAuOSAyNDAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjQwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3NkNFO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnZpZGVvLXBsYXk8L3RpdGxlPgo8Zz4KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEyMC41IiBjeT0iMTIwLjUiIHI9IjExNy41Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LDExNC44TDkwLjgsNzQuM2MtMC44LTAuNS0xLjctMC44LTIuNy0wLjhjLTIuNywwLTQuOSwyLjItNC44LDQuOWwwLDB2ODQuMmwwLDBjMCwyLjcsMi4yLDQuOSw0LjgsNC45CgkJYzEsMCwxLjktMC4zLDIuNy0wLjhsNjguMS00MC41YzMuMS0yLjYsMy41LTcuMywwLjktMTAuNEMxNTkuNiwxMTUuNCwxNTkuMywxMTUuMSwxNTksMTE0LjgiLz4KCTxyZWN0IHg9Ijc3LjEiIHk9IjY4LjUiIGNsYXNzPSJzdDIiIHdpZHRoPSI4Ni43IiBoZWlnaHQ9IjEwNCIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat } .room-details-v2 .threeSixtyImage-container,.room-details-v2 .video-container { position: relative } .pre-register-modal .pre-register-overlay-container { padding: 30px } .pre-register-modal p,.pre-register-modal ul { padding: 0; margin: 0 } .pre-register-modal .close-label { display: none } .benefits-list .section1-content { padding: 10px 0 } .benefits-list .benefits-title { display: inline-block } .benefits-list .price-section { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .benefits-list .price-section:before { display: inline-block; content: attr(data-form-label); padding-right: 5px } .benefits-list .price-section:after { display: inline-block; content: attr(data-pp-label); padding-left: 5px } .benefits-list .active:before { content: ""; position: absolute; bottom: -13px; left: 50%; height: 0; width: 0 } .benefits-list-content { clear: both; padding: 40px 0 } .benefits-list-content .benefits-title { padding-bottom: 10px } .benefits-list-content .benefits-content-list .on-board-text { display: inline-block } .benefits-list-content .benefits-content-list .on-board-text p { margin: 0; padding: 0 } .benefits-list-content .benefits-content-list p { margin: 0; padding: 0; display: inline; margin-left: 5px } .benefits-list-content .benefits-content-wrap { margin: 0; padding: 0 } .benefits-list-content .benefits-content-wrap li { padding-bottom: 30px; overflow: hidden } .benefits-list-content .benefits-icon { width: 40px; height: 40px; width: 9%; float: left } .benefits-list-content .benefits-content-list { width: 80%; float: left; padding-left: 20px } .benefits-list-content .view-all-cta { padding-left: 16% } .benefits-list-content .view-all-cta:after { margin-left: 4px } .benefits-list-content .book-now-cta { margin-top: 35px } .benefits-list-content .book-now-cta.sold-out { width: 100% } .benefits-list-content .pre-register-cta { margin-top: 35px } .benefits-list-content .border-bottom { width: 140px; display: block; margin: 0 auto; clear: both; padding-top: 30px } .benefits-list-content .or-label { padding: 10px; position: absolute; margin-top: -24px } .sub-meta-header .sub-meta-header-list { overflow: hidden } .sub-meta-header .sub-meta-header-list li { float: left } .sub-meta-header .sub-meta-header-list li:first-child a { line-height: 62px; line-height: 3.875rem; padding: 10px 40px 0 20px } .sub-meta-header .sub-meta-header-list li:first-child a:before { padding-right: 25px; position: relative } .sub-meta-header .sub-meta-header-list li:first-child { width: 10% } .sub-meta-header .sub-meta-header-list li:last-child { width: 80% } .sub-meta-header .header-dropdown { padding: 20px 0 } .sub-meta-header .arrow:after { margin-left: 20px } .benefits-list-content .tax-fees { margin-left: 0 } .roomDetails .room-details-v2.metaVariation { margin: 0 } .roomDetails .room-details-v2.metaVariation .panel .sub-meta-content .media { width: 56%; position: relative; min-height: 80px } .roomDetails .room-details-v2.metaVariation .benefits-list-content .booking-status { margin: 0 } .roomDetails .room-details-v2.metaVariation .media:after { display: none } .roomDetails .room-details-v2.metaVariation .media.enable-gallery:after { display: inline-block; position: absolute; bottom: 15px; right: 15px } .roomDetails .room-details-v2.metaVariation .media .main-panel { min-width: 394px; margin-right: 4px } .roomDetails .room-details-v2.metaVariation .media .second-panel { min-width: 272px } .roomDetails .room-details-v2.metaVariation .panel .sub-meta-content .benefits-content { width: 43%; -webkit-box-sizing: border-box; box-sizing: border-box } .roomDetails .room-details-v2.metaVariation .tab-content-container { margin-top: 15px; display: none } .roomDetails .room-details-v2.metaVariation .price-section { display: block; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .roomDetails .room-details-v2.metaVariation .price-section .from-label { display: block } .roomDetails .room-details-v2.metaVariation .price-section .pp-label { margin-left: 4px; display: inline; vertical-align: super } .roomDetails .room-details-v2.metaVariation .tab-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .roomDetails .room-details-v2.metaVariation .tab-container .price-info { width: 90%; margin: 0 auto; text-align: left; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .roomDetails .room-details-v2.metaVariation .tab-container .price-info>div:first-child { width: 65% } .roomDetails .room-details-v2.metaVariation .tab-container .panel-title { width: 100%; padding: 0; text-align: left; cursor: pointer } .roomDetails .room-details-v2.metaVariation .tab-container .panel-description { display: block } .roomDetails .room-details-v2.metaVariation .tab-tile { max-width: none; margin: 12px 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 20px 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box } .roomDetails .room-details-v2.metaVariation .tab-tile .image-holder { display: none } .roomDetails .room-details-v2.metaVariation .tab-tile.sold-out { opacity: .6 } .roomDetails .room-details-v2.metaVariation .tab-tile:first-child { margin-left: 0 } .roomDetails .room-details-v2.metaVariation .tab-tile:last-child { margin-right: 0 } .roomDetails .room-details-v2.metaVariation .benefits-list-content .book-now-cta { margin: 0 } .roomDetails .room-details-v2.metaVariation .benefits-list-content .cta-container,.roomDetails .room-details-v2.metaVariation .benefits-list-content .price-info-cta { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .roomDetails .room-details-v2.metaVariation .benefits-list-content .price-info-cta .pp-label { display: inline-block; vertical-align: super } .roomDetails .room-details-v2.metaVariation .benefits-list-content { padding: 0 } .roomDetails .room-details-v2.metaVariation .benefits-list-content .cta-container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0 5px } .roomDetails .room-details-v2.metaVariation .benefits-list-content .all-benefits,.roomDetails .room-details-v2.metaVariation .benefits-list-content .view-all-cta { padding-left: 0; position: relative; padding-bottom: 4px } .roomDetails .room-details-v2.metaVariation .benefits-list-content .view-all-cta:after { position: absolute } .roomDetails .room-details-v2.metaVariation .benefits-list-content .all-benefits ul li { list-style-position: outside } .roomDetails .room-details-v2.metaVariation .benefits-list-content .all-benefits ul { padding-left: 15px } .roomDetails .room-details-v2.metaVariation .benefits-list-content .flight-included { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .roomDetails .room-details-v2.metaVariation .benefits-list-content .footNoteCopy,.roomDetails .room-details-v2.metaVariation .benefits-list-content .tax-fees { margin-left: 0 } .roomDetails .room-details-v2.metaVariation .grid-panel { -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; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .roomDetails .room-details-v2.metaVariation .pre-register-cta { margin: 0 } .roomDetails .room-details-v2.metaVariation .login-container { max-width: 1200px; padding: 0; position: relative } .roomDetails .room-details-v2.metaVariation .panel-description { padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box } @media (min-width: 768px) { .room-details-v2 .panel__label .image-holder { display:block } .room-details-v2 .sub-meta-content .media { padding: 50px 90px 0 } .room-details-v2 .sub-meta-content .benefits-section1,.room-details-v2 .sub-meta-content .benefits-section2 { width: 40% } .room-details-v2 .sub-meta-content .benefits-content { padding: 0 90px 30px } .room-details-v2 .view-all-cta { padding-left: 12% } .room-details-v2 .roundel-wrapper { position: absolute; right: 50px; top: 10px } .room-details-v2 .roundel-wrapper .roundels { width: 120px; height: 120px } .room-details-v2 .book-now-cta.sold-out { width: 60% } .room-details-v2 .border-bottom { width: 230px } .roomDetails .room-details-v2.metaVariation { margin: 0 25px } .roomDetails .room-details-v2.metaVariation .price-section .pp-label { display: inline } .benefits-list-content .tax-fees { margin-left: 0 } } @media (min-width: 1025px) { .roomDetails .room-details-v2 .plain-tab-view { width:auto; max-width: 1200px } .roomDetails .room-details-v2 .panel-title { padding-left: 35px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; align-self: center } .roomDetails .room-details-v2 .panel[aria-expanded=true] .panel-title { padding-left: 0 } .roomDetails .room-details-v2 .panel__label .image-holder { width: 35%; height: auto } .roomDetails .room-details-v2 .panel__label:focus { outline: none } .roomDetails .room-details-v2 .panel__label .price-section { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; align-self: center; padding-right: 60px; padding-left: 0; text-align: right } .roomDetails .room-details-v2 .panel-label-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 } .roomDetails .room-details-v2 .panel[aria-expanded=true] .panel__content { opacity: 1 } .roomDetails .room-details-v2 .panel[aria-expanded=true] .panel__label { padding: 30px 40px } .roomDetails .room-details-v2 .panel[aria-expanded=true] .panel__label .image-holder { display: none } .roomDetails .room-details-v2 .panel .panel-label-wrapper.withoutRoundel .panel-title { width: 50% } .roomDetails .room-details-v2 .panel__inner { overflow: hidden; will-change: height; position: relative; z-index: 1 } .roomDetails .room-details-v2 .panel[aria-expanded=false] .panel__inner { border: none } .roomDetails .room-details-v2 .panel[aria-expanded=false] .panel-label-wrapper { min-height: 152px } .roomDetails .room-details-v2 .panel__content { padding: 20px; padding-bottom: 0 } .roomDetails .room-details-v2 .sub-meta-header { display: none } .roomDetails .room-details-v2 .sub-meta-wrapper { display: block; margin-bottom: 40px; padding: 0 40px } .roomDetails .room-details-v2 .sub-meta-content .media { width: 40%; float: left; padding: 0 } .roomDetails .room-details-v2 .sub-meta-content .benefits-content { float: left; padding: 0 0 0 40px; width: 55% } .roomDetails .room-details-v2 .pre-register-wrapper { width: 900px } .roomDetails .room-details-v2 .roundel-wrapper { position: relative; right: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; top: 15px } .roomDetails .room-details-v2 .roundel-wrapper .roundels { top: 0 } .roomDetails .room-details-v2 .sub-meta-list div .category-label { margin: 0 20px } .benefits-list .section1-content { padding: 18px 0; text-align: center; cursor: pointer } .benefits-list .section2-content { margin-left: 20px } .benefits-list .benefits-title { display: block } .benefits-section:first-child .section1-content { margin-right: 10px } .benefits-section:last-child .section1-content { margin-left: 10px } .roomDetails .room-details-v2.metaVariation .tab-content-container { display: block } .roomDetails .room-details-v2.metaVariation .panel:not(:last-child) { margin-bottom: 0 } .roomDetails .room-details-v2.metaVariation .tab-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .roomDetails .room-details-v2.metaVariation .tab-container .panel-description { display: none } .roomDetails .room-details-v2.metaVariation .tab-tile { max-width: 160px; margin: 0 6px; padding-bottom: 15px; padding-top: 0; position: relative } .roomDetails .room-details-v2.metaVariation .tab-tile.sold-out .image-holder { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(100%); filter: grayscale(100%) } .roomDetails .room-details-v2.metaVariation .tab-tile .image-holder { display: block } .roomDetails .room-details-v2.metaVariation .tab-container .price-info { display: block; width: 80%; text-align: center } .roomDetails .room-details-v2.metaVariation .tab-container .price-info>div:first-child { width: 100% } .roomDetails .room-details-v2.metaVariation .tab-container .panel-title { text-align: center } .roomDetails .room-details-v2.metaVariation .price-section { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 10px; position: absolute; bottom: 8px; left: 0; right: 0 } .roomDetails .room-details-v2.metaVariation .tab-container .price-section .from-label { padding-right: 4px } .roomDetails .room-details-v2.metaVariation .login-holder { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .roomDetails .room-details-v2.metaVariation .login-holder .title-wrapper { padding: 0 } .roomDetails .room-details-v2.metaVariation .login-drawer-container { margin: 0; padding-right: 0; padding-left: 60px } .roomDetails .room-details-v2.metaVariation .login-drawer-container .login-drawer-caller p { margin: 0 } .roomDetails .room-details-v2.metaVariation .login-drawer-container .login-drawer-caller { position: relative } .roomDetails .room-details-v2.metaVariation .login-drawer { position: absolute; width: 100%; left: 0; right: 0; z-index: 9; margin-top: 0 } .roomDetails .room-details-v2.metaVariation .login-drawer .login-container .login-signup.logged-info { padding: 2px 0 0; line-height: 1.25; text-align: left } .roomDetails .room-details-v2.metaVariation .login-drawer .login-container .login-signup.logged-info p { margin: 0 } .roomDetails .room-details-v2.metaVariation .login-drawer.logged-in { position: static; margin: 0 } .roomDetails .room-details-v2.metaVariation .login-drawer .arrow-up { margin-left: calc(68% - 8px) } .roomDetails .room-details-v2.metaVariation .login-wrapper-lvp { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 41% } .roomDetails .room-details-v2.metaVariation .panel-title { margin-bottom: 30px; margin-top: 7px } .roomDetails .room-details-v2.metaVariation .all-benefits li { margin-bottom: 15px } .roomDetails .room-details-v2.metaVariation .all-benefits li:last-child { margin-bottom: 0 } } @media (min-width: 1281px) { .roomDetails .room-details-v2.metaVariation .tab-tile { max-width:190px } } .room-details-v2.submeta-view { margin: 20px 0 } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label { position: relative; width: 100%; padding: 0; min-height: 90px; padding: 20px; text-align: left; margin-bottom: 10px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label .image-holder { display: none } .room-details-v2.submeta-view .primary-accordion:last-child .primary-accordion-label { margin-bottom: 0 } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-label { min-height: 50px; margin-bottom: 0; padding: 10px 20px } .room-details-v2.submeta-view .primary-accordion.sold-out { opacity: .5; pointer-events: none } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label-wrapper { text-align: left; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px } .room-details-v2.submeta-view .primary-accordion .price-section:before { display: block; content: attr(data-form-label) } .room-details-v2.submeta-view .primary-accordion .price-section:after { display: inline-block; content: attr(data-pp-label); padding-left: 5px; vertical-align: top } .room-details-v2.submeta-view .primary-accordion .primary-accordion-inner,.room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .price-section-wrapper,.room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-desc { display: none } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-inner { display: block; margin-bottom: 10px } .room-details-v2.submeta-view .primary-accordion .roundel-wrapper { display: none } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label-wrapper { text-align: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 30px } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0; min-height: 100px; padding: 20px } .room-details-v2.submeta-view .secondary-accordion[aria-expanded=false] .secondary-accordion-label { min-height: 50px; padding: 10px 20px } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:before { display: block; content: attr(data-form-label); padding-right: 5px } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:after { display: inline-block; content: attr(data-pp-label); padding-left: 5px; vertical-align: top } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label:focus { outline: none } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-inner { display: none; opacity: 0 } .room-details-v2.submeta-view .secondary-accordion.active .secondary-accordion-inner { display: block; opacity: 1 } .room-details-v2.submeta-view .secondary-accordion .price-section-wrapper .package-details { display: none } .room-details-v2.submeta-view .secondary-accordion .package-details { padding: 0 20px } .room-details-v2.submeta-view .sub-meta-content .media { position: relative } .room-details-v2.submeta-view .sub-meta-content .package-details { margin: 15px 0 0 } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { margin: 15px 20px; padding: 12px 20px 15px } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section.sold-out { pointer-events: none } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section p,.room-details-v2.submeta-view .sub-meta-content .sub-meta-section ul { margin: 0; padding-left: 10px } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta-wrapper { text-align: center; margin-bottom: 10px } .fareWrapper .titleWrapper { text-align: center } .fareWrapper .benefits-list-content { text-align: left } .fareWrapper .benefits-list-content .benefits-content-list { padding-left: 10px } .fareWrapper .benefits-list-content .all-benefits { padding-left: 14px } .fareWrapper .benefits-list-content .view-all-cta:after { position: absolute } .fareWrapper .section-footer-wrapper { text-align: center } .fareWrapper .benefits-list-content .view-all-cta { padding-left: 0; position: relative; margin-left: 40px; padding-bottom: 2px } .benefits-list-content.sold-out,.titleWrapper.sold-out { opacity: .5 } .closeFare,.fareWrapper .fareTypeContainer .border-bottom,.fareWrapper .fareTypeContainer .or-label,.room-details-v2 .token-service { display: none } @media (min-width: 768px) { .room-details-v2.submeta-view .accordion { width:700px } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label,.room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-label { padding: 20px 30px } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label-wrapper { margin-right: 70px } .room-details-v2.submeta-view .primary-accordion .price-section-wrapper { margin-right: 35px } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label,.room-details-v2.submeta-view .secondary-accordion[aria-expanded=false] .secondary-accordion-label { padding: 20px 30px } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label-wrapper { margin-right: 70px } .room-details-v2.submeta-view .secondary-accordion .price-section { margin-right: 35px } .room-details-v2.submeta-view .secondary-accordion .image-holder { max-height: 264px; overflow: hidden } .room-details-v2.submeta-view .secondary-accordion .package-details { margin: 0; padding: 15px 30px } .room-details-v2.submeta-view .sub-meta-content .media { padding: 0 } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { margin: 0; padding: 20px 30px } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta-wrapper { text-align: right; margin-bottom: 0; padding: 0 20px 20px } .room-details-v2.submeta-view .sub-meta-content .cta-content { margin-top: 10px } .fareWrapper .titleWrapper { text-align: center } .fareWrapper .benefits-list-content { text-align: left } } @media (min-width: 1025px) { .room-details-v2.submeta-view .accordion { width:900px } .room-details-v2.submeta-view .primary-accordion .primary-accordion-inner { padding: 15px 30px } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label { padding: 0 30px 0 0; margin-bottom: 20px } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-inner { background-color: #fff; margin-bottom: 20px } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-label { padding: 10px 40px } .room-details-v2.submeta-view .primary-accordion[aria-expanded=false] .primary-accordion-label .image-holder { display: inline-block; max-height: 136px; max-width: 385px; overflow: hidden; margin-right: 30px } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label-wrapper { margin-right: 50px } .room-details-v2.submeta-view .primary-accordion .price-section-wrapper { margin-right: 20px } .room-details-v2.submeta-view .primary-accordion .price-section:before { display: inline } .room-details-v2.submeta-view .primary-accordion .price-section .package-name { display: block } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .price-section-wrapper { text-align: right; max-width: 200px; word-break: break-word } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .sub-meta-content .price-section-wrapper { display: block } .room-details-v2.submeta-view .primary-accordion .roundel-wrapper { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; top: 0; margin-right: 10px; display: block } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .roundel-wrapper,.room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label:after { display: none } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:before { display: inline } .room-details-v2.submeta-view .secondary-accordion .price-section-wrapper .package-details { display: block } .room-details-v2.submeta-view .sub-meta-content { padding: 15px 0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .room-details-v2.submeta-view .sub-meta-content .media { max-height: 140px; max-width: 345px; overflow: hidden; margin-right: 30px } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { margin: 0 10px 0 0; padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .room-details-v2.submeta-view .sub-meta-content .package-details { margin: 0 } .room-details-v2.submeta-view .sub-meta-content .price-section-wrapper { margin-right: 0 } .room-details-v2.submeta-view .sub-meta-content .cta-content { margin-top: 0 } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section p,.room-details-v2.submeta-view .sub-meta-content .sub-meta-section ul { padding-left: 0 } .room-details-v2.submeta-view .sub-meta-content .price-section-wrapper.sold-out,.room-details-v2.submeta-view .sub-meta-content .sub-meta-section.sold-out { opacity: .5 } .room-details-v2.submeta-view .sub-meta-content:last-child:after { display: none } .room-details-v2.submeta-view .sub-meta-content.shrinked-view { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .room-details-v2.submeta-view .sub-meta-content.shrinked-view .title { -webkit-box-flex: 3; -ms-flex: 3; flex: 3 } .room-details-v2.submeta-view .sub-meta-content.shrinked-view .price-section-wrapper { margin-right: 10px } .room-details-v2.submeta-view .sub-meta-content.shrinked-view .see-fare-cta-wrapper { margin-top: 0 } .fareWrapper { position: relative; padding: 10px; margin-top: 7px } .fareWrapper .titleWrapper { text-align: center } .fareWrapper .benefits-list-content .book-now-cta { margin: 20px } .fareWrapper .cta-container { text-align: center } .fareWrapper .benefits-list-content .all-benefits { padding-left: 14px } .fareWrapper .benefits-list-content .benefits-content-list { padding-left: 0 } .fareWrapper .benefits-list-content .footNoteCopy { margin: 0 10% } .fareWrapper section { position: relative; max-width: 550px } .fareWrapper .section-footer-wrapper { bottom: 0 } .fareWrapper .benefits-list-content { height: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .fareWrapper .section-body-wrapper { text-align: left } .fareWrapper .view-all-cta { margin-left: 40px; padding-left: 0 } .closeFare { display: inline-block; position: absolute; right: 20px; top: 20px } .fareTypeContainer { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .fareTypeContainer section { width: calc(50% - 40px); margin: 10px 20px } .fareWrapper .fareTypeContainer .border-bottom,.fareWrapper .fareTypeContainer .or-label { display: none } } @media (min-width: 1281px) { .room-details-v2.submeta-view .accordion { width:1200px } .room-details-v2.submeta-view .primary-accordion .primary-accordion-inner { padding-left: 40px } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section ul { padding-left: 0 } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section li { display: inline-block; list-style: none } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section li:nth-child(odd) { width: 45% } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section li:nth-child(2n) { margin-left: 20px; width: 50% } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section li:before { content: " "; width: 3px; height: 3px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px } } .suite-slide { background-color: #fff } .suite-slide .carousel-controls { text-align: center } .suite-slide .suite-header { background: #988642; color: #fff } .suite-slide .suite-header a { text-decoration: none; line-height: 56px; line-height: 3.5rem; color: #fff; font-size: 0.875rem; font-size: .875rem; text-transform: uppercase } .suite-slide .suite-header a:before { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAAxklEQVQ4jZ2Uuw3CMBRFb0JBSQNhAcZALMEvDAENa7AGEr8ZmIIlALEAzaEgBoskzsNXupILH/v5fZwAilBf0iqNAHNJF0ltAVZnwImvhlZwDtw98AG0LLcdKWsLKAROgVsFCJDXwRlwqIEAnkCnCp4A1wAIcHb7HdQD9g2Q09qHx4bbfA0cnEqisFXJZ1Wc0gV2MWH7tjyhlDDfXcLJqy2VtWyLJtiVsKphGtvzt1X9KEyDEWrb0T+w84z3wGwS4r6hTNLyBWJ3QKuBXNuWAAAAAElFTkSuQmCC); background-repeat: no-repeat } .suite-slide .suite-header span { border-left: 1px solid #fff } .suite-container .caret { border-top: 1px solid transparent; font-family: Praxis-regular; color: #ccc; font-size: 0.75rem; font-size: .75rem } .suite-container .carousel-controls { padding-top: 20px } .suite-container .caret .offer-name { font-family: GreycliffCF-bold; padding-top: 10px } .suite-container .currency { font-family: GreycliffCF-bold } .suite-container .caret.restricted:before { content: ""; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent } .suite-container .caret.restricted:after { content: ""; border-bottom: 9px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent } .suite-container .caret.un-restricted:before { content: ""; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent } .suite-container .caret.un-restricted:after { content: ""; border-bottom: 9px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent } .suite-container .room-title { color: #666; margin-top: 0 } .suite-container .date-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .suite-container .date-text { font-size:1rem; line-height: 1.625 } } .suite-container .date-text { color: #666; font-weight: 700 } .suite-container .cta-link { color: #f2f0e8; text-decoration: none; border-bottom: 1px solid #f2f0e8; color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .suite-container .cta-link { font-size:1.125rem; border-radius: 15px } } .suite-container .cta-link { text-transform: uppercase } .suite-container .room-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .suite-container .room-description { font-size:1.125rem; line-height: 1.555 } } .suite-container .room-description { margin-bottom: 30px; color: #666 } .suite-container .room-description li { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .suite-container .room-description li { font-size:1rem; line-height: 1.625 } } .suite-container .cta-btn { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .suite-container .cta-btn { font-size:1.125rem; border-radius: 15px } } .suite-container .cta-btn { border: none } .suite-container .primary-cta { text-decoration: none; background: #0076ce; color: #666 } .suite-container .foot-note { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .suite-container .foot-note { font-size:.75rem } } .suite-container .foot-note { color: transparent } .suite-container .foot-note p>span { text-transform: uppercase } .suite-container .video-container img { height: 304px } .suite-detail-footer { text-align: center } .suite-detail-footer .login-phone { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .suite-detail-footer .login-phone { font-size:1rem; line-height: 1.625 } } .suite-detail-footer .login-phone { color: #666 } .suite-detail-footer .phone-icon:after { font-family: Icomoon; speak: none; font-size: 0.875rem; font-size: .875rem; content: "\E914"; color: #666; margin-bottom: 8px } .suite-detail-footer .primary-number { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .suite-detail-footer .phone-dec { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .suite-detail-footer .phone-dec { font-size:.875rem; line-height: 1.5rem } } .suite-detail-footer .tax-fees { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .suite-detail-footer .tax-fees { font-size:.875rem; line-height: 1.5rem } } .suite-detail-footer .tax-fees { color: transparent } .suite-detail-footer .tax-fees a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .suite-detail-footer .tax-fees a { font-size:.875rem; line-height: 1.5rem } } .suite-detail-footer .tax-fees a { color: #666; text-decoration: underline } .suite-modal { background: #fff } .price-type-radio ul { list-style: none } .price-type-radio ul li { color: transparent } .price-type-radio ul li:after { content: ""; border-bottom: 9px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent } .price-type-radio ul li label { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .price-type-radio ul li label { font-size:1rem; line-height: 1.625 } } .price-type-radio ul li label { color: #666 } .price-type-radio ul li:hover label { color: transparent } .price-type-radio ul li:hover .check { border: 2px solid transparent } .price-type-radio ul li .check { border: 2px solid transparent; border-radius: 100% } .price-type-radio ul li .check:before { content: ""; border-radius: 100% } .price-type-radio ul input[type=radio]:checked~.check { border: 2px solid #0076ce } .price-type-radio ul input[type=radio]:checked~.check:before { background: #0076ce } .pt-desc-content .price-title { color: transparent; text-transform: uppercase } .price-descriptions li { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .price-descriptions li { font-size:.875rem; line-height: 1.5rem } } .price-descriptions li { color: transparent } .suiteTitle h1 { text-align: center; color: #666; font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .suiteTitle h1 { font-size:2.5rem; line-height: 1.25 } } .suiteTitle .title-decorator-image { text-align: center; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0MCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNCQkJCQkI7fQo8L3N0eWxlPgo8Zz4KCQoJCTxyZWN0IHg9IjY0LjUiIHk9IjQuNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAyNy41MDI1IC00Ni4zOTY4KSIgY2xhc3M9InN0MCIgd2lkdGg9IjEwLjYiIGhlaWdodD0iMTAuNiIvPgoJPHJlY3QgeD0iMiIgeT0iMTAiIGNsYXNzPSJzdDAiIHdpZHRoPSI1NS42IiBoZWlnaHQ9IjEiLz4KCTxyZWN0IHg9IjgyLjQiIHk9IjEwIiBjbGFzcz0ic3QwIiB3aWR0aD0iNTUuNiIgaGVpZ2h0PSIxIi8+CjwvZz4KPC9zdmc+Cg==); background-repeat: no-repeat } @media (min-width: 768px) { .suite-container .caret { font-size:1rem } .suite-container .video-container img { height: 461px } .suite-container .caret .offer-name { padding-top: 0 } .suite-detail-footer { text-align: left } .suite-detail-footer .phone-holder { padding-left: 0 } } @media (min-width: 1025px) { .suite-dialog { background:#fff } .suite-dialog .room-title { line-height: normal; font-family: GreycliffCF-medium; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } } @media (min-width: 1025px) and (min-width:768px) { .suite-dialog .room-title { font-size:1.5rem; line-height: 1.333 } } @media (min-width: 1025px) { .suite-detail-footer,.suite-dialog .carousel-controls { text-align:left } .suite-detail .login-drawer .arrow-up { margin-left: calc(54% - 8px) } .suite-container { padding-left: 80px; padding-right: 80px } .suite-container .video-container img { height: 376px } .threeSixtyImage-container,.video-container { min-height: 0 } } .room-details-v2.submeta-view .title-component { padding-top: 20px } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label { background: none; background-color: #f7f7f7; border: 1px solid #a6b4cf; border-width: 1px 0; margin-bottom: 20px; cursor: pointer } .room-details-v2.submeta-view .primary-accordion .primary-accordion-title { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .room-details-v2.submeta-view .primary-accordion .primary-accordion-title { font-size:1.875rem; line-height: 1.333 } } .room-details-v2.submeta-view .primary-accordion .primary-accordion-title { display: block; font-family: GreycliffCF-medium } .room-details-v2.submeta-view .primary-accordion .primary-accordion-desc { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .primary-accordion .primary-accordion-desc { font-size:1rem; line-height: 1.625 } } .room-details-v2.submeta-view .primary-accordion .primary-accordion-desc { font-size: 0.75rem; font-size: .75rem; line-height: 1.25; padding-top: 6px; display: block } .room-details-v2.submeta-view .primary-accordion .price-section-wrapper { text-align: right } .room-details-v2.submeta-view .primary-accordion .price-section { font-family: GreycliffCF-light; line-height: 1.15; font-weight: 400; color: #002776 } @media (min-width: 768px) { .room-details-v2.submeta-view .primary-accordion .price-section { font-size:1.875rem; line-height: 1.333 } } .room-details-v2.submeta-view .primary-accordion .price-section { font-size: 20px; font-size: 1.25rem; color: #988642; font-family: GreycliffCF-bold; line-height: 20px; line-height: 1.25rem; letter-spacing: 0 } .room-details-v2.submeta-view .primary-accordion .price-section:before { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .primary-accordion .price-section:before { font-size:.875rem; line-height: 1.5rem } } .room-details-v2.submeta-view .primary-accordion .price-section:before { font-size: 0.6875rem; font-size: .6875rem; line-height: 0.875rem; line-height: .875rem } .room-details-v2.submeta-view .primary-accordion .price-section:after { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .primary-accordion .price-section:after { font-size:.875rem; line-height: 1.5rem } } .room-details-v2.submeta-view .primary-accordion .price-section:after { font-size: 0.6875rem; font-size: .6875rem; line-height: 0.875rem; line-height: .875rem } .room-details-v2.submeta-view .primary-accordion .primary-accordion-label:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92A"; font-size: 18px; font-size: 1.125rem; color: #002776 } .room-details-v2.submeta-view .primary-accordion[aria-expanded=false] .primary-accordion-label:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); padding-right: 15px } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-label:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); padding-left: 15px } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label { background: none; background-color: #fff; border: 1px solid #a6b4cf; border-width: 0 0 1px; text-align: center; cursor: pointer } .room-details-v2.submeta-view .secondary-accordion.active .secondary-accordion-label { border-bottom-width: 0 } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-title { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-title { font-size:1.5rem; line-height: 1.333 } } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-title { font-family: GreycliffCF-light; line-height: 1.4; display: block } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-desc { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-desc { font-size:1rem; line-height: 1.625 } } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-desc { font-size: 0.75rem; font-size: .75rem; line-height: 1.25; display: block } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92F"; font-size: 20px; font-size: 1.25rem; color: #002776; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; transition: transform .4s,-webkit-transform .4s } .room-details-v2.submeta-view .secondary-accordion[aria-expanded=false] .secondary-accordion-label:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 15px } .room-details-v2.submeta-view .secondary-accordion[aria-expanded=true] .secondary-accordion-label:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); padding-left: 15px } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section { font-size:1.5rem; line-height: 1.333 } } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section { color: #988642; font-family: GreycliffCF-bold; text-align: right } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section.sold-out { color: #666; opacity: .5 } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:before { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:before { font-size:.875rem; line-height: 1.5rem } } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:before { font-size: 0.6875rem; font-size: .6875rem; line-height: 0.875rem; line-height: .875rem } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:after { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:after { font-size:.875rem; line-height: 1.5rem } } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label .price-section:after { font-size: 0.6875rem; font-size: .6875rem; line-height: 0.875rem; line-height: .875rem } .room-details-v2.submeta-view .secondary-accordion .price-section.error-msg { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .secondary-accordion .price-section.error-msg { font-size:1.125rem; line-height: 1.555 } } .room-details-v2.submeta-view .secondary-accordion .price-section.error-msg { font-size: 0.875rem; font-size: .875rem; font-family: GreycliffCF-bold; color: #666 } .room-details-v2.submeta-view .secondary-accordion .price-section.error-msg:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E922"; padding-right: 5px; color: #b10f26 } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-inner { background: #fff; border: none; overflow: auto } .room-details-v2.submeta-view .secondary-accordion.active .secondary-accordion-inner { border-bottom: 1px solid #a6b4cf } .room-details-v2.submeta-view .sub-meta-content .media:after { display: none } .room-details-v2.submeta-view .sub-meta-content .image-gallery:before { position: absolute; display: inline-block; right: 15px; bottom: 15px; cursor: pointer; content: ""; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImV4cGFuZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDU3IDQzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NyA0MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtvcGFjaXR5OjAuNDtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJSZWN0YW5nbGVfMTEwOV9jb3B5XzMiIGNsYXNzPSJzdDAiIGQ9Ik0tNTQuOS01NC45TC01NC45LTU0Ljl6Ii8+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LDMySDBWMGg0NFYzMnogTTIsMzBoNDBWMkgyVjMweiIvPgoJPC9nPgoJPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMTA5X2NvcHlfNCIgeD0iMSIgeT0iMSIgY2xhc3M9InN0MSIgd2lkdGg9IjQyIiBoZWlnaHQ9IjMwIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQ3LDUgNDcsNyA0OSw3IDQ5LDM1IDksMzUgOSwzMyA3LDMzIDcsMzcgNTEsMzcgNTEsNSAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUzLDExIDUzLDEzIDU1LDEzIDU1LDQxIDE1LDQxIDE1LDM5IDEzLDM5IDEzLDQzIDU3LDQzIDU3LDExIAkiLz4KPC9nPgo8L3N2Zz4K) no-repeat 50%; width: 25px; height: 25px } .room-details-v2.submeta-view .sub-meta-content .deposit-details { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .deposit-details { font-size:1rem; line-height: 1.625 } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { background-color: #f4f3f3; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { font-size:1.125rem; line-height: 1.555 } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { font-size: 0.875rem; font-size: .875rem } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .approx { font-family: GreycliffCF-bold; color: #002776; display: inline-block; padding-bottom: 6px } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section p,.room-details-v2.submeta-view .sub-meta-content .sub-meta-section ul { padding-left: 0 } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section ul li { margin-left: 14px } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta { font-size:1.125rem; border-radius: 15px } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta { font-size: 0.875rem; font-size: .875rem; background-color: transparent; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta:after { content: "\E92E" } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta:after { font-size:1.125rem } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta:after { font-size: 0.625rem; font-size: .625rem; position: relative } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta:after { font-size:.75rem } } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta { font-size:1rem } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta { color: #0076ce } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta:after { -webkit-transform: none; transform: none; top: 0; font-size: 0.9375rem; font-size: .9375rem; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91E"; margin-left: 10px } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta:after { margin-left:15px } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta { position: relative; border-bottom: none; padding-bottom: 2px; cursor: pointer } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open { font-size:1.125rem; border-radius: 15px } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open { font-size: 0.875rem; font-size: .875rem; background-color: transparent; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open:after { content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open:after { font-size:1.125rem } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open:after { font-size: 0.625rem; font-size: .625rem; position: relative } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open:after { font-size:.75rem } } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open { font-size:1rem } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open { color: #0076ce } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open:after { -webkit-transform: none; transform: none; top: 0; font-size: 0.9375rem; font-size: .9375rem; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92F"; margin-left: 10px } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open:after { margin-left:15px } } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open { border-bottom: none; padding-bottom: 2px } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta:after { margin-left: 5px; position: absolute; vertical-align: middle; top: 6px; font-size: 0.75rem; font-size: .75rem } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open:after { margin-left: 5px } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .room-details-v2.submeta-view .sub-meta-content .see-fare-cta { font-size:1rem; width: auto; border-radius: 10px } } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta:hover { background: #b0263a } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta.active,.room-details-v2.submeta-view .sub-meta-content .see-fare-cta:active,.room-details-v2.submeta-view .sub-meta-content .see-fare-cta:focus { background: #b10f26 } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta.disabled,.room-details-v2.submeta-view .sub-meta-content .see-fare-cta[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta { width: auto; background: #e3e2e8; color: #002776; padding: 15px 30px } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta:hover { background-color: #bcbdcb } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta.open,.room-details-v2.submeta-view .sub-meta-content .see-fare-cta:active,.room-details-v2.submeta-view .sub-meta-content .see-fare-cta:focus { background-color: #b10f26; color: #fff } .room-details-v2.submeta-view .sub-meta-content .price-section.sold-out { color: #666 } .room-details-v2.submeta-view .sub-meta-content .price-section.error-msg { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .sub-meta-content .price-section.error-msg { font-size:1.125rem; line-height: 1.555 } } .room-details-v2.submeta-view .sub-meta-content .price-section.error-msg { font-size: 0.875rem; font-size: .875rem; font-family: GreycliffCF-bold; color: #666 } .room-details-v2.submeta-view .sub-meta-content .price-section.error-msg:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E922"; padding-right: 5px; color: #b10f26 } .room-details-v2.submeta-view .package-name { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .room-details-v2.submeta-view .package-name { font-size:1.125rem; line-height: 1.555 } } .room-details-v2.submeta-view .package-name { font-family: Praxis-semibold; color: #666; font-size: 0.75rem; font-size: .75rem; display: block } .room-details-v2.submeta-view .package-name:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B"; font-size: 0.75rem; font-size: .75rem; color: #988642; margin-right: 5px } .room-details-v2.submeta-view .benefits-list-content .view-all-cta { text-transform: inherit } .fareWrapper { text-align: center } .fareWrapper ul { text-align: left } .fareWrapper .price-container { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .fareWrapper .price-container { font-size:1.125rem; line-height: 1.555 } } .fareWrapper .price-container span { font-family: GreycliffCF-light; line-height: 1.15; font-weight: 400; color: #002776 } @media (min-width: 768px) { .fareWrapper .price-container span { font-size:1.875rem; line-height: 1.333 } } .fareWrapper .price-container span { font-size: 20px; font-size: 1.25rem; font-family: GreycliffCF-bold; line-height: 20px; line-height: 1.25rem; letter-spacing: 0 } .fareWrapper .price-container i { font-size: 70%; top: -4px; position: relative } .fareWrapper h2 { font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .fareWrapper h2 { font-size:2.5rem; line-height: 1.25 } } .fareWrapper h2 { font-size: 22px; font-size: 1.375rem } .fareWrapper section { border: 1px solid hsla(0, 0%, 65%, .5); -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); box-shadow: 0 1px 8px rgba(0, 0, 0, .1); padding: 15px 20px; margin: 15px auto } .fareWrapper .titleWrapper h3 { font-family: GreycliffCF-light; font-size: 24px; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .fareWrapper .titleWrapper h3 { font-size:2.5rem; line-height: 1.25 } } .fareWrapper .titleWrapper h3 { font-size: 20px; font-size: 1.25rem; margin: 12px 0 3px } .fareWrapper .footNoteCopy-text,.fareWrapper .tax-fees { line-height: 1.4 } .fareWrapper .benefits-list-content { padding: 8px 0 } .fareWrapper .package-name { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .fareWrapper .package-name { font-size:1.125rem; line-height: 1.555 } } .fareWrapper .package-name { font-family: Praxis-semibold; color: #666; font-size: 0.75rem; font-size: .75rem; display: block } .fareWrapper .package-name:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B"; font-size: 0.625rem; font-size: .625rem; color: #988642; margin-right: 5px } .fareWrapper { .benefits-list-content .all-benefits { font-size: 0.75rem; font-size: .75rem } } .fareWrapper .benefits-list-content .book-now-cta { margin: 10px 0; width: calc(100% - 45px) } .fare-overlay .aria-modal .modal-content-wrapper { overflow-x: hidden; overflow-y: auto; padding: 0 20px; height: 100% } .fare-overlay .modal-close-wrap { background: #fff } .fare-overlay .aria-modal .close:after { color: #002776; font-size: 20px; font-size: 1.25rem } .fare-overlay .aria-modal .close { padding: 20px 30px } .fare-overlay .aria-modal .modal-content-wrapper .back-to-top { display: none } @media (min-width: 768px) { .room-details-v2.submeta-view { margin:20px } .room-details-v2.submeta-view .title-component { padding-top: 25px } .room-details-v2.submeta-view .primary-accordion { border-color: #a6b4cf; border-width: 0 1px; border-style: solid } .room-details-v2.submeta-view .primary-accordion .primary-accordion-title { font-size: 1.625rem } .room-details-v2.submeta-view .primary-accordion .primary-accordion-desc { font-size: .875rem; line-height: 1.25 } .room-details-v2.submeta-view .primary-accordion .price-section { font-size: 1.625rem } .room-details-v2.submeta-view .primary-accordion .price-section.error-msg:before,.room-details-v2.submeta-view .primary-accordion .price-section:after,.room-details-v2.submeta-view .primary-accordion .price-section:before { font-size: .875rem; line-height: 1.5 } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-title { font-size: 1.5rem } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-desc { font-size: .875rem; line-height: 1.25 } .room-details-v2.submeta-view .secondary-accordion .price-section.error-msg { font-size: 1.125rem } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta-wrapper { background-color: #f4f3f3 } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section,.room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta { font-size: 1rem } .room-details-v2.submeta-view .sub-meta-content.sub-meta-section .approx { font-size: 1.125rem } .room-details-v2.submeta-view .sub-meta-content .secondary-cta.open:after { margin-left: 5px } .room-details-v2.submeta-view .sub-meta-content .image-gallery:before { right: 25px; bottom: 20px; width: 40px; height: 40px } .room-details-v2.submeta-view .sub-meta-content .price-section.error-msg { font-size: 1.125rem } .room-details-v2.submeta-view .primary-accordion-label:after { font-size: 1.25rem } .room-details-v2.submeta-view .package-name,.room-details-v2.submeta-view .package-name:before { font-size: .875rem } .fare-overlay .modal-close-wrap { background: transparent } .fare-overlay .aria-modal .close:after { color: #fff } .fare-overlay .benefits-list-content .all-benefits { padding-left: 0 } .fare-overlay .benefits-list-content { padding: 8px 40px } .fare-overlay .benefits-list-content .book-now-cta { margin: 20px 0; width: 50% } .fareWrapper h2 { font-size: 1.875rem } .fareWrapper .titleWrapper h3 { font-size: 1.5rem } } @media (min-width: 1025px) { .room-details-v2.submeta-view { margin:50px } .room-details-v2.submeta-view .title-component { padding-top: 0 } .room-details-v2.submeta-view .primary-accordion .primary-accordion-title { font-family: GreycliffCF-light; font-size: 1.625rem } .room-details-v2.submeta-view .primary-accordion .price-section-wrapper { margin-right: 5px } .room-details-v2.submeta-view .primary-accordion .price-section { font-size: 1.75rem } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-inner { border-color: #a6b4cf; border-width: 0 0 1px; border-style: solid; padding: 15px 30px 15px 40px } .room-details-v2.submeta-view .primary-accordion[aria-expanded=false] .primary-accordion-label .image-holder { margin-right: 30px } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-label { padding: 10px 30px 10px 40px } .room-details-v2.submeta-view .secondary-accordion .secondary-accordion-label:after { display: none } .room-details-v2.submeta-view .sub-meta-content { position: relative } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section { font-size:.875rem } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .approx { padding: 0 } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta-wrapper,.room-details-v2.submeta-view .sub-meta-content .sub-meta-section { background-color: transparent; padding: 0 } .room-details-v2.submeta-view .sub-meta-content .see-fare-cta-wrapper { margin-top: 10px } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta,.room-details-v2.submeta-view .sub-meta-content .sub-meta-section .secondary-cta.open { font-size: .875rem } .room-details-v2.submeta-view .sub-meta-content .sub-meta-section ul li { margin-left: 0 } .room-details-v2.submeta-view .sub-meta-content .price-section.sold-out { position: relative; top: 65px } .room-details-v2.submeta-view .sub-meta-content .title { font-family: GreycliffCF-medium; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } } @media (min-width: 1025px) and (min-width:768px) { .room-details-v2.submeta-view .sub-meta-content .title { font-size:1.5rem; line-height: 1.333 } } @media (min-width: 1025px) { .room-details-v2.submeta-view .sub-meta-content .title { display:block; font-family: GreycliffCF-light; font-size: 1.375rem } .room-details-v2.submeta-view .sub-meta-content .price-section.sold-out { font-size: 1.375rem } .room-details-v2.submeta-view .sub-meta-content .media { margin-right: 30px } .room-details-v2.submeta-view .sub-meta-content .image-gallery:before { right: 15px; bottom: 15px; width: 25px; height: 20px } .room-details-v2.submeta-view .sub-meta-content:after { content: ""; position: absolute; width: calc(100% - 365px); border-top: 1px solid #a6b4cf; right: 0; bottom: 0 } .room-details-v2.submeta-view .primary-accordion[aria-expanded=true] .primary-accordion-inner { padding: 0 } .room-details-v2.submeta-view .primary-accordion .sub-meta-content { margin: 0 30px 0 40px } .room-details-v2.submeta-view .primary-accordion .sub-meta-content:first-child { margin-top: 15px } .room-details-v2.submeta-view .primary-accordion .sub-meta-content.no-border:after,.room-details-v2.submeta-view .primary-accordion .sub-meta-content:last-child:after { border-top: 0 } .room-details-v2.submeta-view .benefits-list-content .view-all-cta { font-size: .875rem } .fareWrapper { background: #f4f3f3 } .fareWrapper section { margin: 0 20px 20px; width: calc(100% - 40px); background: #fff; -webkit-box-shadow: none; box-shadow: none; border: 0 } .fareWrapper .benefits-list-content .book-now-cta { width: 200px; margin: 8px 0 16px } .fareWrapper .titleWrapper h3 { font-size: 1.625rem } .fareWrapper .package-name:before { font-size: .75rem } .fareWrapper .closeFare { background: transparent; border: 0 } .fareWrapper .closeFare span { visibility: hidden } .fareWrapper .closeFare:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; color: #666; font-size: 1.25rem; cursor: pointer } .fareWrapper .all-benefits li { padding: 8px 0; line-height: 1.4 } .fareWrapper:before { width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 20px solid #f4f3f3; right: 32px; top: -20px; position: absolute; content: ""; z-index: 99 } .room-details-v2.submeta-view .fareWrapper .package-name:before { font-size: .6875rem } } @media (min-width: 1281px) { .room-details-v2.submeta-view .sub-meta-content .sub-meta-section li:before { border:1px solid #666; background-color: #666 } } .occupancy-selector-container { text-align: center } .occupancy-selector-container .item-block { width: 100%; display: inline-block; padding: 2px 0 } .occupancy-selector-container .item-block .guest { display: inline-block; text-align: left; width: 55% } .occupancy-selector-container .item-block span.occupancy-range { display: block; text-align: left } .occupancy-selector-container .guest-selections { padding: 15px 5px; display: inline-block; text-align: right; width: 40% } .occupancy-selector-container .guest-count { display: inline-block; width: 25px; font-size: 34px; font-size: 2.125rem; padding: 10px 15px; text-align: center } .occupancy-selector-container .default-message { max-width: inherit; padding-top: 15px; font-size: 0.875rem; font-size: .875rem; text-align: left } .occupancy-selector-container .infant-drawer-message { position: relative; width: inherit; padding: 8px; font-size: 0.875rem; font-size: .875rem } .occupancy-selector-container .infant-drawer-message:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 15px; top: -8px; right: 53px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .occupancy-selector-container .max-guest-message { padding: 15px 5px 5px; font-size: 0.875rem; font-size: .875rem } .occupancy-selector-container .alert:before { content: ""; display: inline-block; width: 18px; height: 18px; position: relative; top: -1px; left: -6px; vertical-align: middle } .occupancy-selector-container .add-guest,.occupancy-selector-container .remove-guest { border: none; background: transparent; padding: 0 } .occupancy-selector-container .add-guest.in-active .icon-plus:after,.occupancy-selector-container .remove-guest.in-active .icon-minus:after { cursor: default } .occupancy-selector-container .add-guest span.icon-plus:after,.occupancy-selector-container .remove-guest span.icon-minus:after { content: ""; position: relative; font-size: 25px; font-size: 1.5625rem; cursor: pointer } @media (min-width: 768px) { .occupancy-selector-container .default-message { text-align:center } .occupancy-selector-container .infant-drawer-message { padding: 18px } } @media (min-width: 1025px) { .occupancy-selector-container .item-block { width:inherit; display: inline-block; padding: 2px 45px } .occupancy-selector-container .item-block .guest { display: block; text-align: left; width: inherit } .occupancy-selector-container .item-block span.occupancy-range { display: inline-block } .occupancy-selector-container .guest-selections { width: inherit; padding: 15px 5px } .occupancy-selector-container .guest-count { padding: 10px 6px } .occupancy-selector-container .default-message { max-width: 610px; margin: 0 auto; padding: 20px; text-align: center } .occupancy-selector-container .infant-drawer-message { width: 660px; margin: 0 auto; padding: 5px 20px } .occupancy-selector-container .infant-drawer-message:after { right: 63px } .occupancy-selector-container .max-guest-message { width: 560px; margin: 0 auto; padding: 20px 5px 5px; font-size: .875rem } } .search-bar { margin: 0; padding: 17px 0 } .search-bar .svp-container { height: 100% } .search-bar .inner-container { display: none } .search-bar h2 { margin: 0; padding: 20px 0 0 } .search-bar .search-cta { display: block; margin: 7px 16px 55px; padding: 17px 0 } .search-bar .search-cta-svp-btn { width: 90%; border: none } .search-bar .view-container { width: 100%; padding-bottom: 34px } .search-bar .overlay-container { display: none } .search-bar .overlay-container.api-error-msg { text-align: center; padding: 0; min-height: 200px } .search-bar .api-error-msg-wrapper { display: table; margin: 0 auto; max-width: 72%; min-height: 200px; padding: 15px 45px } .search-bar .api-error-msg-wrapper span { display: table-cell; vertical-align: middle } .search-bar .api-error-icon { width: 12px; height: 12px; background-repeat: no-repeat; position: relative; top: 2px; display: inline-block } .search-bar .api-error-text { padding-left: 5px; text-align: left } .search-bar .overlay-title,.search-bar .result-count { display: none } .search-bar .has-value .dropdown-value { display: block } .search-bar .colon { display: none } .search-bar .loading-icon { width: 25px; height: 25px; margin: 0 0 20px 40px } .search-bar .date-container .date-item.selected:after,.search-bar .date-container .year-cta-btn.selected:after { display: inline-block; width: 10px; height: 10px; position: absolute; right: 3px; top: 50%; margin-top: -5px } .search-bar .date-container { width: 100% } .search-bar .mandatory-label { -webkit-box-sizing: border-box; box-sizing: border-box; left: 25px; position: relative; top: 70px } .search-bar .mandatory-label.lvp { display: none } .search-list .search-overlay { right: -100%; width: 100% } .search-bar .search-overlay.active,.search-list .active .search-overlay { right: 0 } .search-bar .search-overlay { position: fixed; top: 0; bottom: 0; right: -100%; width: 100%; z-index: 1000 } .search-bar .search-overlay .overlay-header { display: table; width: 100%; padding: 0 18px; min-height: 50px; position: fixed; z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay .header-title { display: table-cell } .search-bar .search-overlay .navigation-back-button { background: transparent; border-width: 0 1px 0 0; float: left } .search-bar .search-overlay .close-btn { display: table-cell; padding-right: 20px; float: right; margin-top: 10px } .search-bar .search-overlay .close-btn span { display: inline-block } .search-bar .search-overlay .close-btn:after { width: 16px; height: 16px; position: absolute; right: 18px; top: 50%; margin-top: -10px } .search-bar .search-overlay .search-list { margin: 0; padding: 0; padding: 0 30px; top: 50px } .search-bar .search-overlay .search-list li.active { overflow: hidden; width: 110vw } .search-bar .search-overlay .filter-item { display: table; height: 100%; min-height: 60px; width: 100% } .search-bar .search-overlay .filter-inner-container { height: 60px; display: table; width: 100% } .search-bar .search-overlay .dropdown-title { display: table-cell } .search-bar .search-overlay .has-value .dropdown-title { padding: 18px 0 2px; display: block } .search-bar .search-overlay .dropdown-value { display: none; padding: 0 54px 0 28px } .search-bar .search-overlay .has-value .dropdown-value { display: block; padding: 0 0 18px; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } .search-bar .search-overlay .overlay-cta-close,.search-bar .search-overlay .search-cta-btn { max-width: 256px; width: 100%; display: block; margin: 0 auto; padding: 20px 0; position: absolute; bottom: 25px; left: 0; right: 0 } .search-bar .search-overlay .overlay-cta-close { display: none } .search-bar .search-overlay .search-bar .search-cta-btn.search-disabled { pointer-events: none; background: none } .search-bar .search-overlay .caret-right,.search-bar .search-overlay .icon-caret { display: table-cell; width: 15px } .search-bar .search-overlay .icon-caret:before { width: 15px; height: 12px; display: block; position: relative } .search-bar .search-overlay .caret-left { padding-right: 10px; margin-right: 10px; height: 25px; display: none } .search-bar .search-overlay .caret-left:before { width: 15px; height: 12px; display: block; position: relative } .search-bar .search-overlay .header-text { display: table-cell; position: relative; top: 2px } .search-bar .search-overlay .search-filters { position: relative; top: 45px; padding: 35px 18px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay.selected { z-index: 100; overflow: auto } .search-bar .search-overlay.selected .caret-left { display: table-cell } .search-bar .search-overlay.selected .header-text { padding-left: 10px } .search-bar .search-overlay.selected .close-btn,.search-bar .search-overlay.selected .search-cta-btn { display: none } .search-bar .search-overlay.selected .inner-grid { clear: both; width: 100%; max-width: 375px; margin-left: auto; margin-right: auto } .search-bar .search-overlay.selected .inner-grid:before { content: ""; display: table } .search-bar .search-overlay.selected .inner-grid:after { content: ""; display: table; clear: both } .search-bar .search-overlay.selected .search-list { display: none } .search-bar .search-overlay.selected .grid-item { width: calc(49.95% - 10px); display: table; margin-bottom: 15px; min-height: 55px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay.selected .grid-item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .search-bar .search-overlay.selected .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .grid-item:nth-child(2n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .grid-item:nth-child(odd) { clear: both } .search-bar .search-overlay.selected .grid-item.selected { position: relative } .search-bar .search-overlay.selected .date-item.selected:after,.search-bar .search-overlay.selected .grid-item.selected:after,.search-bar .search-overlay.selected .year-cta-btn.selected:after { content: ""; display: inline-block; width: 10px; height: 10px; position: absolute; right: 15px; top: 50%; margin-top: -5px } .search-bar .search-overlay.selected .date-item.selected.disabled:after,.search-bar .search-overlay.selected .grid-item.selected.disabled:after,.search-bar .search-overlay.selected .year-cta-btn.selected.disabled:after { display: inline-block; width: 19px; height: 19px; position: absolute; right: 15px; top: 50%; margin-top: -8px } .search-bar .search-overlay.selected .grid-text { padding: 0 } .search-bar .search-overlay.selected .search-filters { display: block } .search-bar.accordion-view .search-overlay.active { padding-bottom: 52px } .search-bar.accordion-view .search-overlay .search-list { top: 0 } .search-bar.accordion-view .search-overlay .search-list li.active { width: 100% } .search-bar.accordion-view .search-overlay.selected { position: relative; top: auto; bottom: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: calc(100vh - 350px); z-index: 0 } .search-bar.accordion-view .search-overlay.selected .search-filters { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 65px; top: auto } .search-bar.accordion-view .search-overlay .overlay-cta-close,.search-bar.accordion-view .search-overlay .search-cta-btn { bottom: 0; position: fixed } .search-bar.accordion-view .search-overlay.selected .grid-item:not(.selected),.search-bar.accordion-view .search-overlay.selected .grid-item:not(.selected):active,.search-bar.accordion-view .search-overlay.selected .grid-item:not(.selected):hover { border: none; background: none } .search-bar.accordion-view .search-overlay.selected .grid-item { min-height: 32px; margin-bottom: 10px; text-align: left } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item { min-height: 70px } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item.selected { width: auto; display: inline-block; padding: 0 30px 0 10px; text-align: left } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item.selected:last-child,.search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item.selected:nth-child(1n),.search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item.selected:nth-child(1n+1) { float: none; clear: none; margin-right: 0; width: auto } .search-bar.accordion-view .search-overlay.selected .search-filters .selected-filter-pills .grid-item.selected { margin-right: 10px; margin-bottom: 10px } .search-bar.accordion-view .filter-border.active:after { pointer-events: none } .search-bar.accordion-view .search-overlay .overlay-header { position: relative } .search-bar .search-overlay.selected .sail-to .grid-item { width: 99.9% } .search-bar .search-overlay.selected .sail-to .grid-item:nth-child(1n) { float: left; clear: none } .search-bar .search-overlay.selected .sail-to .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .sail-to .grid-item:nth-child(1n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .sail-to .grid-item:nth-child(1n+1) { clear: both } .search-bar .search-overlay.selected .depart-from .grid-item { width: 99.9% } .search-bar .search-overlay.selected .depart-from .grid-item:nth-child(1n) { float: left; clear: none } .search-bar .search-overlay.selected .depart-from .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .depart-from .grid-item:nth-child(1n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .depart-from .grid-item:nth-child(1n+1) { clear: both } .search-bar .search-overlay.selected .date .grid-item { width: calc(49.95% - 7.5px); margin-bottom: 25px } .search-bar .search-overlay.selected .date .grid-item:nth-child(1n) { float: left; margin-right: 15px; clear: none } .search-bar .search-overlay.selected .date .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .date .grid-item:nth-child(2n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .date .grid-item:nth-child(odd) { clear: both } .search-bar .search-overlay.selected .duration .grid-item { width: calc(49.95% - 7px); margin-bottom: 25px } .search-bar .search-overlay.selected .duration .grid-item:nth-child(1n) { float: left; margin-right: 14px; clear: none } .search-bar .search-overlay.selected .duration .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .duration .grid-item:nth-child(2n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .duration .grid-item:nth-child(odd) { clear: both } .search-bar .search-overlay.selected .search-date-overlay .grid-item { width: 99.9%; margin-bottom: 16px } .search-bar .search-overlay.selected .search-date-overlay .grid-item:nth-child(1n) { float: left; clear: none } .search-bar .search-overlay.selected .search-date-overlay .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .search-date-overlay .grid-item:nth-child(1n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .search-date-overlay .grid-item:nth-child(1n+1) { clear: both } .search-bar .search-overlay.selected .search-date-overlay .grid-item-carousel { padding: 10px } .search-bar .search-overlay.selected .search-date-overlay .inner-date-grid { clear: both; width: 100%; max-width: none; margin-left: auto; margin-right: auto } .search-bar .search-overlay.selected .search-date-overlay .inner-date-grid:before { content: ""; display: table } .search-bar .search-overlay.selected .search-date-overlay .inner-date-grid:after { content: ""; display: table; clear: both } .search-bar .search-overlay.selected .search-date-overlay .date-item { width: calc(24.975% - 3.75px); display: table; margin-bottom: 5px; padding: 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay.selected .search-date-overlay .date-item:nth-child(1n) { float: left; margin-right: 5px; clear: none } .search-bar .search-overlay.selected .search-date-overlay .date-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .search-date-overlay .date-item:nth-child(4n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .search-date-overlay .date-item:nth-child(4n+1) { clear: both } .search-bar .search-overlay.selected .search-date-overlay .year { padding-bottom: 10px } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn { width: calc(24.975% - 3.75px); margin-bottom: 5px; padding: 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn:nth-child(1n) { float: left; margin-right: 5px; clear: none } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn:last-child { margin-right: 0 } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn:nth-child(4n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn:nth-child(4n+1) { clear: both } .search-bar .search-overlay.selected .search-date-overlay .date-container .last-child:after { display: inline-block; width: 10px; height: 10px; position: absolute; right: 3px; top: 50%; margin-top: -5px } .search-bar .search-overlay.selected .search-date-overlay .date-item.selected,.search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.selected { position: relative } .hide { display: none } @media (min-width: 768px) { .search-bar { padding:0 0 29px } .search-bar .svp-container { position: relative } .search-bar h2 { padding-top: 30px } .search-bar .search-cta { display: inline-block; margin: 20px 16px 76px; padding: 20px 60px } .search-bar .overlay-container.api-error-msg { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .search-bar .api-error-icon { width: 16px; height: 16px; top: 0 } .search-bar .api-error-text { padding-left: 10px } .search-bar .search-cta-svp-btn { width: auto } .search-bar .view-container { padding-bottom: 30px } .search-bar .colon,.search-bar .overlay-title,.search-bar .result-count { display: none } .search-bar .show-cta-more .left-item { width: calc(33.3% - 20px); min-height: 20px; text-align: left } .search-bar .show-cta-more .left-item:nth-child(1n) { float: left; margin-right: 30px; clear: none } .search-bar .show-cta-more .left-item:last-child { margin-right: 0 } .search-bar .show-cta-more .left-item:nth-child(12n) { margin-right: 0; float: right } .search-bar .show-cta-more .left-item:nth-child(12n+1) { clear: both } .search-bar .show-cta-more .right-item { width: calc(33.3% - 20px); text-align: center } .search-bar .show-cta-more .right-item:nth-child(1n) { float: left; margin-right: 30px; clear: none } .search-bar .show-cta-more .right-item:last-child { margin-right: 0 } .search-bar .show-cta-more .right-item:nth-child(12n) { margin-right: 0; float: right } .search-bar .show-cta-more .right-item:nth-child(12n+1) { clear: both } .search-bar .mandatory-label { width: 79.5%; left: 0; top: 95px; margin: 0 auto } .search-bar .search-overlay.selected .inner-grid { max-width: 95%; margin-left: auto; margin-right: auto } .search-bar .search-overlay.selected .inner-grid:before { content: ""; display: table } .search-bar .search-overlay.selected .inner-grid:after { content: ""; display: table; clear: both } .search-bar .search-overlay.selected .error-message { max-width: 95%; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay .overlay-header { min-height: 76px; padding: 0 32px } .search-bar .search-overlay .search-list { max-width: 95%; margin-left: auto; margin-right: auto; top: 76px } .search-bar .search-overlay .search-list:before { content: ""; display: table } .search-bar .search-overlay .search-list:after { content: ""; display: table; clear: both } .search-bar .search-overlay .filter-inner-container,.search-bar .search-overlay .filter-item { height: 80px } .search-bar .search-overlay .search-filters { top: 76px; padding: 45px 18px 35px } .search-bar .search-overlay .close-btn:after { right: 32px } .search-bar .search-overlay .close-btn { margin-top: 23px } .search-bar .search-overlay.selected .sail-to .grid-item { width: calc(33.3% - 8px); margin-bottom: 12px } .search-bar .search-overlay.selected .sail-to .grid-item:nth-child(1n) { float: left; margin-right: 12px; clear: none } .search-bar .search-overlay.selected .sail-to .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .sail-to .grid-item:nth-child(3n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .sail-to .grid-item:nth-child(3n+1) { clear: both } .search-bar .search-overlay.selected .depart-from .grid-item { width: calc(33.3% - 8px); margin-bottom: 12px } .search-bar .search-overlay.selected .depart-from .grid-item:nth-child(1n) { float: left; margin-right: 12px; clear: none } .search-bar .search-overlay.selected .depart-from .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .depart-from .grid-item:nth-child(3n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .depart-from .grid-item:nth-child(3n+1) { clear: both } .search-bar .search-overlay.selected .duration .grid-item { width: calc(33.3% - 8px); margin-bottom: 12px } .search-bar .search-overlay.selected .duration .grid-item:nth-child(1n) { float: left; margin-right: 12px; clear: none } .search-bar .search-overlay.selected .duration .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .duration .grid-item:nth-child(3n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .duration .grid-item:nth-child(3n+1) { clear: both } .search-bar .search-overlay.selected .search-date-overlay .grid-item { width: 99.9%; margin-bottom: 12px } .search-bar .search-overlay.selected .search-date-overlay .grid-item:nth-child(1n) { float: left; margin-right: 0; clear: none } .search-bar .search-overlay.selected .search-date-overlay .grid-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .search-date-overlay .grid-item:nth-child(0n) { float: right } .search-bar .search-overlay.selected .search-date-overlay .grid-item-carousel { padding: 0; margin-bottom: 36px } .search-bar .search-overlay.selected .search-date-overlay .date-item { width: calc(24.975% - 3.75px); display: table; margin-bottom: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 } .search-bar .search-overlay.selected .search-date-overlay .date-item:nth-child(1n) { float: left; margin-right: 5px; clear: none } .search-bar .search-overlay.selected .search-date-overlay .date-item:last-child { margin-right: 0 } .search-bar .search-overlay.selected .search-date-overlay .date-item:nth-child(4n) { margin-right: 0; float: right } .search-bar .search-overlay.selected .search-date-overlay .date-item:nth-child(4n+1) { clear: both } .search-bar .search-overlay.selected .search-date-overlay .year { padding-bottom: 10px } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn { padding: 20px 0 } .search-bar .search-overlay.selected .search-date-overlay .date-container .last-child:after { display: inline-block; width: 16px; height: 16px; position: absolute; right: 8px; top: 50%; margin-top: -8px } .search-bar .search-overlay.selected .search-date-overlay .date-item.selected,.search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.selected { position: relative } .search-bar.accordion-view .search-overlay.active { padding-bottom: 126px } .search-bar.accordion-view .search-overlay.active:after { content: ""; position: fixed; bottom: 0; left: 0; height: 126px; width: 100% } .search-bar.accordion-view .search-overlay.selected { max-height: calc(100vh - 415px) } .search-bar.accordion-view .search-overlay .overlay-cta-close,.search-bar.accordion-view .search-overlay .search-cta-btn { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px; width: auto } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills { padding: 0 15px } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item { min-height: 40px; display: inline-block } .search-bar.accordion-view .search-overlay.selected .grid-item { min-height: 65px; text-align: center } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item { min-height: 65px } .search-bar.accordion-view { .search-overlay.selected .inner-grid { max-width: 100% } } .search-bar.accordion-view .search-overlay .search-list { max-width: none; width: 100%; padding: 0 90px; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar.accordion-view .search-overlay .filter-item { width: 100% } } @media (min-width: 1025px) { .search-bar { max-width:1360px; margin-left: auto; margin-right: auto; position: relative; padding: 0 } .search-bar:after,.search-bar:before { content: ""; display: table } .search-bar:after { clear: both } .search-bar .svp-container { display: none } .search-bar .active .overlay-container,.search-bar .inner-container { display: block } .search-bar .active .overlay-container.api-error-msg { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .search-bar .overlay-container { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default } .search-bar .search-overlay { display: none } .search-bar ul { margin: 0; padding: 0; display: table; width: 100% } .search-bar li { display: table-cell; width: 22%; height: 90px } .search-bar .filter-item { position: relative; width: 100%; height: 90px; padding: 0 30px } .search-bar .filter-inner-container { display: inline-block; width: 100%; position: relative } .search-bar .dropdown-title { display: table-cell; padding: 0 15px 0 0 } .search-bar .has-value .dropdown-title { padding-bottom: 2px } .search-bar .dropdown-value { display: none; padding: 0 15px 0 0 } .search-bar .has-value .dropdown-value { display: block } .search-bar .search-cta-btn { max-width: 160px; width: 100%; height: 90px } .search-bar .icon-caret { width: 15px; height: 12px; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -7px } .search-bar .overlay-container { max-width: 1360px; padding: 85px 20px 10px; clear: both; position: absolute; top: 100%; right: 0; left: 0; z-index: 100 } .search-bar .close-btn { float: right; top: 0; position: absolute; padding: 24px 40px 10px 20px; right: 0 } .search-bar .close-btn:after { display: inline-block; width: 16px; height: 16px; position: absolute; right: 18px; top: 50%; margin-top: -3px } .search-bar .inner-grid { clear: both; width: 100%; max-width: 1130px; margin-left: auto; margin-right: auto } .search-bar .inner-grid:before { content: ""; display: table } .search-bar .inner-grid:after { content: ""; display: table; clear: both } .search-bar .grid-item { width: calc(19.98% - 16px); display: table; margin-bottom: 20px; height: 65px; position: relative; padding: 0 28px; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .grid-item:nth-child(1n) { float: left; margin-right: 20px; clear: none } .search-bar .grid-item:last-child { margin-right: 0 } .search-bar .grid-item:nth-child(5n) { margin-right: 0; float: right } .search-bar .grid-item:nth-child(5n+1) { clear: both } .search-bar .grid-item.selected:after { display: inline-block; width: 16px; height: 16px; position: absolute; right: 15px; top: 50%; margin-top: -8px } .search-bar .grid-item { display: none } .search-bar .grid-item:nth-child(-n+15) { display: block } .search-bar .show-cta-more { margin-top: 10px; margin-bottom: 30px } .search-bar .show-cta-more .results-number { display: inline-block; float: left } .search-bar .date-container,.search-bar .show-more .grid-item { display: block } .search-bar .show-more { height: 400px; overflow-y: scroll } .search-bar .mandatory-label { display: none; position: static; text-align: left; width: 900px; margin-top: 10px } .search-bar .mandatory-label.lvp { display: block } .search-bar .slider-wrapper { height: 100% } .search-bar .slider-wrapper .slick-slider { margin: 0 24px } .search-bar .slick-slide,.search-bar .slick-track { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .search-bar .slick-slide { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .search-bar .slick-next,.search-bar .slick-prev { width: 24px; height: 28px; border: none; padding: 0; position: absolute; text-indent: -9999px; z-index: 1; left: -20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; background: transparent } .search-bar .slick-next { right: -20px; left: auto } .search-bar .sail-to-overlay { padding-bottom: 55px } .search-bar .duration-overlay { padding-bottom: 86px } .search-bar .duration-overlay .grid-item { width: calc(24.975% - 18.75px) } .search-bar .duration-overlay .grid-item:nth-child(1n) { float: left; margin-right: 25px; clear: none } .search-bar .duration-overlay .grid-item:last-child { margin-right: 0 } .search-bar .duration-overlay .grid-item:nth-child(4n) { margin-right: 0; float: right } .search-bar .duration-overlay .grid-item:nth-child(4n+1) { clear: both } .morefilter-overlay .search-date-overlay,.search-bar .search-date-overlay { padding-bottom: 86px } .morefilter-overlay .search-date-overlay .grid-item,.search-bar .search-date-overlay .grid-item { width: calc(33.3% - 20px); height: 100%; padding: 0 } .morefilter-overlay .search-date-overlay .grid-item:nth-child(1n),.search-bar .search-date-overlay .grid-item:nth-child(1n) { float: left; margin-right: 30px; clear: none } .morefilter-overlay .search-date-overlay .grid-item:last-child,.search-bar .search-date-overlay .grid-item:last-child { margin-right: 0 } .morefilter-overlay .search-date-overlay .grid-item:nth-child(3n),.search-bar .search-date-overlay .grid-item:nth-child(3n) { margin-right: 0; float: right } .morefilter-overlay .search-date-overlay .grid-item:nth-child(3n+1),.search-bar .search-date-overlay .grid-item:nth-child(3n+1) { clear: both } .morefilter-overlay .search-date-overlay .grid-item:before,.search-bar .search-date-overlay .grid-item:before { content: ""; display: table } .morefilter-overlay .search-date-overlay .grid-item:after,.search-bar .search-date-overlay .grid-item:after { content: ""; display: table; clear: both } .morefilter-overlay .search-date-overlay .grid-item-carousel,.search-bar .search-date-overlay .grid-item-carousel { float: left; margin: 0 15px } .morefilter-overlay .search-date-overlay .inner-date-grid,.search-bar .search-date-overlay .inner-date-grid { clear: both; width: 100%; max-width: none; margin-left: auto; margin-right: auto; cursor: default } .morefilter-overlay .search-date-overlay .inner-date-grid:before,.search-bar .search-date-overlay .inner-date-grid:before { content: ""; display: table } .morefilter-overlay .search-date-overlay .inner-date-grid:after,.search-bar .search-date-overlay .inner-date-grid:after { content: ""; display: table; clear: both } .morefilter-overlay .search-date-overlay .date-item,.search-bar .search-date-overlay .date-item { width: calc(24.975% - 3.75px); display: table; margin-bottom: 5px; padding: 16px 0 13px; -webkit-box-sizing: border-box; box-sizing: border-box } .morefilter-overlay .search-date-overlay .date-item:nth-child(1n),.search-bar .search-date-overlay .date-item:nth-child(1n) { float: left; margin-right: 5px; clear: none } .morefilter-overlay .search-date-overlay .date-item:last-child,.search-bar .search-date-overlay .date-item:last-child { margin-right: 0 } .morefilter-overlay .search-date-overlay .date-item:nth-child(4n),.search-bar .search-date-overlay .date-item:nth-child(4n) { margin-right: 0; float: right } .morefilter-overlay .search-date-overlay .date-item:nth-child(4n+1),.search-bar .search-date-overlay .date-item:nth-child(4n+1) { clear: both } .morefilter-overlay .search-date-overlay .year-cta-btn,.search-bar .search-date-overlay .year-cta-btn { width: calc(24.975% - 3.75px); display: table; margin-bottom: 5px; padding: 14px 0; font-weight: 700 } .morefilter-overlay .search-date-overlay .year-cta-btn:nth-child(1n),.search-bar .search-date-overlay .year-cta-btn:nth-child(1n) { float: left; margin-right: 5px; clear: none } .morefilter-overlay .search-date-overlay .year-cta-btn:last-child,.search-bar .search-date-overlay .year-cta-btn:last-child { margin-right: 0 } .morefilter-overlay .search-date-overlay .year-cta-btn:nth-child(4n),.search-bar .search-date-overlay .year-cta-btn:nth-child(4n) { margin-right: 0; float: right } .morefilter-overlay .search-date-overlay .year-cta-btn:nth-child(4n+1),.search-bar .search-date-overlay .year-cta-btn:nth-child(4n+1) { clear: both } .morefilter-overlay .search-date-overlay .date-container .date-item.selected:after,.morefilter-overlay .search-date-overlay .date-container .last-child:after,.morefilter-overlay .search-date-overlay .date-container .year-cta-btn.selected:after,.search-bar .search-date-overlay .date-container .date-item.selected:after,.search-bar .search-date-overlay .date-container .last-child:after,.search-bar .search-date-overlay .date-container .year-cta-btn.selected:after { display: inline-block; width: 16px; height: 16px; position: absolute; right: 8px; top: 50%; margin-top: -8px } .morefilter-overlay .search-date-overlay .date-item.selected,.morefilter-overlay .search-date-overlay .year-cta-btn.selected,.search-bar .search-date-overlay .date-item.selected,.search-bar .search-date-overlay .year-cta-btn.selected { position: relative } .morefilter-overlay .search-date-overlay .year,.search-bar .search-date-overlay .year { padding-bottom: 10px } .search-bar.accordion-view li.filter-border.active { position: static; border-bottom: none } .search-bar.accordion-view li.filter-border.active:after { content: none } } .search-bar.accordion-view .more-filters-container .filter-item.more-filter { border: none } .search-bar.accordion-view .more-filters-container .more-filters { padding: 0 30px } .search-bar.accordion-view .more-filters-container .btn-container .apply-cta-btn,.search-bar.accordion-view .more-filters-container .item-container { display: none } .search-bar.accordion-view .more-filters-container .accordion-item-title { display: block; padding: 0; border: none; background: none; height: 60px; width: 100%; text-align: left; text-transform: none; position: relative } .search-bar.accordion-view .more-filters-container .accordion-item-title:after { position: absolute; right: 0 } .search-bar.accordion-view .more-filters-container .accordion-item-body .grid-item { width: 100% } .search-bar.accordion-view .more-filters-container .accordion-item-body .selected-filter-pills .grid-item { width: auto; margin-right: 12px } .search-bar.accordion-view .more-filters-container .morefilter-overlay { display: block } .search-bar.accordion-view .more-filters-container .overlay.show { height: auto } .search-bar.accordion-view .more-filters-container .selected-filter-pills .grid-item { display: inline-block } .search-bar.accordion-view .more-filters-container .accordion-item-body { padding-bottom: 0 } .search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper { padding: 0 0 65px } .search-bar.accordion-view .more-filters-container .accordion-item.active .accordion-item-title { border: none } .search-bar.accordion-view .more-filters-container .accordion-item.active .accordion-item-body { z-index: 0 } .search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper { top: auto } .search-bar.accordion-view .more-filters-container .overlay .one-column,.search-bar.accordion-view .more-filters-container .overlay .three-column,.search-bar.accordion-view .more-filters-container .overlay .two-column { margin: 0; padding: 0 } .search-bar.accordion-view .more-filters-container .region-sublabel { padding: 0 0 30px; display: inline-block; width: 100% } .search-bar.accordion-view .more-filters-container .grid-item { min-height: 32px; margin-bottom: 10px; text-align: left; padding: 10px } .search-bar.accordion-view .more-filters-container .duration-overlay .grid-item { min-height: 70px; padding: 0 10px } .search-bar.accordion-view .more-filters-container .overlay .selected-filter-pills .grid-item.selected { width: auto; padding-right: 35px; padding-left: 10px; text-align: left; margin-right: 10px; margin-bottom: 10px } .search-bar.accordion-view .more-filters-container .overlay .selected-filter-pills .grid-item.selected:after { margin-top: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .search-bar.accordion-view .more-filters-container .grid-item:not(.selected) { border: none; background: none } .search-bar.accordion-view .more-filters-container .morefilter-holder { height: calc(100vh - 233px); overflow: auto } .search-bar.accordion-view .more-filters-container .overlay { padding: 0; height: 100vh } .search-bar.accordion-view .more-filters-container .accordion-item-body { position: relative; max-height: calc(100vh - 340px); overflow: auto } .search-bar.accordion-view .more-filters-container .apply-cta-btn { position: absolute; bottom: 0; width: 100%; left: 0; margin: 0 } .search-bar.accordion-view .more-filters-container .cruise-type .grid-item { width: 100% } .search-bar.accordion-view .more-filters-container .duration-overlay.three-column .grid-item { width: calc(33.33333% - 6.66667px); margin-right: 10px } .search-bar.accordion-view .more-filters-container .duration-overlay.three-column .grid-item:nth-child(3n) { margin-right: 0 } .search-bar.accordion-view .more-filters-container .duration-overlay.two-column .grid-item { width: calc(50% - 5px); margin-right: 10px } .search-bar.accordion-view .more-filters-container .duration-overlay.two-column .grid-item:nth-child(2n) { margin-right: 0 } .search-bar.accordion-view .more-filters-container .date-container .grid-item { -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar.accordion-view .more-filters-container .inner-date-grid { display: inline-block; width: 100% } .search-bar.accordion-view .more-filters-container .date-item { width: calc(24.975% - 3.75px); margin-bottom: 5px; padding: 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .search-bar.accordion-view .more-filters-container .date-item:nth-child(1n) { float: left; margin-right: 5px; clear: none } .search-bar.accordion-view .more-filters-container .date-item:last-child { margin-right: 0 } .search-bar.accordion-view .more-filters-container .date-item:nth-child(4n) { margin-right: 0; float: right } .search-bar.accordion-view .more-filters-container .date-item:nth-child(4n+1) { clear: both } .search-bar.accordion-view .more-filters-container .date-container .date-item.selected:after { position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .search-bar.accordion-view .more-filters-container .more-filters-title { margin-top: 30px; margin-bottom: 5px; padding: 0 17px } .search-bar.accordion-view .more-filters-container .btn-container { text-align: center } .search-bar.accordion-view .more-filters-container .reset-cta-btn { margin-top: 20px } .search-bar.accordion-view .more-filters-container .reset-cta-btn:before { margin-right: 7px; vertical-align: middle } @media (min-width: 768px) { .search-bar.accordion-view .more-filters-container .more-filters { padding:0 90px } .search-bar.accordion-view .more-filters-container .filter-item.more-filter { width: 100% } .search-bar.accordion-view .more-filters-container .more-filters-title { padding: 0 32px } .search-bar.accordion-view .more-filters-container .selected-filter-pills { padding: 0; padding-bottom: 20px } .search-bar.accordion-view .more-filters-container .apply-cta-btn { width: auto; bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .search-bar.accordion-view .more-filters-container .accordion-item-title { height: 80px; margin: 0 auto } .search-bar.accordion-view .more-filters-container .accordion-item.active .accordion-item-body { max-height: calc(100vh - 415px) } .search-bar.accordion-view .more-filters-container .selected-filter-pills .grid-item.selected { display: inline-block; padding: 0 30px 0 10px; margin-right: 10px; margin-bottom: 10px; min-height: 40px; height: auto } .search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper .grid-item { min-height: 65px; text-align: center; padding: 10px 20px; vertical-align: top; font-size: 1rem; margin-right: 12px } .search-bar.accordion-view .more-filters-container .duration-overlay .grid-item { min-height: 65px } .search-bar.accordion-view .more-filters-container { & .overlay .one-column & .overlay .two-column & .overlay .three-column { padding: 0; display: inline-block } } .search-bar.accordion-view .more-filters-container .cruise-type.three-column .grid-item { width: calc(33.33333% - 8px) } .search-bar.accordion-view .more-filters-container .cruise-type.three-column .grid-item:nth-child(3n) { margin-right: 0 } .search-bar.accordion-view .more-filters-container .cruise-type.two-column .grid-item { width: calc(50% - 6px) } .search-bar.accordion-view .more-filters-container .cruise-type.two-column .grid-item:nth-child(2n) { margin-right: 0 } .search-bar.accordion-view .more-filters-container .one-column,.search-bar.accordion-view .more-filters-container .three-column,.search-bar.accordion-view .more-filters-container .two-column { padding: 0 } .search-bar.accordion-view .more-filters-container .three-column .grid-item { width: calc(33.33333% - 8px) } .search-bar.accordion-view .more-filters-container .three-column .grid-item:nth-child(3n) { margin-right: 0 } .search-bar.accordion-view .more-filters-container .two-column .grid-item { width: calc(50% - 6px) } .search-bar.accordion-view .more-filters-container .two-column .grid-item:nth-child(2n) { margin-right: 0 } .search-bar.accordion-view .more-filters-container .reset-cta-btn { margin-top: 35px } .search-bar.accordion-view .more-filters-container .reset-cta-btn:before { margin-right: 10px } } .content-align-center { text-align: center } .content-align-left { text-align: left } .itinerary-tile { margin: 10px } .itinerary-tile img { width: 100%; margin: 0; padding: 0; display: block } .itinerary-tile .card-content { padding-top: 15px; min-height: 134px; text-align: center } .itinerary-tile p { margin: 0 0 24px } .itinerary-tile .h2 { margin: 0 0 15px; font-weight: 400 } .itinerary-tile .image-holder { position: relative } @media (min-width: 768px) { .itinerary-tile p { margin:0 0 24px } .itinerary-tile .h2 { margin: 0 0 10px } } @media (min-width: 1025px) { .itinerary-tile .h2 { margin:0 0 5px } } .recently-viewed-container>h3 { text-align: center } .recently-viewed-container .carousel-controls { padding-top: 3px } .recently-viewed-container .destination-tile-cards { max-width: 375px; margin-left: auto; margin-right: auto; max-width: 1280px } .recently-viewed-container .destination-tile-cards:before { content: ""; display: table } .recently-viewed-container .destination-tile-cards:after { content: ""; display: table; clear: both } .recently-viewed-container .destination-tile-card { margin: 10px } .recently-viewed-container .carousel-pagination { padding-top: 25px } .recently-viewed-container.loading-cls { height: 200px; margin: 0 auto } .hero-container .close { top: 10px; right: 30px; float: right; padding: 0; position: relative; margin-bottom: -26px; cursor: pointer } .hero-container .close:after { top: 7px; right: 0; left: 10px; width: 26px; height: 26px; content: ""; position: relative } .hero-container .recently-viewed-container { padding-top: 53px; max-width: 1280px; margin: 0 auto } .hero-container .recently-viewed-container .card-text-content p { display: none } .recently-viewed-container .two-slide-container { display: block; margin: 0 auto; max-width: 850px } .recently-viewed-container .two-slide-container .itinerary-tile { width: auto; float: none; margin: 20px } @media (min-width: 481px) { .recently-viewed-container itinerary-tile { width:100%; max-width: 420px } .recently-viewed-container .slick-track { padding-left: 0; margin-left: -25% } } @media (min-width: 768px) { .recently-viewed-container .itinerary-tile { margin:20px; position: relative } .recently-viewed-container .carousel-controls { padding-top: 20px } .recently-viewed-container .cta-content { padding: 17px 0 25px } .hero-container .close { top: 20px } } @media (min-width: 981px) { .recently-viewed-container .slick-track { padding-left:0; margin-left: -50% } } @media (min-width: 1025px) { .recently-viewed-container .itinerary-tile { float:left; margin: 1%; width: 30% } .recently-viewed-container .carousel-controls { padding-top: 13px } .recently-viewed-container .cta-content { padding: 8px 0 16px } .recently-viewed-container .destination-tile-cards .slick-initialized.slick-slider { padding-left: 2% } .recently-viewed-container .slick-track { margin-left: 0 } .hero-container .close { top: 25px; right: 50px } .hero-container .recently-viewed-container { padding-top: 0 } .hero-container .recently-viewed-container h3 { padding-left: 3%; margin: 16px 0 } .hero-recently-viewed .aria-modal .modal-content { max-width: 1160px } .recently-viewed-container .two-slide-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .recently-viewed-container .two-slide-container .itinerary-tile { width: calc(50% - 40px) } } .recent-search-container { max-width: 1200px; margin: 0 auto; position: relative } .recent-search-container button { background: none; border: none; cursor: pointer } .recent-search-container .recent-search-header .drawer-cta-holder { text-align: center } .recent-search-container .recent-search-drawer { display: none; overflow-y: scroll; position: fixed; top: 0; bottom: 0; right: -100%; width: 100%; z-index: 1000 } .recent-search-container .title-bar .close-drawer-container,.recent-search-container .title-bar .drawer-cta-holder { display: none } .recent-search-container .drawer-body { padding: 18px; text-align: center } .recent-search-container .drawer-header { padding: 18px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .recent-search-container .drawer-header .drawer-title { display: inline-block; vertical-align: middle } .recent-search-container .drawer-header .close-drawer-container { float: right; vertical-align: middle } .recent-search-container .recent-search-header { padding: 17px 10px } .recent-search-container .clear-all-container { text-align: center } .recent-search-container .clear-all-container .clear-all { margin-top: 20px } .recent-search-container .close-drawer-container { display: none } .recent-search-container .drawer-header .close-drawer-container { display: block } .recent-search-container.open .recent-search-drawer { right: 0; display: block; -webkit-animation: .5s searchRightToLeft; animation: .5s searchRightToLeft } .recent-search-card { padding: 25px 14px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: left; margin-bottom: 15px } .recent-search-card p { margin: 0 } .recent-search-card .recent-search-card__close { height: 1.5em; width: 1.5em; content: ""; position: absolute; right: 10px; cursor: pointer; text-align: center } .recent-search-card .recent-search-card__close:after,.recent-search-card .recent-search-card__close:before { content: ""; height: 1.5em; width: 1px; position: absolute } .recent-search-card .recent-search-card__close:before { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .recent-search-card .recent-search-card__close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .recent-search-card .recent-search-card__heading-wrapper { margin-bottom: 12px } .recent-search-card .recent-search-card__heading { display: inline-block; padding-right: 5px; margin: 0 } .recent-search-card .recent-search-card__more-search-label { display: inline-block } .recent-search-card .recent-search-card__primary-filters { margin-bottom: 32px } .recent-search-card .recent-search-card__primary-filter { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px } .recent-search-card .recent-search-card__primary-filter-key { min-width: 108px; width: 108px } .recent-search-card .recent-search-card__secondary-filters { line-height: 1 } .recent-search-card .recent-search-card__secondary-filter { display: inline-block; margin-bottom: 10px } .recent-search-card .recent-search-card__secondary-filter:not(:last-child):after { content: ","; margin-right: 2px } .recent-search-card .recent-search-card__secondary-filters-heading { margin-bottom: 5px } .recent-search-card .recent-search-card__link { position: absolute; right: 12px } .searchResults .holder.recent-search-variation .recent-search-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; max-width: 33% } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-header { padding: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button { padding: 0 0 0 5px; text-align: center } .searchResults .holder.recent-search-variation .recent-search-container .drawer-body { line-height: 1 } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-header .drawer-cta-holder { padding-left: 5px } @media (min-width: 768px) { .recent-search-container .drawer-header { padding:30px 18px } .recent-search-container .recent-list .list-container { -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; -ms-flex-wrap: wrap; flex-wrap: wrap } .recent-search-container .clear-all-container { margin-bottom: 20px } .recent-search-card { padding: 44px 24px 50px; width: calc(50% - 5px); display: inline-block; margin-bottom: 10px; margin-right: 10px } .recent-search-card:nth-child(2n) { margin-right: 0 } .recent-search-card .recent-search-card__primary-filter { margin-bottom: 8px } .recent-search-card .extra-selection-morefilters { margin-left: 7px } .recent-search-card.recent-search-card__primary-filters { margin-bottom: 36px } .recent-search-card .recent-search-card__primary-filter-key { min-width: 125px; width: 125px } .recent-search-card .recent-search-card__secondary-filters-heading { margin-bottom: 10px } .searchResults .holder.recent-search-variation .recent-search-container { max-width: 40% } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-header .drawer-cta-holder { padding-left: 10px } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button { padding: 0 } } @media (min-width: 1025px) { .recent-search-container .recent-search-header { display:none } .recent-search-container .drawer-body { padding: 0; position: relative } .recent-search-container .drawer-body .recent-list { max-height: 510px; overflow-y: auto; padding-bottom: 30px } .recent-search-container .drawer-body .list-container { padding: 20px 50px } .recent-search-container .recent-search-drawer .drawer-header { display: none } .recent-search-container .title-bar .drawer-cta-holder { display: inline-block } .recent-search-container .recent-search-drawer { display: block; position: relative; top: 0; bottom: auto; left: 0; right: auto; overflow: visible; z-index: 0 } .recent-search-container .recent-search-drawer .drawer-body { display: none; position: absolute; top: 100%; left: 0; right: 0 } .recent-search-container .title-bar .close-drawer-container { float: right } .recent-search-container .clear-all-container { display: none; vertical-align: bottom } .recent-search-container .clear-all-container .clear-all { margin-top: 0; margin-left: 10px } .recent-search-container .clear-all-container { margin-bottom: 0 } .recent-search-container .no-recent-search .no-search-title { margin-bottom: 0; margin-top: 20px } .recent-search-container .no-recent-search .no-search-desc { margin-top: 10px } .recent-search-container.open .recent-search-drawer .drawer-body { display: block } .recent-search-container.open .clear-all-container,.recent-search-container.open .title-bar .close-drawer-container { display: inline-block } .recent-search-container.open .close-drawer-container { display: block; position: absolute; right: 35px; top: 0 } .recent-search-container.open .close-drawer-container .close-btn { margin-right: 0 } .recent-search-card { padding: 22px 20px 50px; width: calc(33.3% - 10px); display: inline-block; margin-bottom: 15px; margin-right: 15px } .recent-search-card:nth-child(2n) { margin-right: 15px } .recent-search-card:nth-child(3n) { margin-right: 0 } .recent-search-card .recent-search-card__primary-filter { margin-bottom: 10px } .recent-search-card.recent-search-card__primary-filters { margin-bottom: 30px } .recent-search-card .recent-search-card__primary-filter-key { min-width: 125px; width: 125px } .recent-search-card .recent-search-card__secondary-filters-heading { margin-bottom: 14px } .searchResults .holder.recent-search-variation .recent-search-container { position: static; max-width: 22%; -webkit-box-flex: unset; -ms-flex: unset; flex: unset } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-drawer { padding: 0; position: absolute; top: 100%; left: 0; width: 100%; display: none } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-drawer .drawer-body { position: relative } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-header { display: inline-block; padding: 0 } .searchResults .holder.recent-search-variation .recent-search-container .title-bar .drawer-cta-holder { display: none } .searchResults .holder.recent-search-variation .recent-search-container .drawer-body .recent-list { width: 100% } .searchResults .holder.recent-search-variation .recent-search-container .title-bar { display: inline-block; width: 100%; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box } .searchResults .holder.recent-search-variation .recent-search-container .clear-all-container .clear-all { margin-top: 20px } .searchResults .holder.recent-search-variation .recent-search-container .drawer-body .recent-list { max-height: 375px } .searchResults .holder.recent-search-variation .recent-search-container.open .recent-search-drawer { display: block } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button { text-align: left } } .hero-container { width: 100%; position: relative } .hero-container .hero-slides { position: relative; overflow: hidden } .hero-container .filter-item { cursor: pointer } .hero-container .slide { min-height: 200px; position: relative } .hero-container .slide .video-container-hero .close-button-container .close-icon { display: inline-block; width: 20px; height: 20px } .hero-container .slide .video-child-container-mobile .videoplayer .amp-controls .amp-icon.amp-control { margin-left: .2em; font-size: unset } .hero-container .slide .video-child-container-mobile .videoplayer .amp-pause-overlay { margin: -2em 0 0 -1em } .hero-container .slide .video-container-hero-parent.mobile .image-container.hideimg,.hero-container .slide .video-container-hero-parent .video-container-hero.none { display: none } .hero-container .slide .video-container-hero-parent.mobile .image-container.none { display: block } .hero-container .slide .info-card-positioning.hideimg { display: none } .hero-container .slide .video-container-hero-parent .video-container-hero.hideimg { display: block; position: absolute; width: calc(100% - 70px); top: 0 } .hero-container .slide .video-container-hero .videoplayer video { height: 100%; width: 100% } .hero-container .slide .videoplayer .amp-poster { display: none } .hero-container .slide .video-container-hero .video-child-container { position: relative } .hero-container .search-holder.grid-wrap.hideimg { top: -35px } .hero-container .slide .video-container-hero .close-button-container { position: absolute; right: 17px; top: 17px } .hero-container .slide .video-container-hero .close-button-container .price-close-button { background: #000; border: none } .hero-container .slide .video-container-hero .close-button-container .close-label { display: none } .hero-container .slide .video-container-hero.mobile { padding: 0 38px; background-color: #000 } .hero-container .slide .video-container-hero.mobile .close-button-container { position: absolute; right: 0; top: 0 } .hero-container .slide .video-container-hero .video-child-container-mobile { position: relative; padding-bottom: 40px } .hero-container .slide .video-container-hero .video-child-container-mobile .amp-ui { font: small-caption } .hero-container .akamai-layer,.hero-container .akamai-media-element,.hero-container .akamai-player { position: static } .hero-container .amp-video-container.amp-persistent-controls .akamai-caption-text { bottom: 3.26em!important } .hero-container .search-holder { padding: 17px; position: relative } .hero-container .info-section img { width: auto; height: 28px } .hero-container .header-rv { display: table; width: 100% } .hero-container .header-rv h3 { display: table-cell; float: left; padding-left: 20px } .hero-container .header-rv button { display: table-cell; float: right } .hero-container .cta-with-price { display: none } .hero-container .detail-section { position: relative; text-align: center } .hero-container .detail-section .arrow-icon,.hero-container .detail-section .price-block-mob { display: inline-block; width: 49%; vertical-align: middle; padding: 0 } .hero-container .info-card-positioning { overflow: hidden; position: static; pointer-events: none } .hero-container .info-card-logo { position: absolute; top: 20px } .hero-container .info-card-logo.left { left: 20px } .hero-container .info-card-logo.center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .hero-container .info-card-logo.right { right: 20px } .hero-container .roundels { position: relative; left: 0; top: 0; float: none; margin: 15px 0 } .hero-container .info-card .info-section { clear: both; padding: 0 18px } .hero-container .info-card .info-section h2 p { color: inherit; font-family: inherit; font-size: inherit; margin-top: 20px; margin-bottom: 20px; text-shadow: inherit } .hero-container .info-card.right .roundels { float: right } .hero-container .info-card.left .roundels { float: left } .hero-container .info-card.center .roundels { margin: 15px auto } .hero-container .title-description span { display: none; font-weight: 700 } .hero-container .slide-image-cta { display: block } .hero-container a { position: relative; pointer-events: auto } .hero-container .slick-slide img { max-height: 450px; -o-object-fit: cover; object-fit: cover } .info-card-positioning { width: 100%; position: relative; top: 0 } .hero-container .info-card .info-section h2 { line-height: 35px; line-height: 2.1875rem; margin: 0 0 15px; min-width: 250px } .hero-container .info-card .info-section .p { margin: 0 0 10px; line-height: 16px; line-height: 1rem } .hero-container .info-card .info-section a { padding-bottom: 5px } .hero-container .info-card .info-section.left { float: left } .hero-container .info-card .info-section.center { margin: 0 auto } .hero-container .info-card .info-section .disclaimer-text p { margin: 0 } .hero-container .info-card .info-section { &-logo img { max-height: 70px; width: auto; max-width: 410px } } .hero-container .slide-controls { display: none } .hero-container .slide-controls .button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer } .hero-container .slide-controls .button:before { position: absolute; content: ""; display: inline-block; width: 21px; height: 34px; left: 50%; top: 50%; margin: -17px 0 0 -10px } .hero-container .slick-dots { position: absolute; bottom: auto; top: 50%; left: 52%; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; z-index: 1; margin: 0; padding: 0 } .hero-container .slick-dots li { list-style-type: none; list-style-position: inside; display: inline-block; margin-right: 20px; width: 12px; height: 12px; cursor: pointer } .hero-container .slick-dots li:last-child { margin-right: 0 } .hero-container .slick-dots button { width: 100%; height: 100%; cursor: pointer } .hero-container .recently-viewed { display: block } .hero-container .recently-viewed a { line-height: 25px; line-height: 1.5625rem } .info-card .price-section { display: inline-block; width: auto; overflow: visible; word-wrap: break-word; padding-left: 15px } .info-card .price-section p { margin: 0 } .info-card .price-section .heading { margin-left: -10px } .info-card .price-section .amount-section { margin: -4px 0 } .info-card .price-section .currency { position: relative; top: -15px } .info-card .price-section .amount { position: relative; top: 0 } .info-card .price-section .per-text { position: absolute; top: 25px; padding-left: 5px } .info-card .price-section .person-text { position: absolute; top: 35px; padding-left: 5px } .info-card .price-section .tnc { max-width: 165px } .hero-container.recent-search-variation .svp-container .search-cta-svp-btn { margin-bottom: 0 } @media (min-width: 768px) { .hero-container .info-card { top:50px } .hero-container .info-card h2 { margin: 0 0 15px; line-height: 3rem } .hero-container .info-card .detail-section .arrow-icon,.hero-container .info-card .detail-section .price-block-mob { width: auto } .hero-container .info-card .detail-section { padding: 0 } .hero-container .info-card .info-section { max-width: 410px } .hero-container .info-card p.title-description { width: 100% } .hero-container.search-enabled .slick-dots { bottom: 55px; top: auto } .info-card .price-section { padding-right: 25px } .hero-container .recently-viewed { bottom: 55px; display: block } .hero-container .recently-viewed a { line-height: 1.5625rem } .hero-container .info-section { display: inline-block; padding-right: 23px } .hero-container .info-card-wrap { padding-top: 65px } .hero-container .info-card-logo { width: 100%; margin-bottom: 0; position: relative; top: auto } .hero-container .info-card-logo img { max-height: 70px; max-width: 410px } .hero-container .info-card-logo.left { left: auto } .hero-container .info-card-logo.left img { text-align: left } .hero-container .info-card-logo.center { max-width: 100%; text-align: center } .hero-container .info-card-logo.center img { text-align: center; display: inline } .hero-container .info-card-logo.right { display: block; padding-right: 15px; right: auto; text-align: right } .hero-container .info-card-logo.right img { text-align: right; display: inline } .hero-container .info-card { padding-top: 0 } .hero-container .slide .image-lazy-loader:after { content: ""; position: absolute; left: 0; bottom: 0; background: -webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0, 0, 0, .6)),color-stop(37%, rgba(0, 0, 0, .22)),to(transparent)); background: linear-gradient(0deg,rgba(0, 0, 0, .6) 0,rgba(0, 0, 0, .22) 37%,transparent); height: 110px; width: 100% } .hero-container .info-card-positioning { position: relative } .hero-container .info-card-logo.right { padding-right: 65px } .hero-container .info-card-logo.right img { margin-right: 0 } .hero-container .slide .video-container-hero-parent .video-container-hero.hideimg { padding: 0 35px; height: 380px; width: -webkit-fill-available; background-color: #000; width: calc(100% - 70px) } .hero-container .slide .video-container-hero-parent .video-container-hero.hideimg .video-child-container { height: inherit } .hero-container .slide .video-container-hero .close-button-container { position: absolute; right: 0; top: 0 } .hero-container .search-holder.grid-wrap.hideimg { top: -36px } .hero-container .info-card .info-section p.title-description { width: 100% } } @media (min-width: 981px) { .hero-container .slide>.image-lazy-loader img { -o-object-fit:cover; object-fit: cover; max-height: 575px } } @media (min-width: 1025px) { .hero-container .hero-slides { position:relative } .hero-container .recently-viewed,.hero-container .slide-controls { display: block } .hero-container .header-rv h3 { display: none } .hero-container .slide-controls-wrapper { position: relative; height: 0; max-width: 100%; padding: 0 } .hero-container .slide-controls { height: 0; position: relative; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box } .hero-container .slide-controls-wrapper { position: absolute; top: 45%; width: 100%; -webkit-transform: translateY(-45%); transform: translateY(-45%); max-width: none } .hero-container .slide-controls .button.next-btn,.hero-container .slide-controls .button.prev-btn { position: relative; top: 0; left: 0; -webkit-transform: none; transform: none } .hero-container .slide-controls .button.next-btn.slick-disabled,.hero-container .slide-controls .button.next-btn.slick-disabled:before,.hero-container .slide-controls .button.prev-btn.slick-disabled,.hero-container .slide-controls .button.prev-btn.slick-disabled:before { cursor: default } .hero-container .slide-controls .button.next-btn { float: right } .hero-container .slide { min-height: 374px } .hero-container .slide .video-container-hero-parent .video-container-hero.hideimg { padding: 0 280px 1px; background-color: #000; height: calc(100% - 139px); width: calc(100% - 560px) } .hero-container .slide .video-container-hero-parent .video-container-hero.hideimg .video-child-container { height: 100% } .hero-container .slide .video-container-hero-parent .image-container.hideimg { height: 630px } .hero-container .search-holder.grid-wrap.hideimg { top: 0 } .hero-container .slide .video-container-hero .videoplayer video { height: 100%; width: 100%; transform: scale(1.2); -webkit-transform: scale(1.2) } .hero-container .slick-slide .image-container.hideimg img { max-height: none; height: -webkit-fill-available } .hero-container .slide>.image-lazy-loader img { max-height: 100% } .hero-container .info-card-logo { padding-left: 25px } .hero-container .info-card-logo.right { padding-right: 30px } .hero-container .roundels { float: left; margin-right: 20px; margin-bottom: 0 } .hero-container .info-card .info-section { max-width: 760px } .search-positioning { position: absolute; width: 100%; bottom: 0; z-index: 21 } .hero-container.hero-disabled .search-positioning { position: static; margin-top: 14px } .hero-container.search-enabled .search-holder { width: 100%; padding: 0 40px; height: 115px } .hero-container.search-enabled .slick-dots { bottom: 140px } .info-card .price-section { padding-right: 0 } .hero-container .recently-viewed { position: static; font-size: 1.125rem; margin-top: 5px; bottom: auto } .hero-container .recently-viewed a { line-height: 1.5625rem } } .search-holder { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/search-bar-bg.png) } .search-bar { padding: 0 } .search-bar .svp-container { background: #fff; -webkit-box-shadow: 0 0 25px 0 #dcdde8; box-shadow: 0 0 25px 0 #dcdde8; text-align: center } .search-bar h2 { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .search-bar h2 { font-size:1.875rem; line-height: 1.333 } } .search-bar h2 { color: #002776 } .search-bar .searchByCruiseCodeErrorLabel { color: #b10f26 } .search-bar .search-list .searchByCruiseCodeContanier { display: none } .search-bar .searchInputAndCtaWrapper { border: 1px solid #ccc; display: inline-block; width: calc(100% - 40px); background: #fff; height: 40px; margin-top: 10px; position: relative } .search-bar .searchByCruiseCodeLabel { font-size: 0.875rem; font-size: .875rem; padding: 10px } .search-bar .searchInputAndCtaWrapper .searchByCruiseCodeInput { padding-left: 10px; font-family: GreycliffCF-bold; border: none; border-radius: 0; float: left; width: calc(100% - 10px); height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .searchInputAndCtaWrapper .searchByCruiseCodeLink { height: inherit; padding: 0 15px; position: absolute; top: 0; right: 0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-left: 1px solid #ccc } .search-bar .show-cta-more { clear: both; width: 100%; max-width: 340px; margin-left: auto; margin-right: auto; text-align: center; position: relative } .search-bar .show-cta-more:before { content: ""; display: table } .search-bar .show-cta-more:after { content: ""; display: table; clear: both } .search-bar .show-cta-more .left-item { position: absolute; top: 0; left: 0 } .search-bar .show-cta-more .results-number { font-family: Praxis-regular; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .show-cta-more .results-number { font-size:1rem; line-height: 1.625 } } .search-bar .show-cta-more .results-number { font-family: GreycliffCF-bold; color: #002776; text-transform: none; float: left; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; line-height: 0.8rem; line-height: 12.8px; line-height: .8rem } .search-bar .cta-secondary { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .search-bar .cta-secondary { font-size:1.125rem; border-radius: 15px } } .search-bar .cta-secondary { font-size: 0.75rem; font-size: .75rem; background-color: transparent; color: #0076ce; border: none; border-bottom: 1px solid #0076ce; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; border-radius: 0; padding-left: 0; padding-right: 0 } @media (min-width: 768px) { .search-bar .cta-secondary { font-size:1.125rem; border-radius: 0 } } .search-bar .cta-secondary { cursor: pointer; border-bottom: none } .search-bar .search-cta { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .search-bar .search-cta { font-size:1rem; width: auto; border-radius: 10px } } .search-bar .search-cta:hover { background: #b0263a } .search-bar .search-cta.active,.search-bar .search-cta:active,.search-bar .search-cta:focus { background: #b10f26 } .search-bar .search-cta.disabled,.search-bar .search-cta[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .search-bar .search-cta { width: auto } .search-bar .view-container { text-align: center } .search-bar .recent-view { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .search-bar .recent-view { font-size:1.125rem; border-radius: 15px } } .search-bar .recent-view { color: #f2f0e8; cursor: pointer } .search-bar .loading-icon { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/spinner.gif) no-repeat; background-size: cover } .search-bar .grid-text { vertical-align: middle } .search-bar .grid-item { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .grid-item { font-size:1rem; line-height: 1.625 } } .search-bar .grid-item { background-color: #e3e2e8; color: #002776; border: none; text-align: center } .search-bar .grid-item:hover { background-color: #bcbdcb; border: 1px solid #bcbdcb } .search-bar .grid-item.disabled { background-color: #fff; color: #ccc; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .grid-item.selected { background-color: #002776; color: #fff } .search-bar .grid-item.selected:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; background-color: #002776 } .search-bar .grid-item.selected.disabled { background-color: #002776; color: #fff } .search-bar .grid-item.selected.disabled:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E922" } .search-bar .grid-item:active,.search-bar .grid-item:focus { outline: 1px auto #bcbdcb } .search-bar .error-message { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .error-message { font-size:1rem; line-height: 1.625 } } .search-bar .error-message { color: #666 } .search-bar .error-message span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMDI4NWI7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5IQUwtQWxlcnQtaWNvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAsNy4zYTExLDExLDAsMSwxLTExLDExQTExLDExLDAsMCwxLDIwLDcuM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ljk4IC03LjMpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAsMjUuODdhMS43NiwxLjc2LDAsMCwxLTEuNzMtMS43M0ExLjc5LDEuNzksMCwwLDEsMjAsMjIuNGExLjgxLDEuODEsMCwwLDEsMS43NSwxLjc1QTEuNzYsMS43NiwwLDAsMSwyMCwyNS44N1ptLS4yLTQuNjVjLS4zOS0yLjM2LS45Mi00LjY4LTEuMzMtN2E3LjA4LDcuMDgsMCwwLDEtLjExLTEuMzVjMC0xLC40OC0yLjEsMS42NC0yLjFzMS42NCwxLjExLDEuNjQsMi4yM2E2Ljk0LDYuOTQsMCwwLDEtLjExLDEuMzVjLS40NCwyLjI5LS44NSw0LjYxLTEuMjksNi45MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ljk4IC03LjMpIi8+PC9zdmc+); background-repeat: no-repeat; display: inline-block; width: 19px; height: 19px; background-size: cover; vertical-align: text-bottom; margin-right: 7px } .search-bar .date-item.disabled,.search-bar .grid-item.disabled,.search-bar .year-cta-btn.disabled { pointer-events: none } .search-bar .year-cta-btn.disabled .grid-text { color: #ccc } .search-bar .date-item.selected.disabled,.search-bar .grid-item.selected.disabled,.search-bar .year-cta-btn.selected.disabled { pointer-events: auto } .search-bar .mandatory-icon { color: #666 } .search-bar .mandatory-label { font-family: Praxis-regular; font-size: 0.75rem; font-size: .75rem; color: #666; left: auto } .search-list .search-overlay { -webkit-transition: right .5s; transition: right .5s } .search-bar .search-overlay.active,.search-bar .search-overlay.selected { display: block; -webkit-animation: .3s searchRightToLeft; animation: .3s searchRightToLeft } .search-bar .search-date-overlay .date-item { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-date-overlay .date-item { font-size:1rem; line-height: 1.625 } } .search-bar .search-date-overlay .date-item { background-color: #e3e2e8; color: #002776; border: none; text-align: center } .search-bar .search-date-overlay .date-item:hover { background-color: #bcbdcb; border: 1px solid #bcbdcb } .search-bar .search-date-overlay .date-item.disabled { background-color: #fff; color: #ccc; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-date-overlay .date-item.selected { background-color: #002776; color: #fff } .search-bar .search-date-overlay .date-item.selected:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; background-color: #002776 } .search-bar .search-date-overlay .date-item.selected.disabled { background-color: #002776; color: #fff } .search-bar .search-date-overlay .date-item.selected.disabled:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E922" } .search-bar .search-date-overlay .date-item:active,.search-bar .search-date-overlay .date-item:focus { outline: 1px auto #bcbdcb } .search-bar .search-date-overlay .year-cta-btn { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-date-overlay .year-cta-btn { font-size:1rem; line-height: 1.625 } } .search-bar .search-date-overlay .year-cta-btn { background-color: #e3e2e8; color: #002776; border: none; text-align: center } .search-bar .search-date-overlay .year-cta-btn:hover { background-color: #bcbdcb; border: 1px solid #bcbdcb } .search-bar .search-date-overlay .year-cta-btn.disabled { background-color: #fff; color: #ccc; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-date-overlay .year-cta-btn.selected { background-color: #002776; color: #fff } .search-bar .search-date-overlay .year-cta-btn.selected:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; background-color: #002776 } .search-bar .search-date-overlay .year-cta-btn.selected.disabled { background-color: #002776; color: #fff } .search-bar .search-date-overlay .year-cta-btn.selected.disabled:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E922" } .search-bar .search-date-overlay .year-cta-btn:active,.search-bar .search-date-overlay .year-cta-btn:focus { outline: 1px auto #bcbdcb } .search-bar .search-date-overlay .grid-item:active { outline: none } @-webkit-keyframes searchRightToLeft { 0% { margin-right: -200px } 25% { margin-right: -150px } 50% { margin-right: -100px } 75% { margin-right: -50px } to { margin-right: 0 } } @keyframes searchRightToLeft { 0% { margin-right: -200px } 25% { margin-right: -150px } 50% { margin-right: -100px } 75% { margin-right: -50px } to { margin-right: 0 } } .search-bar .search-overlay { -webkit-transition: right .5s; transition: right .5s; overflow-y: scroll; background: #fff; display: none } .search-bar .search-overlay .overlay-header { background: #fff; min-height: 60px; padding: 5px 18px; border-bottom: 1px solid hsla(0, 0%, 65%, .5) } .search-bar .search-overlay .more-filters-container .ccordion-item .accordion-item-title { border-bottom: 1px solid hsla(0, 0%, 65%, .5) } .search-bar .search-overlay .header-title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-overlay .header-title { font-size:1.125rem; line-height: 1.555 } } .search-bar .search-overlay .header-title { color: #002776; text-transform: none; vertical-align: middle; font-family: Praxis-semibold } .search-bar .search-overlay .more-filters-title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-overlay .more-filters-title { font-size:1.125rem; line-height: 1.555 } } .search-bar .search-overlay .more-filters-title { color: #002776; text-transform: none; vertical-align: middle; font-family: Praxis-semibold } .search-bar .search-overlay .close-btn { background: transparent; border: none; margin-top: 15px } .search-bar .search-overlay .close-btn span { color: #fff } .search-bar .search-overlay .close-btn:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; margin-top: -14px; height: 26px; width: 26px; font-size: 26px; font-size: 1.625rem; color: #666 } .search-bar .search-overlay .search-list { list-style-type: none; position: relative; height: auto } .search-bar .search-overlay .dropdown-title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-overlay .dropdown-title { font-size:1rem; line-height: 1.625 } } .search-bar .search-overlay .dropdown-title { font-family: Praxis-semibold; color: #002776; vertical-align: middle; text-transform: none; text-align: left } .search-bar .search-overlay .has-value .dropdown-title { font-family: Praxis-regular; color: #666 } .search-bar .search-overlay .dropdown-value { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-overlay .dropdown-value { font-size:1rem; line-height: 1.625 } } .search-bar .search-overlay .dropdown-value { font-family: Praxis-semibold; color: #002776; vertical-align: middle; text-transform: none; text-align: left } .search-bar .search-overlay .search-cta-btn { background: #b10f26; color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .search-bar .search-overlay .search-cta-btn { font-size:1.125rem; border-radius: 15px } } .search-bar .search-overlay .search-cta-btn { color: #fff; text-transform: none; cursor: pointer; text-align: center; border: none; bottom: 10px; position: relative; margin-top: 100px } .search-bar .search-overlay .caret-right { vertical-align: middle; text-align: right } .search-bar .search-overlay .icon-caret { vertical-align: middle } .search-bar .search-overlay .icon-caret:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .search-bar .search-overlay .icon-caret:before { font-size:1.125rem } } .search-bar .search-overlay .icon-caret:before { color: #002776 } .search-bar .search-overlay .caret-left { border-right: 1px solid hsla(0, 0%, 65%, .5); vertical-align: middle } .search-bar .search-overlay .caret-left:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E929"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .search-bar .search-overlay .caret-left:before { font-size:1.125rem } } .search-bar .search-overlay .caret-left:before { height: 15px; top: 0 } .search-bar .search-overlay .header-text { vertical-align: middle } .search-bar .search-overlay .search-filters { background: transparent } .search-bar .search-overlay .filter-inner-container { border-bottom: 1px solid hsla(0, 0%, 65%, .5) } .search-bar .search-overlay.selected .grid-item { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-overlay.selected .grid-item { font-size:1rem; line-height: 1.625 } } .search-bar .search-overlay.selected .grid-item { background-color: #e3e2e8; color: #002776; border: none; text-align: center } .search-bar .search-overlay.selected .grid-item:hover { background-color: #bcbdcb; border: 1px solid #bcbdcb } .search-bar .search-overlay.selected .grid-item.disabled { background-color: #fff; color: #ccc; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay.selected .grid-item.selected { background-color: #002776; color: #fff } .search-bar .search-overlay.selected .grid-item.selected:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; background-color: #002776 } .search-bar .search-overlay.selected .grid-item.selected.disabled { background-color: #002776; color: #fff } .search-bar .search-overlay.selected .grid-item.selected.disabled:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E922" } .search-bar .search-overlay.selected .grid-item:active,.search-bar .search-overlay.selected .grid-item:focus { outline: 1px auto #bcbdcb } .search-bar .search-overlay.selected .grid-item.disabled { pointer-events: none } .search-bar .search-overlay.selected .date-item.selected.disabled,.search-bar .search-overlay.selected .grid-item.selected.disabled,.search-bar .search-overlay.selected .year-cta-btn.selected.disabled { pointer-events: auto } .search-bar .search-overlay.selected .date-item.selected:after,.search-bar .search-overlay.selected .grid-item.selected:after { margin-top: -8px; text-align: center; right: 10px } .search-bar .search-overlay.selected .year-cta-btn.selected:after { text-align: center } .search-bar .search-overlay.selected .header-text { top: 0 } .search-bar .search-overlay.selected .date-container .date-item.selected:after,.search-bar .search-overlay.selected .date-container .last-child:after { right: 10px; margin-top: -8px } .search-bar .search-overlay.selected .date-item.selected.disabled:after,.search-bar .search-overlay.selected .grid-item.selected.disabled:after,.search-bar .search-overlay.selected .year-cta-btn.selected.disabled:after { right: 4px } .search-bar .search-overlay.selected .date-container .year-cta-btn.selected:after { right: 9px; margin-top: -8px } .search-bar .search-overlay.selected .search-date-overlay .grid-item,.search-bar .search-overlay.selected .search-date-overlay .grid-item:hover { background: transparent; border: none } .search-bar .search-overlay.selected .search-date-overlay .date-item { cursor: pointer; text-transform: none; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-overlay.selected .search-date-overlay .date-item { font-size:1rem; line-height: 1.625 } } .search-bar .search-overlay.selected .search-date-overlay .date-item { background-color: #e3e2e8; color: #002776; border: none; text-align: center } .search-bar .search-overlay.selected .search-date-overlay .date-item:hover { background-color: #bcbdcb; border: 1px solid #bcbdcb } .search-bar .search-overlay.selected .search-date-overlay .date-item.disabled { background-color: #fff; color: #ccc; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay.selected .search-date-overlay .date-item.selected { background-color: #002776; color: #fff } .search-bar .search-overlay.selected .search-date-overlay .date-item.selected:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; background-color: #002776 } .search-bar .search-overlay.selected .search-date-overlay .date-item.selected.disabled { background-color: #002776; color: #fff } .search-bar .search-overlay.selected .search-date-overlay .date-item.selected.disabled:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E922" } .search-bar .search-overlay.selected .search-date-overlay .date-item:active,.search-bar .search-overlay.selected .search-date-overlay .date-item:focus { outline: 1px auto #bcbdcb } .search-bar .search-overlay.selected .search-date-overlay .year { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-overlay.selected .search-date-overlay .year { font-size:1rem; line-height: 1.625 } } .search-bar .search-overlay.selected .search-date-overlay .year { text-align: left; font-size: 18px; font-size: 1.125rem; padding-top: 5px } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn { cursor: pointer; text-transform: none; font-weight: 700; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn { font-size:1rem; line-height: 1.625 } } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn { background-color: #e3e2e8; color: #002776; border: none; text-align: center } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn:hover { background-color: #bcbdcb; border: 1px solid #bcbdcb } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.disabled { background-color: #fff; color: #ccc; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.selected { background-color: #002776; color: #fff } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.selected:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; background-color: #002776 } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.selected.disabled { background-color: #002776; color: #fff } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.selected.disabled:after { content: ""; display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E922" } .search-bar .search-overlay.selected .search-date-overlay .year-cta-btn:active,.search-bar .search-overlay.selected .search-date-overlay .year-cta-btn:focus { outline: 1px auto #bcbdcb } .search-bar .overlay-container { -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1); box-shadow: 0 4px 8px rgba(0, 0, 0, .1) } .search-bar .overlay-container .close-btn { background: transparent; border: none } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills { text-align: left } .search-bar.accordion-view .search-overlay.selected :not(.search-date-overlay) .inner-grid .two-column>.grid-item.selected:after,.search-bar.accordion-view .search-overlay.selected :not(.search-date-overlay) .inner-grid>.grid-item.selected:after { content: none; text-align: center } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item.selected { background: #fff; color: #002776; border: 1px solid #002776 } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item.selected:after { background-color: transparent } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item.selected.disabled { border: 1px solid #e3e2e8 } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills .grid-item.selected.disabled .grid-text { color: #e3e2e8 } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item { text-align: center } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item:not(.selected) { background: #e3e2e8; border: 1px solid #e3e2e8; color: #002776 } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item.disabled:not(.selected) { background: #fff; color: #ccc } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item.disabled.selected { border: none } .search-bar.accordion-view .search-overlay .selected-filter-pills.durations-pills,.search-results-header.accordion-view .more-filters-container .search-overlay .selected-filter-pills.durations-pills { display: grid; grid-template-columns: 50% 50% } .search-bar.accordion-view .search-overlay .search-list li,.search-bar.accordion-view .search-overlay .search-list li.active,.search-results-header.accordion-view .more-filters-container .search-overlay .search-list li,.search-results-header.accordion-view .more-filters-container .search-overlay .search-list li.active { width: 100%; padding: 0 } .search-bar.accordion-view .search-list,.search-results-header.accordion-view .more-filters-container .search-list { height: auto; background: #fff; top: 60px } .search-bar.accordion-view .search-list li .has-value .dropdown-value,.search-results-header.accordion-view .more-filters-container .search-list li .has-value .dropdown-value { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .search-bar.accordion-view .search-list li .has-value .dropdown-value,.search-results-header.accordion-view .more-filters-container .search-list li .has-value .dropdown-value { font-size:1.125rem; line-height: 1.555 } } .search-bar.accordion-view .search-list li .has-value .dropdown-value,.search-results-header.accordion-view .more-filters-container .search-list li .has-value .dropdown-value { color: #002776; font-family: Praxis-semibold } .search-bar.accordion-view .filter-border.active .filter-inner-container,.search-results-header.accordion-view .more-filters-container .filter-border.active .filter-inner-container { border-bottom: none } .search-bar.accordion-view .filter-border.active,.search-results-header.accordion-view .more-filters-container .filter-border.active { position: relative } .search-bar.accordion-view .filter-border.active:after,.search-results-header.accordion-view .more-filters-container .filter-border.active:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: -webkit-gradient(linear,left top, left bottom,color-stop(0, hsla(0, 0%, 100%, 0)),to(#fff)); background: linear-gradient(180deg,hsla(0, 0%, 100%, 0) 0,#fff); z-index: 200; border-bottom: 1px solid hsla(0, 0%, 65%, .5) } .search-bar.accordion-view .search-overlay .overlay-cta-close,.search-bar.accordion-view .search-overlay .search-cta-btn,.search-results-header.accordion-view .more-filters-container .search-overlay .overlay-cta-close,.search-results-header.accordion-view .more-filters-container .search-overlay .search-cta-btn { max-width: 210px; margin: auto; margin-bottom: 20px } .search-bar.accordion-view .search-overlay .icon-caret:before,.search-results-header.accordion-view .more-filters-container .search-overlay .icon-caret:before { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .search-bar.accordion-view .search-overlay .filter-border.active .icon-caret:before,.search-results-header.accordion-view .more-filters-container .search-overlay .filter-border.active .icon-caret:before { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item,.search-results-header.accordion-view .more-filters-container .search-overlay.selected .duration-overlay .grid-item { width: calc(49.95% - 4px) } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item,.search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item:nth-child(1n),.search-results-header.accordion-view .more-filters-container .search-overlay.selected .duration-overlay .grid-item,.search-results-header.accordion-view .more-filters-container .search-overlay.selected .duration-overlay .grid-item:nth-child(1n) { margin-right: 0 } .search-bar.accordion-view .search-overlay.selected .inner-grid.duration-overlay .grid-item,.search-results-header.accordion-view .more-filters-container .search-overlay.selected .inner-grid.duration-overlay .grid-item { margin-bottom: 10px } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills.durations-pills .grid-item.selected:nth-child(2n),.search-results-header.accordion-view .more-filters-container .search-overlay.selected .selected-filter-pills.durations-pills .grid-item.selected:nth-child(2n) { margin-right: 0; margin-left: 5px } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills.durations-pills .grid-item.selected:nth-child(odd),.search-results-header.accordion-view .more-filters-container .search-overlay.selected .selected-filter-pills.durations-pills .grid-item.selected:nth-child(odd) { margin-right: 5px; margin-left: 0 } .search-bar.accordion-view .searchByCruiseCodeContanier,.search-results-header.accordion-view .more-filters-container .searchByCruiseCodeContanier { z-index: 1000 } .search-bar.accordion-view .search-overlay .filter-item,.search-results-header.accordion-view .more-filters-container .search-overlay .filter-item { padding: 0 } .search-bar.accordion-view .searchInputAndCtaWrapper,.search-results-header.accordion-view .more-filters-container .searchInputAndCtaWrapper { width: 90% } .search-bar.accordion-view .search-overlay.selected .search-filters,.search-results-header.accordion-view .more-filters-container .search-overlay.selected .search-filters { padding-bottom: 30px } .search-bar.accordion-view .accordion-item-body .selected-filter-pills .grid-item:after,.search-results-header.accordion-view .more-filters-container .accordion-item-body .selected-filter-pills .grid-item:after { background: transparent; vertical-align: bottom } .search-bar.accordion-view .mandatory-label,.search-results-header.accordion-view .more-filters-container .mandatory-label { top: auto } .search-bar.accordion-view .search-overlay .overlay-filter-container { height: auto; overflow: unset } .search-bar.accordion-view .search-overlay .overlay-cta-close,.search-bar.accordion-view .search-overlay .search-cta-btn { width: 100%; border-radius: 0; margin: 0; max-width: none; z-index: 200 } .search-bar.accordion-view .search-overlay .overlay-cta-close,.search-bar.accordion-view .search-overlay .overlay-filter-container .searchByCruiseCodeContanier { display: none } .search-bar.accordion-view .search-overlay .searchByCruiseCodeContanier { display: block; padding: 30px; text-align: center } .search-bar.accordion-view .search-overlay .searchByCruiseCodeContanier .searchInputAndCtaWrapper { height: 40px; position: relative; border: 1px solid #ccc; display: inline-block; margin-top: 10px; width: 100%; background: #fff } .search-bar.accordion-view .search-overlay .searchByCruiseCodeContanier .searchInputAndCtaWrapper .searchByCruiseCodeInput { padding: 0 10px; margin: 0; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-family: GreycliffCF-bold; border-radius: 0 } .search-bar.accordion-view .search-overlay .searchByCruiseCodeContanier .searchInputAndCtaWrapper .searchByCruiseCodeLink { position: absolute; height: 40px; right: 0; padding: 10px 15px; margin: auto; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #ccc; border-radius: 0; border-radius: initial; font-size: 0.875rem; font-size: .875rem } .search-bar.accordion-view .search-overlay.active .searchByCruiseCodeContanier { background: #f2f0e8; margin-top: 20px } .hero-container.recent-search-variation .search-holder { background: none } .hero-container.recent-search-variation .search-positioning { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/search-bar-bg.png); -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .hero-container.recent-search-variation .search-positioning:before { content: ""; display: table } .hero-container.recent-search-variation .search-positioning:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .hero-container.recent-search-variation .search-positioning { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .hero-container.recent-search-variation .search-positioning { padding-left:40px; padding-right: 40px } } .hero-container.recent-search-variation .search-positioning { padding-top: 17px; padding-bottom: 17px } .hero-container.recent-search-variation .svp-container { -webkit-box-shadow: none; box-shadow: none } @media (min-width: 481px) { .search-bar.accordion-view .more-filters-container .accordion-item.active .accordion-item-body,.search-bar.accordion-view .search-overlay.selected { max-height:calc(100vh - 200px) } .search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper .one-column,.search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper .three-column,.search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper .two-column { max-width: 375px; margin: 0 auto } } @media (min-width: 768px) { .search-bar { margin-top:-29px } .search-bar .show-cta-more { max-width: 95%; margin-left: auto; margin-right: auto; margin-top: 10px; position: static } .search-bar .show-cta-more:before { content: ""; display: table } .search-bar .show-cta-more:after { content: ""; display: table; clear: both } .search-bar .show-cta-more .left-item { position: static } .search-bar .search-overlay .close-btn { margin-top: 1px; margin-right: 22px; font-size: 1rem } .search-bar .search-overlay .icon-caret:before { height: 20px } .search-bar .search-overlay .close-btn:after { margin-top: -9px } .search-bar .search-cta { margin: 20px 16px 100px } .search-bar .search-overlay .overlay-header { padding: 30px 18px } .search-bar .search-overlay .caret-left { height: 35px } .search-bar .search-overlay .icon-caret { width: 17px } .search-bar .search-overlay .caret-left:before { height: 20px } .search-bar .search-overlay .search-filters { top: 86px } .search-bar .search-overlay .search-list { top: 89px } .search-bar .search-overlay .filter-item { width: 85%; margin: 0 auto } .search-bar .search-overlay .has-value .dropdown-title { padding: 18px 0 5px } .search-bar .search-overlay.selected .search-date-overlay .grid-item:nth-child(0n+1) { margin-bottom: 36px } .search-bar .search-overlay.selected .search-date-overlay .grid-item:last-child { margin-bottom: 40px } .search-bar .mandatory-label { top: 100px } .search-bar .search-overlay .filter-inner-container,.search-bar .search-overlay .filter-item { height: auto } .search-bar .searchByCruiseCodeContanier { padding-top: 20px; bottom: 100px; height: 90px } .search-bar .searchInputAndCtaWrapper { height: 56px; width: 81%; margin: auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px } .search-bar .searchByCruiseCodeLabel { position: relative; top: -1px } .search-bar .searchInputAndCtaWrapper .searchByCruiseCodeInput { padding: 8px 5px } .search-bar .searchInputAndCtaWrapper .searchByCruiseCodeLink { padding-right: 15px; padding-left: 15px; top: 0 } .search-bar .search-overlay.active .more-filters-container .grid-item.selected.disabled .grid-text { color: #ccc } .search-bar .search-overlay.active .overlay-header { padding-left: 32px } .search-bar .search-overlay.selected .search-date-overlay .date-item,.search-bar .search-overlay.selected .search-date-overlay .year-cta-btn { text-align: center; cursor: pointer } .search-bar .search-overlay.selected .search-date-overlay .year { text-align: left } .search-bar .search-overlay.selected .search-date-overlay .date-container .last-child:after { margin-top: -12px } .search-bar .search-overlay.selected .search-date-overlay .date-item.disabled,.search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.disabled { pointer-events: none } .search-bar .search-overlay.selected .search-date-overlay .date-item.disabled.selected,.search-bar .search-overlay.selected .search-date-overlay .year-cta-btn.disabled.selected { pointer-events: auto } .search-bar .search-overlay.selected .search-date-overlay { max-width: 67%; margin-left: auto; margin-right: auto } .search-bar .search-overlay.selected .search-date-overlay:before { content: ""; display: table } .search-bar .search-overlay.selected .search-date-overlay:after { content: ""; display: table; clear: both } .search-bar .search-overlay.selected .date-item.selected.disabled:after,.search-bar .search-overlay.selected .date-item.selected:after,.search-bar .search-overlay.selected .grid-item.selected.disabled:after,.search-bar .search-overlay.selected .grid-item.selected:after { margin-top: -13px } @-webkit-keyframes searchRightToLeft { 0% { margin-right: -400px } 25% { margin-right: -300px } 50% { margin-right: -200px } 75% { margin-right: -100px } to { margin-right: 0 } } @keyframes searchRightToLeft { 0% { margin-right: -400px } 25% { margin-right: -300px } 50% { margin-right: -200px } 75% { margin-right: -100px } to { margin-right: 0 } } .search-bar.accordion-view .search-overlay.active:after { background-color: #fff; height: 140px } .search-bar.accordion-view .search-overlay .searchByCruiseCodeContanier { padding: 30px 90px } .search-bar.accordion-view .search-overlay .selected-filter-pills.durations-pills { display: block } .search-bar.accordion-view .overlay-filter-container { margin-top: 0 } .search-bar.accordion-view .search-overlay .overlay-cta-close,.search-bar.accordion-view .search-overlay .search-cta-btn { width: auto; margin: auto; max-width: none; padding-right: 50px; padding-left: 60px } .search-bar.accordion-view .search-list { height: auto } .search-bar.accordion-view .search-overlay.selected .duration-overlay .grid-item { width: calc(33.3% - 8px) } .search-bar.accordion-view .search-overlay.selected .duration-overlay.inner-grid { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .search-bar.accordion-view .search-overlay.selected .duration-overlay.inner-grid:before { display: none } .search-bar.accordion-view .search-overlay.selected .search-date-overlay .grid-item.selected:active,.search-bar.accordion-view .search-overlay.selected .search-date-overlay .grid-item.selected:hover,.search-bar.accordion-view .search-overlay.selected .search-date-overlay .grid-item:focus,.search-bar.accordion-view .search-overlay.selected .search-date-overlay .grid-item:not(.selected):active,.search-bar.accordion-view .search-overlay.selected .search-date-overlay .grid-item:not(.selected):hover { border: none; outline: none } .search-bar.accordion-view .search-overlay.selected .search-date-overlay .grid-item:not(.selected):active,.search-bar.accordion-view .search-overlay.selected .search-date-overlay .grid-item:not(.selected):hover { background: #fff } .search-bar.accordion-view .searchInputAndCtaWrapper .searchByCruiseCodeInput { padding: 8px 10px; height: 100% } .search-bar.accordion-view .search-overlay.selected .grid-item:not(.selected):active,.search-bar.accordion-view .search-overlay.selected .grid-item:not(.selected):hover,.search-bar.accordion-view .search-overlay.selected button.grid-item:not(.selected) { background: #e3e2e8; border: 1px solid #e3e2e8; color: #002776 } .search-bar.accordion-view .search-overlay.selected button.grid-item.disabled:not(.selected) { background: #fff; color: #ccc } .search-bar.accordion-view .search-overlay.selected .search-filters { padding-left: 0; padding-right: 0 } .search-bar.accordion-view .search-overlay.selected .date-item.selected:after,.search-bar.accordion-view .search-overlay.selected .grid-item.selected:after { right: 10px } .search-bar.accordion-view .search-overlay.selected .date-item.selected.disabled:after,.search-bar.accordion-view .search-overlay.selected .grid-item.selected.disabled:after,.search-bar.accordion-view .search-overlay.selected .year-cta-btn.selected.disabled:after { right: 6px } .search-bar.accordion-view .search-overlay.selected .year-cta-btn.selected:after { right: 13px; margin-top: -13px } .search-bar.accordion-view .search-overlay.selected .selected-filter-pills.durations-pills .grid-item.selected:nth-child(2n) { margin-right: 5px } .search-bar.accordion-view .search-overlay.selected .overlay-cta-close,.search-bar.accordion-view .search-overlay.selected .search-cta-btn { border-radius: 15px } .search-bar.accordion-view .more-filters-container { margin-top: 0 } .search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper .one-column,.search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper .three-column,.search-bar.accordion-view .more-filters-container .accordion-item-body-wrapper .two-column { max-width: 95%; margin: 0 auto } .hero-container.recent-search-variation .search-positioning { padding-bottom: 32px } } @media (min-width: 1025px) { .search-holder { background:none } .search-bar { margin-top: 0 } .search-bar ul { list-style-type: none } .search-bar li { background: #fff; vertical-align: middle } .search-bar li:last-child,.search-bar li:nth-last-child(2) { border: none } .search-bar li:first-child,.search-bar li:first-child .filter-item { border-top-left-radius: 15px; border-bottom-left-radius: 15px } .search-bar .inner-container ul.active li:first-child .filter-item { border-bottom-left-radius: 0 } .search-bar li:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; z-index: 9; position: relative } .search-bar li.active~.search-button .search-cta-btn { border-bottom-right-radius: 0 } .search-bar .filter-inner-container { vertical-align: middle } .search-bar .filter-item { width: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; z-index: 2; height: 88px } .search-bar .searchByCruiseCodeContanier { text-align: center; height: 70px; background: #f2f0e8; position: absolute; bottom: 80px; padding: 10px 0; width: 100% } .search-bar .dropdown-title { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .search-bar .dropdown-title { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .search-bar .dropdown-title { font-family:Praxis-semibold; color: #002776; text-transform: none } .search-bar .dropdown-value,.search-bar .has-value .dropdown-title { font-family: Praxis-regular; color: #666 } .search-bar .dropdown-value { -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .search-bar .dropdown-value { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .search-bar .dropdown-value { font-family:Praxis-semibold; color: #002776; vertical-align: middle; text-transform: none } .search-bar .has-value .dropdown-value { text-align: left; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } .search-bar .search-cta-btn { background: #b10f26; color: #0076ce; font-family: GreycliffCF-bold; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } } @media (min-width: 1025px) and (min-width:768px) { .search-bar .search-cta-btn { font-size:1.125rem; border-radius: 15px } } @media (min-width: 1025px) { .search-bar .search-cta-btn { color:#fff; text-transform: none; cursor: pointer; text-align: center; border: none; max-width: none; border-top-left-radius: 0; border-bottom-left-radius: 0 } .search-bar .icon-caret { margin-top: -10px } .search-bar .icon-caret:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E926"; font-size: .75rem } } @media (min-width: 1025px) and (min-width:768px) { .search-bar .icon-caret:before { font-size:1.125rem } } @media (min-width: 1025px) { .search-bar .icon-caret:before { color:#002776 } .search-bar .active.filter-border .icon-caret:before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .search-bar .show-more { padding-right: 5px; margin-right: -10px } .search-bar .overlay-container { background: #f7f7f7; top: 100%; z-index: 1; padding: 75px 0 0 } .search-bar .overlay-container:before { content: ""; display: block; width: 100%; border-top: 15px solid #f7f7f7; position: absolute; top: -15px; z-index: -1; left: 0 } .search-bar .close-btn { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .search-bar .close-btn { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .search-bar .close-btn { color:#f7f7f7; text-transform: none; cursor: pointer } .search-bar .close-btn:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; color: #666 } .search-bar .inner-grid { clear: both; width: 100%; max-width: 1130px; margin-left: auto; margin-right: auto } .search-bar .inner-grid:before { content: ""; display: table } .search-bar .inner-grid:after { content: ""; display: table; clear: both } .search-bar .duration-overlay,.search-bar .sail-to-overlay,.search-bar .search-date-overlay { padding-bottom: 0 } .search-bar .grid-item { background: #e3e2e8; border: 1px solid transparent; text-align: center; color: #988642; line-height: 1.2; word-break: break-word } .search-bar .grid-item.disabled .grid-text { color: #ccc } .search-bar .grid-item.selected .grid-text { color: #fff } .search-bar .grid-item.selected:after { margin-top: -11px; right: 10px } .search-bar .grid-text { vertical-align: middle; color: #002776; line-height: 1.2; font-size: .875rem; max-height: 48px; overflow: hidden; display: inline-block; position: relative; top: -1px } .search-bar .error-message { color: #988642; max-width: 1130px; margin-left: auto; margin-right: auto } .search-bar .show-cta-more { max-width: 1140px; margin-left: auto; margin-right: auto } .search-bar .show-cta-more:before { content: ""; display: table } .search-bar .show-cta-more:after { content: ""; display: table; clear: both } .search-bar .searchByCruiseCodeContanier { margin-top: 0; height: 110px; padding-top: 30px; border-top: 1px solid #ccc; position: relative; bottom: 0 } .search-bar .searchByCruiseCodeContanier .searchInputAndCtaWrapper { width: auto; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .search-bar .searchByCruiseCodeContanier .searchInputAndCtaWrapper .searchByCruiseCodeLink { position: relative; margin-right: 0; margin-left: 0; padding-right: 20px; padding-left: 20px; height: 50px; margin: auto; -ms-flex-preferred-size: 125px; flex-basis: 125px } .search-bar .slider-wrapper .slick-slider { margin: 0 24px } .search-bar .slick-next,.search-bar .slick-prev { color: #002776; left: -15px } .search-bar .slick-next { right: -15px; left: auto } .search-bar .slick-prev:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: .75rem } } @media (min-width: 1025px) and (min-width:768px) { .search-bar .slick-prev:before { font-size:1.125rem } } @media (min-width: 1025px) { .search-bar .slick-prev:before { font-size:1.5625rem; float: left; text-indent: 0 } .search-bar .slick-next:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: .75rem; font-size: 1.5625rem; float: left; text-indent: 0; content: "\E92D" } } @media (min-width: 1025px) and (min-width:768px) { .search-bar .slick-next:before { font-size:1.125rem } } @media (min-width: 1025px) { .search-bar .slick-next:before { font-size:1.5625rem } .search-bar .slick-disabled { color: #ccc; cursor: default } .show-focus-outlines .search-bar .filter-item:focus { outline: 1px auto #3b99fc } .search-bar .search-date-overlay .grid-item,.search-bar .search-date-overlay .grid-item:hover { background: transparent; border: none } .search-bar .search-date-overlay .date-item { background: #e3e2e8; border: 1px solid #e3e2e8; text-align: center; color: #988642; cursor: pointer; padding: 14px 0 15px } .search-bar .search-date-overlay .date-item.disabled { background: #fff; color: #ccc; cursor: default } .search-bar .search-date-overlay .date-item.disabled .grid-text { color: #ccc } .search-bar .search-date-overlay .date-container .year-cta-btn.selected:after { right: 4px; margin-top: -14px } .search-bar .search-date-overlay .date-item.selected .grid-text,.search-bar .search-date-overlay .year-cta-btn.selected .grid-text { color: #fff } .search-bar .search-date-overlay .year-cta-btn { background: #e3e2e8; border: 1px solid #e3e2e8; text-align: center; color: #988642; cursor: pointer; padding: 14px 0 15px; font-weight: 700 } .search-bar .search-date-overlay .year { color: #988642; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .search-bar .search-date-overlay .year { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .search-bar .search-date-overlay .year { text-align:left; font-size: 1.125rem; font-weight: 700 } .search-bar .search-date-overlay .date-container .date-item.selected:after,.search-bar .search-date-overlay .date-container .last-child:after { right: 6px; margin-top: -14px } .hero-container.recent-search-variation .search-positioning { background: none; max-width: none; padding: 0 } } .recently-viewed-container { text-align: center } .recently-viewed-container .flight-icon:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B"; padding-right: 5px; color: #988642 } .recently-viewed-container .carousel-controls { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-align: center } .recently-viewed-container .empty-results { text-align: center } .recently-viewed-container .circle img { border-radius: 50% } .recently-viewed-container h3 { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .recently-viewed-container h3 { font-size:1.5rem; line-height: 1.333 } } .recently-viewed-container h3 { margin: 0 0 16px } .recently-viewed-container .itinerary-tile .card-content { padding: 0 15px; text-align: left; padding-top: 15px; -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 } .recently-viewed-container .card-text-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .recently-viewed-container .cta-content { margin: auto; padding: 15px 15px 0; text-align: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; padding-right: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: end; align-self: flex-end } .recently-viewed-container .recently-viewed-package { margin-bottom: 10px } .recently-viewed-container .price-block { padding-right: 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: inline-block } .recently-viewed-container .price-block .label-one { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .recently-viewed-container .price-block .label-one { font-size:.75rem } } .recently-viewed-container .price-block .label-two { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .recently-viewed-container .price-block .label-two { font-size:.75rem } } .recently-viewed-container .price-block .disclaimer-text a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .recently-viewed-container .price-block .disclaimer-text a { font-size:.75rem } } .recently-viewed-container .price-block .label-one,.recently-viewed-container .price-block .label-two { display: inline-block; vertical-align: top } .recently-viewed-container .cta-block { padding-bottom: 25px; padding-top: 20px } .recently-viewed-container .destination-tile-card { -webkit-box-shadow: none; box-shadow: none } .recently-viewed-container .carousel-pagination { font-size: 0.75rem; font-size: .75rem; text-align: center } .recently-viewed-container .recently-viewed-price-container+.cta-block { text-align: right } .recently-viewed-container .secondary-cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .recently-viewed-container .secondary-cta { font-size:1.125rem; border-radius: 15px } } .recently-viewed-container .secondary-cta { color: #0076ce; border: none; padding: 10px 15px 10px 0; text-decoration: none } .recently-viewed-container .secondary-cta:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .recently-viewed-container .secondary-cta:after { font-size:1.125rem } } .recently-viewed-container .secondary-cta:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .recently-viewed-container .secondary-cta { line-height: 2 } .recently-viewed-container .itinerary-tile { border: 1px solid #a6b4cf } .recently-viewed-container .card-content p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .recently-viewed-container .card-content p { font-size:1.125rem; line-height: 1.555 } } .recently-viewed-container .tandcWrap { text-align: center } .recently-viewed-container .tandcWrap p { font-family: Praxis-regular; -webkit-font-feature-settings: "kern" 1,"liga" 1,"calt" 1,"clig" 1,"ss03" 1; font-feature-settings: "kern" 1,"liga" 1,"calt" 1,"clig" 1,"ss03" 1; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; color: #002776; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-decoration: none; border-bottom: 1px solid #002776; font-size: 0.5625rem; font-size: .5625rem } @media (min-width: 768px) { .recently-viewed-container .tandcWrap p { font-size:.75rem } } .recently-viewed-container .tandcWrap p { display: inline-block; border: none } .recently-viewed-container .tandcWrap a,.recently-viewed-container .tandcWrap p a { color: #002776; border-bottom: 1px solid #002776 } .recently-viewed-container.loading-cls { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/loading-icon.gif) no-repeat 50% } .hero-container .close { border: none; background: transparent } .hero-container .close span { color: #fff; text-transform: none } .hero-container .close:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; color: #666; top: 10px } .hero-container .itinerary-tile .secondary-cta { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .hero-container .itinerary-tile .secondary-cta { font-size:1.125rem; border-radius: 15px } } .hero-container .itinerary-tile .secondary-cta { text-transform: none } .recently-viewed-container .two-slide-container { text-align: center } .hero-container .recently-viewed-container { padding-top: 20px } @media (min-width: 481px) { .recently-viewed-container .itinerary-tile { max-width:360px } } @media (min-width: 768px) { .recently-viewed-container .slick-track { margin-left:0 } .recently-viewed-container .image-holder:after { margin-left: 0; width: calc(100% - 4px) } .recently-viewed-container .itinerary-tile .card-content { padding: 15px 30px 0 } .recently-viewed-price-container { width: 65% } .recently-viewed-price-container .price-block .disclaimer-text .legal-container { display: none } } @media (min-width: 981px) { .recently-viewed-container .slick-track { margin-left:-50% } } @media (min-width: 1025px) { .hero-container .close span { color:#666 } .hero-container .close { top: 17px; right: 40px } .hero-container .close:after { color: #666 } .hero-container .recently-viewed-container { padding-top: 0 } .hero-container .recently-viewed-container h3 { padding-left: 0 } .recently-viewed-price-container { width: auto } .recently-viewed-price-container .price-block { width: 175px; display: inline-block; text-align: left; float: left; padding-right: 20px } .recently-viewed-price-container .price-block .label-one { display: block; text-align: left } .recently-viewed-price-container .price-block .currency { padding-left: 10px; padding: 0; float: left; display: block } .recently-viewed-price-container .price-block .label-two { width: 38px; padding-left: 6px; margin-left: 0; text-align: left; float: left; margin-top: 0 } .recently-viewed-container .card-text-content { min-height: 64px } .recently-viewed-container .cta-content { padding-top: 10px } .recently-viewed-container .slick-track { margin-left: 0 } .recently-viewed-container .itinerary-tile { max-width: none } .recently-viewed-container .image-holder:after { margin-top: -55px; width: calc(100% - 4px) } } .recent-search-container .recent-search-drawer { background: #fff } .recent-search-container .recent-search-header { background: #fff; -webkit-box-shadow: 0 11px 20px 0 rgba(220, 221, 232, .7); box-shadow: 0 11px 20px 0 rgba(220, 221, 232, .7) } .recent-search-container .drawer-cta-holder button { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .recent-search-container .drawer-cta-holder button { font-size:.875rem; line-height: 1.5rem } } .recent-search-container .drawer-cta-holder button { font-size: 0.75rem; font-size: .75rem; color: #002776 } .recent-search-container .recent-search-header .drawer-cta-holder button:after { content: ""; display: inline-block; width: 6px; height: 6px; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzEuNyAxMzEuNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiMyMzJjNTU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvd19pY29uXzE8L3RpdGxlPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iNi4yIiB3aWR0aD0iMTY1LjUiIGhlaWdodD0iMTI0Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjE2NS41IDEzMS41IDgyLjggMTA5LjMgMCAxMzEuNSA4Mi44IDcuNSAxNjUuNSAxMzEuNSIvPjwvc3ZnPg==); background-repeat: no-repeat; background-size: contain; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left: 5px } .recent-search-container .drawer-header { background: #002776; color: #fff; text-align: left; line-height: 0 } .recent-search-container .title-bar { font-family: Praxis-regular; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } @media (min-width: 768px) { .recent-search-container .title-bar { font-size:1rem } } .recent-search-container .title-bar:active { outline: 1px auto #CFCFCF } .recent-search-container .title-bar:focus { outline: 1px auto #CFCFCF } .recent-search-container .title-bar { color: #fff; -webkit-font-feature-settings: normal; font-feature-settings: normal } .recent-search-container .close-btn { font-family: Praxis-regular; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } @media (min-width: 768px) { .recent-search-container .close-btn { font-size:1rem } } .recent-search-container .close-btn:active { outline: 1px auto #CFCFCF } .recent-search-container .close-btn:focus { outline: 1px auto #CFCFCF } .recent-search-container .close-btn { color: #fff; -webkit-font-feature-settings: normal; font-feature-settings: normal; line-height: 0 } .recent-search-container .close-btn:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 1 } .recent-search-container .close-btn .close-label { display: none } .recent-search-container .drawer-header .drawer-title { font-family: GreycliffCF-medium; -webkit-font-feature-settings: "case" 1; font-size: 19px; font-size: 1.1875rem; line-height: 1.21; letter-spacing: 0; color: #002776; font-feature-settings: "case" 1; font-weight: 400 } @media (min-width: 768px) { .recent-search-container .drawer-header .drawer-title { font-size:1.5625rem; line-height: 1.28 } } .recent-search-container .drawer-header .drawer-title { color: #fff; -webkit-font-feature-settings: normal; font-feature-settings: normal } .recent-search-container .recent-search-drawer .close-drawer-container .close-btn { color: #fff } .recent-search-container .recent-search-drawer .clear-all-container { text-align: center } .recent-search-container .recent-search-drawer .clear-all-container .clear-all { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .recent-search-container .recent-search-drawer .clear-all-container .clear-all { font-size:1.125rem; line-height: 1.555 } } .recent-search-container .recent-search-drawer .clear-all-container .clear-all { font-size: 0.875rem; font-size: .875rem; color: #0076ce; text-decoration: underline } .recent-search-container .recent-search-drawer .show-all-container button { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .recent-search-container .recent-search-drawer .show-all-container button { font-size:1.125rem; border-radius: 15px } } .recent-search-container .recent-search-drawer .show-all-container button { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .recent-search-container .recent-search-drawer .show-all-container button:after { content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .recent-search-container .recent-search-drawer .show-all-container button:after { font-size:1.125rem } } .recent-search-container .recent-search-drawer .show-all-container button:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .recent-search-container .recent-search-drawer .show-all-container button:after { font-size:.75rem } } @media (min-width: 768px) { .recent-search-container .recent-search-drawer .show-all-container button { font-size:1rem } } .recent-search-container .recent-search-drawer .show-all-container button { border-bottom: none } .recent-search-container .recent-search-drawer .show-all-container button:after { content: ""; width: 10px; height: 10px; margin: 3px auto 0; content: "\E91E" } .recent-search-container .recent-search-drawer .show-all-container button.show-less:after,.recent-search-container .recent-search-drawer .show-all-container button:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; color: #0076ce } .recent-search-container .recent-search-drawer .show-all-container button.show-less:after { content: "\E92F" } .recent-search-card { background-color: #fff; border: 1px solid #ccc; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .recent-search-card .recent-search-card__close { right: 12px; top: 12px; font-size: 16px; font-size: 1rem } .recent-search-card .recent-search-card__close:after,.recent-search-card .recent-search-card__close:before { background-color: #666 } .recent-search-card .recent-search-card__heading { font-family: GreycliffCF-light; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .recent-search-card .recent-search-card__heading { font-size:1.875rem; line-height: 1.333 } } .recent-search-card .recent-search-card__heading { font-size: 20px; font-size: 1.25rem; display: inline } .recent-search-card .recent-search-card__primary-filter { font-size: 0.75rem; font-size: .75rem } .recent-search-card .recent-search-card__primary-filter-key { font-family: Praxis-regular; color: #666; line-height: 16px; line-height: 1rem } .recent-search-card .recent-search-card__primary-filter-value { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .recent-search-card .recent-search-card__primary-filter-value { font-size:1rem; line-height: 1.625 } } .recent-search-card .recent-search-card__primary-filter-value { font-family: GreycliffCF-bold; color: #002776; line-height: 16px; line-height: 1rem } .recent-search-card .recent-search-card__secondary-filters { font-size: 0.75rem; font-size: .75rem; font-family: Praxis-regular } .recent-search-card .recent-search-card__secondary-filters-heading { color: #666; margin-bottom: 10px } .recent-search-card .recent-search-card__more-search-label { color: #002776; font-family: Praxis-regular; font-size: 0.75rem; font-size: .75rem } .recent-search-card .recent-search-card__secondary-filters-wrapper { margin-bottom: 28px } .recent-search-card .recent-search-card__secondary-filter { color: #666; margin-bottom: 0 } .recent-search-card .recent-search-card__secondary-filter-value { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .recent-search-card .recent-search-card__secondary-filter-value { font-size:1rem; line-height: 1.625 } } .recent-search-card .recent-search-card__secondary-filter-value { font-family: GreycliffCF-bold; color: #002776 } .recent-search-card .recent-search-card__secondary-filter:not(:last-child):after { margin-right: 5px } .recent-search-card .recent-search-card__link { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .recent-search-card .recent-search-card__link { font-size:1.125rem; border-radius: 15px } } .recent-search-card .recent-search-card__link { background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .recent-search-card .recent-search-card__link:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .recent-search-card .recent-search-card__link:after { font-size:1.125rem } } .recent-search-card .recent-search-card__link:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .recent-search-card .recent-search-card__link:after { font-size:.75rem } } @media (min-width: 768px) { .recent-search-card .recent-search-card__link { font-size:1rem } } .recent-search-card .recent-search-card__link { font-size: 0.875rem; font-size: .875rem; display: inline-block; margin: 0 10px 5px 0; border-bottom: 1px solid #0076ce; border-radius: 0; bottom: 16px } .recent-search-card .recent-search-card__link:after { display: none } .hero-container.recent-search-variation .recent-search-header { -webkit-box-shadow: none; box-shadow: none } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-card .recent-search-card__more-search-label { padding: 10px 0 } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-header .drawer-cta-holder { padding-left: 10px; border-left: 1px solid #ccc; max-height: 20px; padding-right: 15px; position: relative; overflow: hidden; line-height: 0 } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button:before { content: "..."; position: absolute; top: calc(4em - 100%); color: inherit; right: 1px; z-index: 2; background: #fff } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button { padding: 0; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button { font-size:.875rem; line-height: 1.5rem } } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button { color: #002776; line-height: 1; position: relative; max-height: 30px; overflow: hidden; text-align: left } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button:after { content: none } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder:after { content: "\E926"; color: #002776; font-family: Icomoon; background: inherit; speak: none; font-size: 0.75rem; font-size: .75rem; line-height: 1; vertical-align: top; -webkit-transform: rotate(0deg); transform: rotate(0deg); width: 12px; height: 10px; position: absolute; bottom: 1px; top: auto; right: 0 } @media (min-width: 768px) { .recent-search-container .list-container { -js-display:flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .recent-search-container .close-btn { margin-top: 4px } .recent-search-container .drawer-header .drawer-title { margin-left: 30px } .recent-search-container .drawer-cta-holder button { font-size: .875rem } .recent-search-container .recent-search-drawer .clear-all-container { padding-top: 20px } .recent-search-container .recent-search-card:nth-child(odd) { margin-right: 5px } .recent-search-container .recent-search-card:nth-child(2n) { margin-left: 5px } .recent-search-container .recent-search-card__secondary-filters-wrapper { margin-bottom: 10px } .recent-search-container .recent-search-drawer .close-drawer-container .close-btn { line-height: 1.45625rem } .recent-search-container .recent-search-header .drawer-cta-holder button:after { width: 10px; height: 8px } .recent-search-card { width: calc(50% - 10px) } .recent-search-card .recent-search-card__close { right: 18px; top: 18px; font-size: .75rem } .recent-search-card .recent-search-card__heading { font-family: GreycliffCF-medium; font-size: 1.5rem } .recent-search-card .recent-search-card__more-search-label { font-size: 1rem } .recent-search-card .recent-search-card__primary-filter { font-size: 1rem; margin-bottom: 10px } .recent-search-card .recent-search-card__secondary-filters { font-size: 1rem } .recent-search-card .recent-search-card__link { font-size: .875rem; right: 28px; padding-bottom: 5px; margin: 0; bottom: 30px } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder:after { height: 13px; width: 16px; font-size: .875rem } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-header .drawer-cta-holder { max-height: 28px } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button { max-height: 42px } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button:before { right: 8px } } @media (min-width: 1025px) { .recent-search-container .recent-search-drawer { background:none; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box } .recent-search-container .recent-search-drawer .clear-all-container { display: none } .recent-search-container .recent-search-drawer .drawer-body { background: #f7f7f7 } .recent-search-container .drawer-cta-holder button { padding: 3px 15px; background: #988642; color: #fff; font-family: Praxis-semibold; vertical-align: bottom } .recent-search-container .drawer-body .list-container { padding: 0 6px; padding-bottom: 35px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .recent-search-container .list-container .recent-search-card:nth-child(3n) { margin-right: 0 } .recent-search-container .drawer-body .recent-list { padding-bottom: 20px; max-height: calc(100vh - 300px) } .recent-search-container .close-btn { color: #988642; font-size: 1rem; margin-top: 20px } .recent-search-container .close-btn:after { content: ""; width: 20px; height: 20px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjAyODVCO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHRpdGxlPk1vZGFsQ2xvc2VfWF9TbTwvdGl0bGU+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIwLjQiIHkxPSIwLjQiIHgyPSIxOS42IiB5Mj0iMTkuNiIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTkuNiIgeTE9IjAuNCIgeDI9IjAuNCIgeTI9IjE5LjYiLz4KPC9zdmc+Cg==) } .recent-search-container .recent-search-card .recent-search-card__more-search-label { padding: 0 } .recent-search-container .recent-search-card:nth-child(2n),.recent-search-container .recent-search-card:nth-child(odd) { margin: 0 15px 15px 0 } .recent-search-container .show-all-container { position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 0 10px; background: -webkit-gradient(linear,left bottom, left top,color-stop(60%, #f7f7f7),to(transparent)); background: linear-gradient(0deg,#f7f7f7 60%,transparent) } .recent-search-container .title-bar { -webkit-box-shadow: none; box-shadow: none } .recent-search-container .no-search-desc { font-family: Praxis-regular; font-size: 1rem; line-height: 1.5; color: #666; margin-top: 3px } .recent-search-container.open:before { content: ""; position: absolute; height: 12px; left: 0; right: 0; background: #f7f7f7; top: -12px } .recent-search-container.open .drawer-cta-holder button:after { -webkit-transform: none; transform: none } .recent-search-container.open .recent-search-drawer { background: #f7f7f7; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .1); box-shadow: 0 4px 4px rgba(0, 0, 0, .1); padding-bottom: 12px } .recent-search-container.open .recent-search-drawer .clear-all-container { display: inline-block; padding: 0 } .recent-search-container.open .recent-search-drawer .clear-all-container .clear-all { font-size: .75rem; padding-left: 16px } .recent-search-container.open .drawer-body { -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .1); box-shadow: 0 4px 4px rgba(0, 0, 0, .1); padding: 18px 44px } .recent-search-container.open .close-drawer-container { right: 20px } .recent-search-container.open .close-drawer-container .close-label { font-size: 0 } .recent-search-card { width: calc(33.3% - 10px); padding: 30px 20px 50px } .recent-search-card .recent-search-card__close { right: 10px; top: 10px } .recent-search-card .recent-search-card__link { right: 30px; bottom: 30px } .searchResults .holder.recent-search-variation .recent-search-container { width: auto } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-header .drawer-cta-holder { border-left: 1px solid #fff; margin-left: 5px; padding-right: 20px; max-height: 36px; -webkit-box-shadow: 0 1px 35px rgba(0, 0, 0, .1); box-shadow: 0 1px 35px rgba(0, 0, 0, .1) } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button { font-size: 1rem; background: transparent; color: #fff; padding: 0 0 0 10px; margin: 0; line-height: 1.15; max-height: 47px } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder button:before { right: 4px; background: #002776 } .searchResults .holder.recent-search-variation .recent-search-container .drawer-cta-holder:after { width: 15px; height: 15px; color: #fff; vertical-align: middle } .searchResults .holder.recent-search-variation .recent-search-container.open .drawer-cta-holder:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .searchResults .holder.recent-search-variation .recent-search-container.open .drawer-body { -webkit-box-shadow: none; box-shadow: none } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-card .recent-search-card__more-search-label { padding: 0 } .searchResults .holder.recent-search-variation .recent-search-container .drawer-body .recent-list { max-height: calc(100vh - 300px) } .searchResults .holder.recent-search-variation .recent-search-container .recent-search-drawer .clear-all-container .clear-all { padding-left: 0; margin-left: 0; font-size: .875rem } } .hero-container { -webkit-box-sizing: border-box; box-sizing: border-box } .hero-container .filter-item { border: none; background: #fff } .hero-container h2 { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .hero-container h2 { font-size:1.875rem; line-height: 1.333 } } .hero-container .info-section h2 { color: #fff } .hero-container .slide { min-height: 240px } .hero-container .search-holder { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .hero-container .search-holder:before { content: ""; display: table } .hero-container .search-holder:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .hero-container .search-holder { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .hero-container .search-holder { padding-left:40px; padding-right: 40px } } .hero-container .search-holder { padding: 0 } .hero-container .header-rv { text-align: center; color: #fff } .hero-container .header-rv h3 { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .hero-container .header-rv h3 { font-size:1.5rem; line-height: 1.333 } } .hero-container .header-rv h3 { float: none; padding: 0; display: inline-block; margin-top: 45px; margin-bottom: 0 } .hero-container .info-card-positioning { background-color: #fff; height: auto } .hero-container .info-card.left,.hero-container .info-card.right { float: none } .hero-container .hero-slides { background: #fff; max-width: 1920px; margin: auto } .hero-container .price-block .disclaimer-text { max-width: 150px } .hero-container .price-block .disclaimer-text a { font-size: 0.625rem; font-size: .625rem; text-transform: none; border-bottom: none } .hero-container .price-block-tab { display: none } .hero-container .price-block .currency { font-family: GreycliffCF-medium; -webkit-font-feature-settings: "case" 1; font-size: 19px; font-size: 1.1875rem; line-height: 1.21; letter-spacing: 0; color: #002776; font-feature-settings: "case" 1; font-weight: 400 } @media (min-width: 768px) { .hero-container .price-block .currency { font-size:1.5625rem; line-height: 1.28 } } .hero-container .price-block .currency { color: #fff } .hero-container .price-block .label-two { line-height: 0.75rem; line-height: .75rem; margin-top: 3px; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .hero-container .price-block .label-two { font-size:.75rem } } .hero-container .price-block .label-two { color: #fff } .hero-container .title-description span { display: inline } .hero-container .close { top: 15px } .hero-container .info-card-wrap { padding-top: 25px } .hero-container .info-card { color: #666; text-align: center } .hero-container .info-card .info-section .terms-link p { font-family: Praxis-semibold; color: #011949; font-size: 0.75rem; font-size: .75rem; border-bottom: 2px solid #ccc; line-height: 0.9375rem; line-height: .9375rem; border-radius: 0; color: #fff; border-color: transparent; display: inline-block } .hero-container .info-card .cta-title,.hero-container .info-card h2 { font-family: GreycliffCF-light; font-size: 28px; font-size: 1.75rem; font-weight: 700 } .hero-container .info-card p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .hero-container .info-card p { font-size:1.125rem; line-height: 1.555 } } .hero-container .info-card p { font-size: 16px; font-size: 1rem; color: #fff } .hero-container .info-card .price-block .label-one { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .hero-container .info-card .price-block .label-one { font-size:.75rem } } .hero-container .info-card .price-block .label-one { color: #fff } .hero-container .info-card .disclaimer-text p { font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } @media (min-width: 768px) { .hero-container .info-card .disclaimer-text p { font-size:1rem } } .hero-container .info-card .disclaimer-text p:active,.hero-container .info-card .disclaimer-text p:focus { outline: 1px auto #ccc } .hero-container .info-card .disclaimer-text p { color: #f2f0e8; font-size: 0.625rem; font-size: .625rem; line-height: 0.75rem; line-height: .75rem; text-transform: none; border-bottom: none } .hero-container .info-card .disclaimer-text p,.hero-container .info-card .disclaimer-text p a { font-family: Praxis-regular; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .hero-container .info-card p.title-description { display: none } .hero-container .info-card a { font-family: Praxis-regular; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } @media (min-width: 768px) { .hero-container .info-card a { font-size:1rem } } .hero-container .info-card a:active,.hero-container .info-card a:focus { outline: 1px auto #ccc } .hero-container .info-card a { color: #f2f0e8; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #f2f0e8; font-family: GreycliffCF-bold } .hero-container .info-card a.cta-title { border-bottom: none } .hero-container .info-card .cta-title { text-transform: none; font-size: 24px; font-size: 1.5rem; font-weight: 400; display: inline-block; margin-bottom: 5px; margin-left: -5px; margin-right: -5px } .hero-container .info-card .cta-title:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .hero-container .info-card .cta-title:after { font-size:1.125rem } } .hero-container .info-card .cta-title:after { font-size: 0.875rem; font-size: .875rem; display: inline-block } .hero-container .info-card .price-block { padding: 0 } .hero-container .info-card a.slide-cta { color: #0076ce; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .hero-container .info-card a.slide-cta { font-size:1.125rem; border-radius: 15px } } .hero-container .info-card a.slide-cta { color: #fff; border: none; padding: 10px 15px 10px 0; text-decoration: none } .hero-container .info-card a.slide-cta:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .hero-container .info-card a.slide-cta:after { font-size:1.125rem } } .hero-container .info-card a.slide-cta:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #fff; margin-left: 5px; position: relative } .hero-container .info-card a.slide-cta { border: 1px solid #fff; padding: 10px 15px; font-family: GreycliffCF-bold; white-space: nowrap } .hero-container .info-card .roundels { width: 120px; height: 120px } .hero-container .info-card .roundels .text-holder { width: 100% } .hero-container .info-card.no-price .roundels .text-holder p,.hero-container .info-card .roundels p { color: #666; line-height: 1; font-size: 0.75rem; font-size: .75rem; width: 100% } .hero-container .slide-controls .button { background-color: #002776; border-radius: 10px; border-radius: 50%; width: 65px; height: 65px; border: 0 solid #fff } .hero-container .slide-controls .button.next-btn,.hero-container .slide-controls .button.prev-btn { opacity: .9 } .hero-container .slide-controls .button:before { content: "\E91E"; color: #fff; font-family: Icomoon; speak: none; font-size: 22px; font-size: 1.375rem; width: 25px; height: 26px } .hero-container .slide-controls .button.prev-btn:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 30px } .hero-container .slide-controls .button.next-btn:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 30px } .hero-container .slick-dots { text-align: center; top: 87% } .hero-container .slick-dots li { width: 10px; height: 10px; background: #fff; border-radius: 50% } .hero-container .slick-dots li.slick-active { background: #b10f26 } .hero-container .slick-dots button { text-indent: 9999px; background: transparent; border: 0 solid #b0263a; border: none; border-radius: 50% } .hero-container .recently-viewed { text-align: center; position: absolute; bottom: 30px; width: 100%; left: 0; margin-top: 10px } .hero-container .recently-viewed a { text-decoration: none; color: #002776; border-bottom: 1px solid #002776; font-size: 0.75rem; font-size: .75rem; padding-top: 16px; line-height: 1.5; border-radius: 0; font-family: Praxis-regular } .hero-container .info-card .price-section { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .hero-container .info-card .price-section { font-size:1rem; line-height: 1.625 } } .hero-container .info-card .price-section { float: left; padding-top: 17px; padding-left: 25px } .hero-container .info-card .price-section .heading { font-size: 0.625rem; font-size: .625rem; text-align: center; font-family: Praxis-semibold; display: inline-block; width: 35% } .hero-container .info-card .price-section .amount-section { font-size: 27px; font-size: 1.6875rem; color: #666; display: inline-block; width: 74% } .hero-container .info-card .price-section .currency { font-family: GreycliffCF-medium; -webkit-font-feature-settings: "case" 1; font-size: 19px; font-size: 1.1875rem; line-height: 1.21; letter-spacing: 0; font-feature-settings: "case" 1; font-weight: 400 } @media (min-width: 768px) { .hero-container .info-card .price-section .currency { font-size:1.5625rem; line-height: 1.28 } } .hero-container .info-card .price-section .amount,.hero-container .info-card .price-section .currency { color: #002776 } .hero-container .info-card .price-section .per-text { color: #666; font-size: 0.625rem; font-size: .625rem; top: 90px; padding-left: 8px } .hero-container .info-card .price-section .person-text { color: #002776; font-size: 0.625rem; font-size: .625rem } .hero-container .info-card .price-section .tnc { font-family: Praxis-semibold; font-size: 0.625rem; font-size: .625rem; text-align: center; color: transparent; text-decoration: underline; margin-top: -6px } .hero-container .info-card .price-section .tnc a { text-transform: none; text-align: center } .hero-container .cta-with-price { display: block; text-align: center; font-family: Praxis-regular; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .hero-container .cta-with-price .table-cell { padding: 0 25px; border-right: 1px solid #fff } .hero-container .cta-with-price .table-cell:first-child { padding-left: 0 } .hero-container .cta-with-price .table-cell:last-child { padding-right: 0; border-right: none } .hero-container .cta-with-price .label,.hero-container .cta-with-price .price,.hero-container .cta-with-price .table-cell { display: inline-block; vertical-align: middle } .hero-container .cta-with-price .label { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .hero-container .cta-with-price .label { font-size:.75rem } } .hero-container .cta-with-price .inclusions-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .hero-container .cta-with-price .inclusions-text { font-size:.75rem } } .hero-container .cta-with-price .price { font-size: 32px; font-size: 2rem; font-family: GreycliffCF-medium; padding: 0 5px } .hero-container .cta-with-price .price sup { font-size: 60%; top: -10px } .hero-container .hero-slides.price-container .slick-dots { top: 56% } .hero-container .slide .info-card-positioning { position: absolute; background: transparent } .hero-container .slide .no-price-container .info-card-logo { position: relative } .hero-container .slide .no-price-container .info-card-logo.right { position: relative; float: right } .hero-container .slide .no-price-container .info-card-logo.left { position: relative; float: left } .hero-container .slide .info-card { position: relative; padding: 40px 15px } .hero-container .slide .info-card.left,.hero-container .slide .info-card.right { left: auto; right: auto } .hero-container .slide .info-card.no-price a,.hero-container .slide .info-card.no-price h2,.hero-container .slide .info-card.no-price p { color: #fff } .hero-container .slide .info-card.no-price a { border-bottom: 1px solid #fff } .hero-container .slide .info-card.no-price a.cta-title { border-bottom: none } .hero-container .slide .info-card p.title-description { display: block; color: #fff } .hero-container .slide .info-card.no-price.right { left: auto; right: 0; padding: 25px; text-align: right; clear: both } .hero-container .slide .info-card.no-price.right .detail-section,.hero-container .slide .info-card.no-price.right .detail-section .arrow-icon { text-align: right; padding: 0; margin-top: 20px } .hero-container .slide .info-card.no-price.left { left: 0; right: auto; padding: 25px; text-align: left; clear: both } .hero-container .slide .info-card.no-price.left .detail-section,.hero-container .slide .info-card.no-price.left .detail-section .arrow-icon { text-align: left; padding: 0 } .hero-container .slide .info-card.no-price.center { left: 0; right: 0 } .hero-container .info-card.center { float: none } .hero-container .info-card.center h2 { display: inline-block } .hero-container.hero-disabled { background: none } .hero-container.hero-disabled .recently-viewed a { color: #002776 } .hero-container .slide .info-card-positioning { bottom: 0 } .hero-container .slide .info-card-positioning .info-card { position: static } .hero-container .slide .info-card-positioning .info-card p.title-description { line-height: 1.5; margin-top: 0 } .hero-container .slide .info-card-positioning .info-card,.hero-container .slide .info-card-positioning .info-card-wrap.grid-wrap { height: 100% } .hero-container .slide .info-card-positioning .info-card { padding: 0 20px 50px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-sizing: border-box; box-sizing: border-box } .hero-container .slide .info-card-positioning .info-card.right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .hero-container .slide .info-card-positioning .info-card.right .roundels { margin-right: -10px } .hero-container .slide .info-card-positioning .info-card .info-section { position: unset; float: none; padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .hero-container .slide .info-card-positioning .info-card.right .info-section { text-align: right } .hero-container .slide .info-card-positioning .info-card.left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 10px } .hero-container .slide .info-card-positioning .info-card.left .detail-section { padding: 0 } .hero-container .slide .info-card-positioning .info-card.left .detail-section .price-block-mob,.hero-container .slide .info-card-positioning .info-card.left h2,.hero-container .slide .info-card-positioning .info-card.left p.title-description { text-align: left } .hero-container.recent-search-variation .search-holder { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; -webkit-box-shadow: 0 0 25px 0 #dcdde8; box-shadow: 0 0 25px 0 #dcdde8 } @media (min-width: 768px) { .hero-container .info-card { top:0; color: #fff } .hero-container .info-card .detail-section .arrow-icon { padding-left: 0; margin-top: 20px } .hero-container .info-card p { font-size: 1.25rem } .hero-container .info-card .roundel p { color: #666; line-height: 1; font-size: .75rem } .hero-container .info-card .title-description { line-height: 1.6rem } .hero-container .info-card a { font-family: Praxis-regular; font-size: .875rem; letter-spacing: .05rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } } @media (min-width: 768px) and (min-width:768px) { .hero-container .info-card a { font-size:1rem } } @media (min-width: 768px) { .hero-container .info-card a:active,.hero-container .info-card a:focus { outline:1px auto #ccc } .hero-container .info-card a { color: #fff; border-bottom: 1px solid #fff } .hero-container .info-card span.arrow-icon a { font-size: 1rem } .hero-container .info-card.right .detail-section,.hero-container .info-card.right .detail-section .arrow-icon,.hero-container .info-card.right .detail-section .price-block-mob,.hero-container .info-card.right .price-block .disclaimer-text { text-align: right } .hero-container .info-card .detail-section { text-align: left } .hero-container .info-card.center { margin: 0 auto; text-align: center } .hero-container .info-card.center .info-section { margin: 0 auto; padding: 0 } .hero-container .info-card.center .info-section .detail-section { text-align: center } .hero-container .info-card { &-logo.center { padding-left: 0 } } .hero-container .info-card.center .price-block .disclaimer-text p { text-align: center; text-shadow: none } .hero-container .info-card { &-logo.right { padding-right: 0 } } .hero-container .info-card .detail-section .arrow-icon a { text-shadow: none } .hero-container .info-card .detail-section .price-block-mob { padding-right: 25px } .hero-container .info-card .info-section h2 p,.hero-container .info-card .title-description p { margin-top: 5px; margin-bottom: 5px } .hero-container .info-card .price-block-mob .price-block { padding-top: 0; padding-bottom: 0 } .hero-container .info-card .price-block-mob .price-block .label-two { margin-top: 0 } .hero-container .info-card { width: auto; float: none } .hero-container .info-card .price-block .label-one { text-align: left } .hero-container .info-card .price-block .currency { font-family: GreycliffCF-light; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } } @media (min-width: 768px) and (min-width:768px) { .hero-container .info-card .price-block .currency { font-size:1.875rem; line-height: 1.333 } } @media (min-width: 768px) { .hero-container .info-card .price-block .currency { color:#fff; font-family: GreycliffCF-medium } .hero-container .info-card .price-block .label-two { margin-top: 5px } .hero-container .info-card .price-block .disclaimer-text a.legal-container { color: #fff; font-size: .75rem; font-family: Praxis-regular; text-decoration: underline; display: block; margin: 0; padding: 0; text-shadow: none } .hero-container .info-card .price-block .disclaimer-text { max-width: none; color: #fff; font-size: .75rem; text-align: left } .hero-container .info-card .price-block .disclaimer-text p { font-size: .75rem; line-height: .9375rem; color: #fff; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; font-family: Praxis-regular } .hero-container .info-card.center .price-block-tab { text-align: center; float: none } .hero-container .info-card.center .price-block-tab .price-block .label-one { text-align: left; padding-left: 10px } .hero-container .info-card.center .price-block-tab .price-block .disclaimer-text a.legal-container { padding-left: 0 } .hero-container .info-card.center .price-block-tab .price-block .disclaimer-text { max-width: 170px; padding-left: 55px } .hero-container .info-card.center .price-block-tab .price-block .disclaimer-text p { line-height: 0; color: #fff; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } .hero-container .recently-viewed { text-align: center; bottom: 50px } .hero-container .slide .info-card { background: none; padding: 0 } .hero-container .slide .info-card.right { float: right; text-align: right } .hero-container .slide .info-card.left { float: left } .hero-container .slide .info-card.center { float: none } .hero-container .hero-slides { background: #988642 } .hero-container .info-card-logo { width: auto } .hero-container .info-card-positioning { position: absolute; height: 500px; background: none } .hero-container .info-card p.title-description { display: block; text-shadow: none } .hero-container .info-card .price-block { float: none; display: inline-block; width: auto; padding-top: 5px; padding-bottom: 5px; padding-right: 25px; border-right: 1px solid #fff } .hero-container .info-card .price-section .amount-section { display: inline; color: #fff; font-size: 2.125rem } .hero-container .info-card .price-section .per-text { color: #fff; top: 115px } .hero-container .info-card .price-section .tnc { color: #fff; font-size: .6875rem } .hero-container .info-card span.arrow-icon { width: 125px; text-align: left } .hero-container .info-section { display: block } .hero-container .slide .info-card.right .price-section { padding-right: 41px } .hero-container .price-block .disclaimer-text a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .625rem; line-height: 1.125rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } } @media (min-width: 768px) and (min-width:768px) { .hero-container .price-block .disclaimer-text a { font-size:.75rem } } @media (min-width: 768px) { .hero-container .price-block .disclaimer-text a { color:#fff } .hero-container .search-positioning .search-bar { margin-top: -50px } .hero-container .info-card.left,.hero-container .info-card.left h2 { text-align: left; text-shadow: none } .hero-container .info-card.right,.hero-container .info-card.right h2 { text-align: right } .hero-container .info-card.right h2 { margin-bottom: 0; text-shadow: none } .hero-container .detail-section .arrow-icon { width: auto; text-align: left } .hero-container .detail-section .price-block-mob { width: 53%; text-align: left } .hero-container .roundels { margin: 0 } .hero-container .info-card.center span.arrow-icon.Costa-only-icon { margin-left: -41px } .hero-container .info-card.center span.arrow-icon.Costa-only-icon a.slide-cta { margin-left: -338px } .hero-container .info-card-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .hero-container .info-card-wrap:before { content: ""; display: table } .hero-container .info-card-wrap:after { content: ""; display: table; clear: both } } @media (min-width: 768px) and (min-width:768px) { .hero-container .info-card-wrap { padding-left:32px; padding-right: 32px } } @media (min-width: 768px) and (min-width:1025px) { .hero-container .info-card-wrap { padding-left:40px; padding-right: 40px } } @media (min-width: 768px) { .hero-container .info-card-wrap { padding-top:71px } .hero-container.search-enabled .slick-dots { bottom: 75px } .hero-container .header-rv h3 { margin-top: 75px } .hero-container .slide .info-card-positioning .info-card-wrap { padding-left: 25px; padding-right: 25px } .hero-container .slide .info-card-positioning .info-card.center,.hero-container .slide .info-card-positioning .info-card.left,.hero-container .slide .info-card-positioning .info-card.right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .hero-container .slide .info-card-positioning .info-card.center h2,.hero-container .slide .info-card-positioning .info-card.left h2,.hero-container .slide .info-card-positioning .info-card.right h2 { margin: 0 0 10px; font-size: 1.75rem; line-height: 1 } .hero-container .slide .info-card-positioning .info-card.left { padding-left: 42px; padding-top: 0 } .hero-container .slide .info-card-positioning .info-card { padding: 0 20px 25px } } @media (min-width: 1025px) { .hero-container .header-rv { background:#fff } .hero-container .header-rv h3 { display: none } .hero-container .slick-slide img { max-height: none } .hero-container .slide .info-card.left { margin-left: 25px } .hero-container .slide .info-card .info-section,.hero-container .slide .info-card .info-section .detail-section { text-align: left } .hero-container .slide .info-card.right { margin-right: 15px } .hero-container .slide .info-card.right h2 { text-align: left } .hero-container .info-card.left .roundels { margin-top: 0; margin-right: 25px } .hero-container .slide .info-card.left .price-section { margin-left: -89px; padding-right: 26px } .hero-container { .slide .info-card.left a { margin-left: -168px } } .hero-container button.button.next-btn.slick-disabled,.hero-container button.button.prev-btn.slick-disabled,.hero-container button.button.prev-btn.undefined { opacity: .6 } .hero-container .search-positioning .search-bar { margin-top: 0; z-index: 100 } .hero-container .search-bar .overlay-container { z-index: -1 } .hero-container .slide-controls-wrapper { padding: 0 } .hero-container .slide-controls .button { border-radius: 10px; margin: 0 10px; width: 50px; height: 55px } .hero-container .slide-controls .button:before { left: 40% } .hero-container .slide-controls .button.next-btn:before { left: 50% } .hero-container .filter-item { border-right: 1px solid hsla(0, 0%, 65%, .5) } .hero-container .slide .info-card-positioning .info-card.right .roundels { margin-right: 20px; margin-top: 0 } .hero-container .info-card.center .roundels { margin: 0 20px 0 0 } .hero-container .info-card { top: 0; width: 50% } .hero-container .info-card.right { width: auto } .hero-container .info-card.center { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 55% } .hero-container .info-card a { font-family: Praxis-regular; font-size: .875rem; letter-spacing: .05rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } } @media (min-width: 1025px) and (min-width:768px) { .hero-container .info-card a { font-size:1rem } } @media (min-width: 1025px) { .hero-container .info-card a:active,.hero-container .info-card a:focus { outline:1px auto #ccc } .hero-container .info-card .price-section .tnc { padding-left: 15px } .hero-container .info-card { &-logo,& .detail-section .arrow-icon { padding-left: 0 } } .hero-container .info-card .detail-section .arrow-icon { padding-left: 0 } .hero-container .info-card .price-block { padding: 0 25px 0 0 } .hero-container .info-card .title-description { margin-bottom: 0 } .hero-container .slide .info-card.right { right: -36px } .hero-container .slide .info-card.left { left: -23px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .hero-container .recently-viewed { text-align: right; position: static; bottom: 26px } .hero-container .recently-viewed a { text-decoration: none; color: #fff; font-size: 1.125rem; font-size: 1rem; font-family: Praxis-regular; letter-spacing: .09rem; letter-spacing: .05rem; border-bottom: 1px solid hsla(0, 0%, 88%, .5); text-shadow: -1px 0 0 rgba(0, 0, 0, .92) } .hero-container .info-card.center .price-block { padding-right: 25px; text-align: right; width: auto } .hero-container .info-card.center span.arrow-icon.Costa-only-icon { margin-left: -41px } .hero-container .info-card.center span.arrow-icon.Costa-only-icon a.slide-cta { margin-left: -934px } .hero-container .info-card.center .price-section .tnc { padding-left: 38px } .hero-container .info-card.center .price-block-tab .price-block .disclaimer-text { padding-left: 190px; width: 170px; text-align: right } .hero-container .info-card.center .roundels.author .text-holder,.hero-container .info-card.center .roundels p { width: 100% } .hero-container.search-enabled .search-holder { height: 135px } .hero-container.search-enabled .slick-dots { bottom: 157px } .hero-container.hero-disabled .overlay-container { border: 1px solid transparent } .hero-container.hero-disabled .search-bar { -webkit-box-shadow: 0 1px 25px rgba(0, 0, 0, .08); box-shadow: 0 1px 25px rgba(0, 0, 0, .08) } .hero-container .slide .info-card-positioning .info-card.left,.hero-container .slide .info-card-positioning .info-card.right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .hero-container .slide .info-card-positioning .info-card.left .detail-section,.hero-container .slide .info-card-positioning .info-card.left .info-section,.hero-container .slide .info-card-positioning .info-card.right .detail-section,.hero-container .slide .info-card-positioning .info-card.right .info-section { text-align: left } .hero-container .slide .info-card-positioning .info-card.right { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 0 } .hero-container .slide .info-card-positioning .info-card.left { padding: 0 0 0 63px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; width: 700px } .hero-container .slide .info-card-positioning .info-card.center { padding-top: 0 } .hero-container .slide .info-card-positioning .alignment-center .info-card.center { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .hero-container .slide .info-card-positioning .alignment-center .info-card.center .detail-section,.hero-container .slide .info-card-positioning .alignment-center .info-card.center .info-section { text-align: center } .hero-container .slide .info-card-positioning .alignment-center .info-card.center .info-section { margin: 0 } .hero-container .slide .info-card-positioning .alignment-center .info-card.center .roundels { margin: 0 15px 15px } .hero-container .slide .info-card-positioning .alignment-center .info-card.center h2 { max-width: 450px } .hero-container .slide .info-card-positioning .info-card-wrap { padding-left: 40px; padding-right: 40px } .hero-container .slide .info-card-positioning .info-card.center .roundels+.info-section { text-align: left } .hero-container.recent-search-variation .search-holder { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .hero-container.recent-search-variation .search-holder:before { content: ""; display: table } .hero-container.recent-search-variation .search-holder:after { content: ""; display: table; clear: both } } @media (min-width: 1025px) and (min-width:768px) { .hero-container.recent-search-variation .search-holder { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) and (min-width:1025px) { .hero-container.recent-search-variation .search-holder { padding-left:40px; padding-right: 40px } } @media (min-width: 1025px) { .hero-container.recent-search-variation .search-holder { -webkit-box-shadow:none; box-shadow: none } } @media (min-width: 1281px) { .hero-container .info-card .title-description { margin-bottom:10px } } .price-grid-container .price-grid-component { padding: 45px 0 0; position: relative } .price-grid-container .itinerary-name-holder { text-align: center; padding-left: 10px; padding-right: 10px } .price-grid-container .itinerary-name-holder .itinerary-name { margin-top: 0 } .price-grid-container .date-list span { line-height: 20px; line-height: 1.25rem } .price-grid-container .grid-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 25px } .price-grid-container .grid-container .price-column { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 49.95%; flex-basis: 49.95%; max-width: 49.95%; width: 49.95% } .price-grid-container .grid-container .price-column:nth-child(1n) { margin-right: 0; margin-left: 0 } .price-grid-container .grid-container .price-column:last-child { margin-right: 0 } .price-grid-container .grid-container .price-column:nth-child(2n) { margin-right: 0; margin-left: auto } .price-grid-container .grid-container .side-bar { position: relative } .price-grid-container .side-bar .sidebar-height-container { position: absolute; bottom: 20px; left: 0; width: 100%; overflow: hidden; max-height: 332px } .price-grid-container .room-list .room-element { text-align: center; padding: 14px; margin-bottom: 5px } .price-grid-container .room-element .room-type { display: inline-block; height: 50px; position: relative } .price-grid-container .room-type span { display: inline-block; font-size: 0.75rem; font-size: .75rem } .price-grid-container .price-table-container { position: relative } .price-grid-container .price-table-container .table-body { display: inline-block; width: 100%; height: 100% } .price-grid-container .price-table-container .horizontal-next-container,.price-grid-container .price-table-container .horizontal-prev-container { position: absolute; top: 0; left: 0 } .price-grid-container .price-table-container .horizontal-next-container { left: auto; right: 0 } .price-grid-container .side-bar .vertical-next-container,.price-grid-container .side-bar .vertical-prev-container { position: absolute; left: 0; top: 20px; width: 100%; text-align: center } .price-grid-container .side-bar .vertical-next-container { top: auto; bottom: -5px } .price-grid-container .horizontal-next-container .horizontal-next,.price-grid-container .horizontal-prev-container .horizontal-prev,.price-grid-container .vertical-next-container .vertical-next,.price-grid-container .vertical-prev-container .vertical-prev { display: inline-block; width: 14px; height: 22px; padding: 5px } .price-grid-container .hide-nav-button { display: none } .price-grid-container .vertical-prev-container { top: 25px } .price-grid-container .horizontal-next-container .horizontal-next:before,.price-grid-container .horizontal-prev-container .horizontal-prev:before,.price-grid-container .vertical-next-container .vertical-next:before,.price-grid-container .vertical-prev-container .vertical-prev:before { content: ""; display: inline-block; width: 100%; height: 100% } .price-grid-container .price-table-container .price-list-container { max-height: 332px; overflow-y: auto } .price-grid-container .price-table-container .date-element,.price-grid-container .price-table-container .date-group { display: inline-block } .price-grid-container .price-table-container .date-element { padding-bottom: 16px; text-align: center } .price-grid-container .date-element .start-date { display: block } .price-grid-container .price-body-container .price-element { padding: 14px 7px; margin-bottom: 5px } .price-grid-container .price-table-container .table-body { overflow: auto } .price-grid-container .date-group:first-child .price-element { padding-left: 14px } .price-grid-container .date-group:last-child .price-element { padding-right: 14px } .price-grid-container .price-body-container .price-button { display: inline-block; padding: 0; height: 50px; width: 100%; background: none; border: 1px solid; outline: none; position: relative; cursor: pointer } .price-grid-container .confirm-price-cta-holder { text-align: center; padding: 0 32px; margin-bottom: 40px } .price-grid-container .terms-text { padding: 0 32px; text-align: center; margin: auto } .price-grid-container .login-drawer-container { padding-left: 0; padding-right: 0; margin-bottom: 13px } .price-grid-container .login-drawer-container .title-wrapper { display: inherit } .price-grid-container .legends { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto } .price-grid-container .legends .legend-item { display: table-cell; position: relative; max-width: 140px; vertical-align: top } .price-grid-container .legend-item .legend-text { padding-left: 20px; display: inline-block; text-align: left } .price-grid-container .legend-item .legend-icon { display: inline-block; width: 16px; height: 25px; position: absolute; background-size: contain; background-repeat: no-repeat } .price-grid-container .tnc-container a { text-decoration: underline } .price-grid-container .large-only { display: none } .price-grid-container .close-button-container { position: absolute; right: 17px; top: 17px } .price-grid-container .close-button-container .price-close-button { position: relative; display: inline-block; padding: 0; border: none; background: none; cursor: pointer } .price-grid-container .price-close-button span { vertical-align: middle } .price-grid-container .price-close-button .close-icon { display: inline-block; width: 20px; height: 20px } .price-grid-container .price-close-button .close-label { display: none } .price-grid-container .discount-container { position: absolute; top: 0; right: 25px } .price-grid-container .loading { min-height: 400px; position: inherit } .price-grid-container .room-type span { display: table; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .price-grid-container .date-range { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .price-grid-container .date-element { position: relative; height: 64px; padding-bottom: 0 } .price-grid-container .sr-only { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px } .price-grid-container .confirm-price.disabled { opacity: .3; pointer-events: none } .price-grid-container .date-column-1 { width: 80% } .price-grid-container .date-column-1 .date-element,.price-grid-container .date-column-1 .date-group { width: 100% } .price-grid-container .date-column-2 { width: 160% } .price-grid-container .date-column-2 .date-element,.price-grid-container .date-column-2 .date-group { width: 50% } .price-grid-container .date-column-3 { width: 240% } .price-grid-container .date-column-3 .date-element,.price-grid-container .date-column-3 .date-group { width: 33.33333% } .price-grid-container .date-column-4 { width: 320% } .price-grid-container .date-column-4 .date-element,.price-grid-container .date-column-4 .date-group { width: 25% } .price-grid-container .date-column-5 { width: 400% } .price-grid-container .date-column-5 .date-element,.price-grid-container .date-column-5 .date-group { width: 20% } .price-grid-container .date-column-6 { width: 480% } .price-grid-container .date-column-6 .date-element,.price-grid-container .date-column-6 .date-group { width: 16.66667% } .price-grid-container .date-column-7 { width: 560% } .price-grid-container .date-column-7 .date-element,.price-grid-container .date-column-7 .date-group { width: 14.28571% } .price-grid-container .date-column-8 { width: 640% } .price-grid-container .date-column-8 .date-element,.price-grid-container .date-column-8 .date-group { width: 12.5% } .price-grid-container .date-column-9 { width: 720% } .price-grid-container .date-column-9 .date-element,.price-grid-container .date-column-9 .date-group { width: 11.11111% } .price-grid-container .date-column-10 { width: 800% } .price-grid-container .date-column-10 .date-element,.price-grid-container .date-column-10 .date-group { width: 10% } .price-grid-container .date-column-11 { width: 880% } .price-grid-container .date-column-11 .date-element,.price-grid-container .date-column-11 .date-group { width: 9.09091% } .price-grid-container .date-column-12 { width: 960% } .price-grid-container .date-column-12 .date-element,.price-grid-container .date-column-12 .date-group { width: 8.33333% } .price-grid-container .date-column-13 { width: 1040% } .price-grid-container .date-column-13 .date-element,.price-grid-container .date-column-13 .date-group { width: 7.69231% } .price-grid-container .date-column-14 { width: 1120% } .price-grid-container .date-column-14 .date-element,.price-grid-container .date-column-14 .date-group { width: 7.14286% } .price-grid-container .date-column-15 { width: 1200% } .price-grid-container .date-column-15 .date-element,.price-grid-container .date-column-15 .date-group { width: 6.66667% } .price-grid-container .date-column-16 { width: 1280% } .price-grid-container .date-column-16 .date-element,.price-grid-container .date-column-16 .date-group { width: 6.25% } .price-grid-container .date-column-17 { width: 1360% } .price-grid-container .date-column-17 .date-element,.price-grid-container .date-column-17 .date-group { width: 5.88235% } .price-grid-container .date-column-18 { width: 1440% } .price-grid-container .date-column-18 .date-element,.price-grid-container .date-column-18 .date-group { width: 5.55556% } .price-grid-container .date-column-19 { width: 1520% } .price-grid-container .date-column-19 .date-element,.price-grid-container .date-column-19 .date-group { width: 5.26316% } .price-grid-container .date-column-20 { width: 1600% } .price-grid-container .date-column-20 .date-element,.price-grid-container .date-column-20 .date-group { width: 5% } .price-grid-container .date-column-21 { width: 1680% } .price-grid-container .date-column-21 .date-element,.price-grid-container .date-column-21 .date-group { width: 4.7619% } .price-grid-container .date-column-22 { width: 1760% } .price-grid-container .date-column-22 .date-element,.price-grid-container .date-column-22 .date-group { width: 4.54545% } .price-grid-container .date-column-23 { width: 1840% } .price-grid-container .date-column-23 .date-element,.price-grid-container .date-column-23 .date-group { width: 4.34783% } .price-grid-container .date-column-24 { width: 1920% } .price-grid-container .date-column-24 .date-element,.price-grid-container .date-column-24 .date-group { width: 4.16667% } .price-grid-container .date-column-25 { width: 2000% } .price-grid-container .date-column-25 .date-element,.price-grid-container .date-column-25 .date-group { width: 4% } .price-grid-container .date-column-26 { width: 2080% } .price-grid-container .date-column-26 .date-element,.price-grid-container .date-column-26 .date-group { width: 3.84615% } .price-grid-container .date-column-27 { width: 2160% } .price-grid-container .date-column-27 .date-element,.price-grid-container .date-column-27 .date-group { width: 3.7037% } .price-grid-container .date-column-28 { width: 2240% } .price-grid-container .date-column-28 .date-element,.price-grid-container .date-column-28 .date-group { width: 3.57143% } .price-grid-container .date-column-29 { width: 2320% } .price-grid-container .date-column-29 .date-element,.price-grid-container .date-column-29 .date-group { width: 3.44828% } .price-grid-container .date-column-30 { width: 2400% } .price-grid-container .date-column-30 .date-element,.price-grid-container .date-column-30 .date-group { width: 3.33333% } .price-grid-container .date-column-31 { width: 2480% } .price-grid-container .date-column-31 .date-element,.price-grid-container .date-column-31 .date-group { width: 3.22581% } .price-grid-container .date-column-32 { width: 2560% } .price-grid-container .date-column-32 .date-element,.price-grid-container .date-column-32 .date-group { width: 3.125% } .price-grid-container .date-column-33 { width: 2640% } .price-grid-container .date-column-33 .date-element,.price-grid-container .date-column-33 .date-group { width: 3.0303% } .price-grid-container .date-column-34 { width: 2720% } .price-grid-container .date-column-34 .date-element,.price-grid-container .date-column-34 .date-group { width: 2.94118% } .price-grid-container .date-column-35 { width: 2800% } .price-grid-container .date-column-35 .date-element,.price-grid-container .date-column-35 .date-group { width: 2.85714% } .price-grid-container .date-column-36 { width: 2880% } .price-grid-container .date-column-36 .date-element,.price-grid-container .date-column-36 .date-group { width: 2.77778% } .price-grid-container .date-column-37 { width: 2960% } .price-grid-container .date-column-37 .date-element,.price-grid-container .date-column-37 .date-group { width: 2.7027% } .price-grid-container .date-column-38 { width: 3040% } .price-grid-container .date-column-38 .date-element,.price-grid-container .date-column-38 .date-group { width: 2.63158% } .price-grid-container .date-column-39 { width: 3120% } .price-grid-container .date-column-39 .date-element,.price-grid-container .date-column-39 .date-group { width: 2.5641% } .price-grid-container .date-column-40 { width: 3200% } .price-grid-container .date-column-40 .date-element,.price-grid-container .date-column-40 .date-group { width: 2.5% } .price-grid-container .date-column-41 { width: 3280% } .price-grid-container .date-column-41 .date-element,.price-grid-container .date-column-41 .date-group { width: 2.43902% } .price-grid-container .date-column-42 { width: 3360% } .price-grid-container .date-column-42 .date-element,.price-grid-container .date-column-42 .date-group { width: 2.38095% } .price-grid-container .date-column-43 { width: 3440% } .price-grid-container .date-column-43 .date-element,.price-grid-container .date-column-43 .date-group { width: 2.32558% } .price-grid-container .date-column-44 { width: 3520% } .price-grid-container .date-column-44 .date-element,.price-grid-container .date-column-44 .date-group { width: 2.27273% } .price-grid-container .date-column-45 { width: 3600% } .price-grid-container .date-column-45 .date-element,.price-grid-container .date-column-45 .date-group { width: 2.22222% } .price-grid-container .date-column-46 { width: 3680% } .price-grid-container .date-column-46 .date-element,.price-grid-container .date-column-46 .date-group { width: 2.17391% } .price-grid-container .date-column-47 { width: 3760% } .price-grid-container .date-column-47 .date-element,.price-grid-container .date-column-47 .date-group { width: 2.12766% } .price-grid-container .date-column-48 { width: 3840% } .price-grid-container .date-column-48 .date-element,.price-grid-container .date-column-48 .date-group { width: 2.08333% } .price-grid-container .date-column-49 { width: 3920% } .price-grid-container .date-column-49 .date-element,.price-grid-container .date-column-49 .date-group { width: 2.04082% } .price-grid-container .date-column-50 { width: 4000% } .price-grid-container .date-column-50 .date-element,.price-grid-container .date-column-50 .date-group { width: 2% } .price-grid-container .date-column-51 { width: 4080% } .price-grid-container .date-column-51 .date-element,.price-grid-container .date-column-51 .date-group { width: 1.96078% } .price-grid-container .date-column-52 { width: 4160% } .price-grid-container .date-column-52 .date-element,.price-grid-container .date-column-52 .date-group { width: 1.92308% } .price-grid-container .date-column-53 { width: 4240% } .price-grid-container .date-column-53 .date-element,.price-grid-container .date-column-53 .date-group { width: 1.88679% } .price-grid-container .date-column-54 { width: 4320% } .price-grid-container .date-column-54 .date-element,.price-grid-container .date-column-54 .date-group { width: 1.85185% } .price-grid-container .date-column-55 { width: 4400% } .price-grid-container .date-column-55 .date-element,.price-grid-container .date-column-55 .date-group { width: 1.81818% } .price-grid-container .date-column-56 { width: 4480% } .price-grid-container .date-column-56 .date-element,.price-grid-container .date-column-56 .date-group { width: 1.78571% } .price-grid-container .date-column-57 { width: 4560% } .price-grid-container .date-column-57 .date-element,.price-grid-container .date-column-57 .date-group { width: 1.75439% } .price-grid-container .date-column-58 { width: 4640% } .price-grid-container .date-column-58 .date-element,.price-grid-container .date-column-58 .date-group { width: 1.72414% } .price-grid-container .date-column-59 { width: 4720% } .price-grid-container .date-column-59 .date-element,.price-grid-container .date-column-59 .date-group { width: 1.69492% } .price-grid-container .date-column-60 { width: 4800% } .price-grid-container .date-column-60 .date-element,.price-grid-container .date-column-60 .date-group { width: 1.66667% } .price-grid-container .date-column-61 { width: 4880% } .price-grid-container .date-column-61 .date-element,.price-grid-container .date-column-61 .date-group { width: 1.63934% } .price-grid-container .date-column-62 { width: 4960% } .price-grid-container .date-column-62 .date-element,.price-grid-container .date-column-62 .date-group { width: 1.6129% } .price-grid-container .date-column-63 { width: 5040% } .price-grid-container .date-column-63 .date-element,.price-grid-container .date-column-63 .date-group { width: 1.5873% } .price-grid-container .date-column-64 { width: 5120% } .price-grid-container .date-column-64 .date-element,.price-grid-container .date-column-64 .date-group { width: 1.5625% } .price-grid-container .date-column-65 { width: 5200% } .price-grid-container .date-column-65 .date-element,.price-grid-container .date-column-65 .date-group { width: 1.53846% } .price-grid-container .date-column-66 { width: 5280% } .price-grid-container .date-column-66 .date-element,.price-grid-container .date-column-66 .date-group { width: 1.51515% } .price-grid-container .date-column-67 { width: 5360% } .price-grid-container .date-column-67 .date-element,.price-grid-container .date-column-67 .date-group { width: 1.49254% } .price-grid-container .date-column-68 { width: 5440% } .price-grid-container .date-column-68 .date-element,.price-grid-container .date-column-68 .date-group { width: 1.47059% } .price-grid-container .date-column-69 { width: 5520% } .price-grid-container .date-column-69 .date-element,.price-grid-container .date-column-69 .date-group { width: 1.44928% } .price-grid-container .date-column-70 { width: 5600% } .price-grid-container .date-column-70 .date-element,.price-grid-container .date-column-70 .date-group { width: 1.42857% } .price-grid-container .date-column-71 { width: 5680% } .price-grid-container .date-column-71 .date-element,.price-grid-container .date-column-71 .date-group { width: 1.40845% } .price-grid-container .date-column-72 { width: 5760% } .price-grid-container .date-column-72 .date-element,.price-grid-container .date-column-72 .date-group { width: 1.38889% } .price-grid-container .date-column-73 { width: 5840% } .price-grid-container .date-column-73 .date-element,.price-grid-container .date-column-73 .date-group { width: 1.36986% } .price-grid-container .date-column-74 { width: 5920% } .price-grid-container .date-column-74 .date-element,.price-grid-container .date-column-74 .date-group { width: 1.35135% } .price-grid-container .date-column-75 { width: 6000% } .price-grid-container .date-column-75 .date-element,.price-grid-container .date-column-75 .date-group { width: 1.33333% } .price-grid-container .date-column-76 { width: 6080% } .price-grid-container .date-column-76 .date-element,.price-grid-container .date-column-76 .date-group { width: 1.31579% } .price-grid-container .date-column-77 { width: 6160% } .price-grid-container .date-column-77 .date-element,.price-grid-container .date-column-77 .date-group { width: 1.2987% } .price-grid-container .date-column-78 { width: 6240% } .price-grid-container .date-column-78 .date-element,.price-grid-container .date-column-78 .date-group { width: 1.28205% } .price-grid-container .date-column-79 { width: 6320% } .price-grid-container .date-column-79 .date-element,.price-grid-container .date-column-79 .date-group { width: 1.26582% } .price-grid-container .date-column-80 { width: 6400% } .price-grid-container .date-column-80 .date-element,.price-grid-container .date-column-80 .date-group { width: 1.25% } .price-grid-container .date-column-81 { width: 6480% } .price-grid-container .date-column-81 .date-element,.price-grid-container .date-column-81 .date-group { width: 1.23457% } .price-grid-container .date-column-82 { width: 6560% } .price-grid-container .date-column-82 .date-element,.price-grid-container .date-column-82 .date-group { width: 1.21951% } .price-grid-container .date-column-83 { width: 6640% } .price-grid-container .date-column-83 .date-element,.price-grid-container .date-column-83 .date-group { width: 1.20482% } .price-grid-container .date-column-84 { width: 6720% } .price-grid-container .date-column-84 .date-element,.price-grid-container .date-column-84 .date-group { width: 1.19048% } .price-grid-container .date-column-85 { width: 6800% } .price-grid-container .date-column-85 .date-element,.price-grid-container .date-column-85 .date-group { width: 1.17647% } .price-grid-container .date-column-86 { width: 6880% } .price-grid-container .date-column-86 .date-element,.price-grid-container .date-column-86 .date-group { width: 1.16279% } .price-grid-container .date-column-87 { width: 6960% } .price-grid-container .date-column-87 .date-element,.price-grid-container .date-column-87 .date-group { width: 1.14943% } .price-grid-container .date-column-88 { width: 7040% } .price-grid-container .date-column-88 .date-element,.price-grid-container .date-column-88 .date-group { width: 1.13636% } .price-grid-container .date-column-89 { width: 7120% } .price-grid-container .date-column-89 .date-element,.price-grid-container .date-column-89 .date-group { width: 1.1236% } .price-grid-container .date-column-90 { width: 7200% } .price-grid-container .date-column-90 .date-element,.price-grid-container .date-column-90 .date-group { width: 1.11111% } .price-grid-container .date-column-91 { width: 7280% } .price-grid-container .date-column-91 .date-element,.price-grid-container .date-column-91 .date-group { width: 1.0989% } .price-grid-container .date-column-92 { width: 7360% } .price-grid-container .date-column-92 .date-element,.price-grid-container .date-column-92 .date-group { width: 1.08696% } .price-grid-container .date-column-93 { width: 7440% } .price-grid-container .date-column-93 .date-element,.price-grid-container .date-column-93 .date-group { width: 1.07527% } .price-grid-container .date-column-94 { width: 7520% } .price-grid-container .date-column-94 .date-element,.price-grid-container .date-column-94 .date-group { width: 1.06383% } .price-grid-container .date-column-95 { width: 7600% } .price-grid-container .date-column-95 .date-element,.price-grid-container .date-column-95 .date-group { width: 1.05263% } .price-grid-container .date-column-96 { width: 7680% } .price-grid-container .date-column-96 .date-element,.price-grid-container .date-column-96 .date-group { width: 1.04167% } .price-grid-container .date-column-97 { width: 7760% } .price-grid-container .date-column-97 .date-element,.price-grid-container .date-column-97 .date-group { width: 1.03093% } .price-grid-container .date-column-98 { width: 7840% } .price-grid-container .date-column-98 .date-element,.price-grid-container .date-column-98 .date-group { width: 1.02041% } .price-grid-container .date-column-99 { width: 7920% } .price-grid-container .date-column-99 .date-element,.price-grid-container .date-column-99 .date-group { width: 1.0101% } .price-grid-container .date-column-100 { width: 8000% } .price-grid-container .date-column-100 .date-element,.price-grid-container .date-column-100 .date-group { width: 1% } .price-grid-container .date-column-101 { width: 8080% } .price-grid-container .date-column-101 .date-element,.price-grid-container .date-column-101 .date-group { width: .9901% } .price-grid-container .date-column-102 { width: 8160% } .price-grid-container .date-column-102 .date-element,.price-grid-container .date-column-102 .date-group { width: .98039% } .price-grid-container .date-column-103 { width: 8240% } .price-grid-container .date-column-103 .date-element,.price-grid-container .date-column-103 .date-group { width: .97087% } .price-grid-container .date-column-104 { width: 8320% } .price-grid-container .date-column-104 .date-element,.price-grid-container .date-column-104 .date-group { width: .96154% } .price-grid-container .date-column-105 { width: 8400% } .price-grid-container .date-column-105 .date-element,.price-grid-container .date-column-105 .date-group { width: .95238% } .price-grid-container .date-column-106 { width: 8480% } .price-grid-container .date-column-106 .date-element,.price-grid-container .date-column-106 .date-group { width: .9434% } .price-grid-container .date-column-107 { width: 8560% } .price-grid-container .date-column-107 .date-element,.price-grid-container .date-column-107 .date-group { width: .93458% } .price-grid-container .date-column-108 { width: 8640% } .price-grid-container .date-column-108 .date-element,.price-grid-container .date-column-108 .date-group { width: .92593% } .price-grid-container .date-column-109 { width: 8720% } .price-grid-container .date-column-109 .date-element,.price-grid-container .date-column-109 .date-group { width: .91743% } .price-grid-container .date-column-110 { width: 8800% } .price-grid-container .date-column-110 .date-element,.price-grid-container .date-column-110 .date-group { width: .90909% } .price-grid-container .date-column-111 { width: 8880% } .price-grid-container .date-column-111 .date-element,.price-grid-container .date-column-111 .date-group { width: .9009% } .price-grid-container .date-column-112 { width: 8960% } .price-grid-container .date-column-112 .date-element,.price-grid-container .date-column-112 .date-group { width: .89286% } .price-grid-container .date-column-113 { width: 9040% } .price-grid-container .date-column-113 .date-element,.price-grid-container .date-column-113 .date-group { width: .88496% } .price-grid-container .date-column-114 { width: 9120% } .price-grid-container .date-column-114 .date-element,.price-grid-container .date-column-114 .date-group { width: .87719% } .price-grid-container .date-column-115 { width: 9200% } .price-grid-container .date-column-115 .date-element,.price-grid-container .date-column-115 .date-group { width: .86957% } .price-grid-container .date-column-116 { width: 9280% } .price-grid-container .date-column-116 .date-element,.price-grid-container .date-column-116 .date-group { width: .86207% } .price-grid-container .date-column-117 { width: 9360% } .price-grid-container .date-column-117 .date-element,.price-grid-container .date-column-117 .date-group { width: .8547% } .price-grid-container .date-column-118 { width: 9440% } .price-grid-container .date-column-118 .date-element,.price-grid-container .date-column-118 .date-group { width: .84746% } .price-grid-container .date-column-119 { width: 9520% } .price-grid-container .date-column-119 .date-element,.price-grid-container .date-column-119 .date-group { width: .84034% } .price-grid-container .date-column-120 { width: 9600% } .price-grid-container .date-column-120 .date-element,.price-grid-container .date-column-120 .date-group { width: .83333% } @media (min-width: 768px) { .price-grid-container .price-grid-component { padding:75px 0 0 } .price-grid-container .grid-container .side-bar { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; max-width: 33.3%; width: 33.3% } .price-grid-container .grid-container .side-bar:nth-child(1n) { margin-right: 0; margin-left: 0 } .price-grid-container .grid-container .side-bar:last-child { margin-right: 0 } .price-grid-container .grid-container .side-bar:nth-child(12n) { margin-right: 0; margin-left: auto } .price-grid-container .grid-container .price-table-container { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 66.6%; flex-basis: 66.6%; max-width: 66.6%; width: 66.6% } .price-grid-container .grid-container .price-table-container:nth-child(1n) { margin-right: 0; margin-left: 0 } .price-grid-container .grid-container .price-table-container:last-child { margin-right: 0 } .price-grid-container .grid-container .price-table-container:nth-child(12n) { margin-right: 0; margin-left: auto } .price-grid-container .price-table-container .price-list-container,.price-grid-container .side-bar .sidebar-height-container { max-height: 500px } .price-grid-container .itinerary-name-holder { padding: 0 50px } .price-grid-container .actions-side-bar { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(49.95% - 15px); flex-basis: calc(49.95% - 15px); max-width: calc(49.95% - 15px); width: calc(49.95% - 15px); margin-left: calc(24.975% + 7.5px)!important } .price-grid-container .actions-side-bar:nth-child(1n) { margin-right: 30px; margin-left: 0 } .price-grid-container .actions-side-bar:last-child { margin-right: 0 } .price-grid-container .price-table-container .date-element { padding-bottom: 25px } .price-grid-container .room-list .room-element { padding: 12px; margin-bottom: 10px } .price-grid-container .room-element .room-type { height: 65px } .price-grid-container .room-type span { font-size: .875rem } .price-grid-container .price-body-container .price-button { height: 65px } .price-grid-container .price-body-container .price-element { padding: 12px; margin-bottom: 10px } .price-grid-container .date-group:first-child .price-element { padding-left: 25px } .price-grid-container .date-group:last-child .price-element { padding-right: 25px } .price-grid-container .confirm-price-cta-holder { margin-bottom: 33px } .price-grid-container .confirm-price-cta-holder .confirm-price,.price-grid-container .grid-container { width: auto } .price-grid-container .terms-text { padding: 0 100px } .price-grid-container .legends .legend-item { display: inline-block; -ms-flex-preferred-size: none; flex-basis: none; margin: 0; max-width: inherit } .price-grid-container .legends .legend-item:first-child { margin-right: 33px; display: inline } .price-grid-container .legend-item .legend-icon { width: 30px; height: 32px; position: relative; float: left } .price-grid-container .legend-item .legend-text { padding-left: 0 } .price-grid-container .legend-item .nonRefundableIconText { padding-top: 5px } .price-grid-container .close-button-container { top: 30px; right: 30px } .price-grid-container .discount-container { right: 0 } .price-grid-container .date-element { position: relative } .price-grid-container .date-list { height: 64px; padding-bottom: 30px } .price-grid-container .side-bar .vertical-prev-container { top: 25px } .price-grid-container .date-column-1 { width: 38% } .price-grid-container .date-column-2 { width: 76% } .price-grid-container .date-column-3 { width: 114% } .price-grid-container .date-column-4 { width: 152% } .price-grid-container .date-column-5 { width: 190% } .price-grid-container .date-column-6 { width: 228% } .price-grid-container .date-column-7 { width: 266% } .price-grid-container .date-column-8 { width: 304% } .price-grid-container .date-column-9 { width: 342% } .price-grid-container .date-column-10 { width: 380% } .price-grid-container .date-column-11 { width: 418% } .price-grid-container .date-column-12 { width: 456% } .price-grid-container .date-column-13 { width: 494% } .price-grid-container .date-column-14 { width: 532% } .price-grid-container .date-column-15 { width: 570% } .price-grid-container .date-column-16 { width: 608% } .price-grid-container .date-column-17 { width: 646% } .price-grid-container .date-column-18 { width: 684% } .price-grid-container .date-column-19 { width: 722% } .price-grid-container .date-column-20 { width: 760% } .price-grid-container .date-column-21 { width: 798% } .price-grid-container .date-column-22 { width: 836% } .price-grid-container .date-column-23 { width: 874% } .price-grid-container .date-column-24 { width: 912% } .price-grid-container .date-column-25 { width: 950% } .price-grid-container .date-column-26 { width: 988% } .price-grid-container .date-column-27 { width: 1026% } .price-grid-container .date-column-28 { width: 1064% } .price-grid-container .date-column-29 { width: 1102% } .price-grid-container .date-column-30 { width: 1140% } .price-grid-container .date-column-31 { width: 1178% } .price-grid-container .date-column-32 { width: 1216% } .price-grid-container .date-column-33 { width: 1254% } .price-grid-container .date-column-34 { width: 1292% } .price-grid-container .date-column-35 { width: 1330% } .price-grid-container .date-column-36 { width: 1368% } .price-grid-container .date-column-37 { width: 1406% } .price-grid-container .date-column-38 { width: 1444% } .price-grid-container .date-column-39 { width: 1482% } .price-grid-container .date-column-40 { width: 1520% } .price-grid-container .date-column-41 { width: 1558% } .price-grid-container .date-column-42 { width: 1596% } .price-grid-container .date-column-43 { width: 1634% } .price-grid-container .date-column-44 { width: 1672% } .price-grid-container .date-column-45 { width: 1710% } .price-grid-container .date-column-46 { width: 1748% } .price-grid-container .date-column-47 { width: 1786% } .price-grid-container .date-column-48 { width: 1824% } .price-grid-container .date-column-49 { width: 1862% } .price-grid-container .date-column-50 { width: 1900% } .price-grid-container .date-column-51 { width: 1938% } .price-grid-container .date-column-52 { width: 1976% } .price-grid-container .date-column-53 { width: 2014% } .price-grid-container .date-column-54 { width: 2052% } .price-grid-container .date-column-55 { width: 2090% } .price-grid-container .date-column-56 { width: 2128% } .price-grid-container .date-column-57 { width: 2166% } .price-grid-container .date-column-58 { width: 2204% } .price-grid-container .date-column-59 { width: 2242% } .price-grid-container .date-column-60 { width: 2280% } .price-grid-container .date-column-61 { width: 2318% } .price-grid-container .date-column-62 { width: 2356% } .price-grid-container .date-column-63 { width: 2394% } .price-grid-container .date-column-64 { width: 2432% } .price-grid-container .date-column-65 { width: 2470% } .price-grid-container .date-column-66 { width: 2508% } .price-grid-container .date-column-67 { width: 2546% } .price-grid-container .date-column-68 { width: 2584% } .price-grid-container .date-column-69 { width: 2622% } .price-grid-container .date-column-70 { width: 2660% } .price-grid-container .date-column-71 { width: 2698% } .price-grid-container .date-column-72 { width: 2736% } .price-grid-container .date-column-73 { width: 2774% } .price-grid-container .date-column-74 { width: 2812% } .price-grid-container .date-column-75 { width: 2850% } .price-grid-container .date-column-76 { width: 2888% } .price-grid-container .date-column-77 { width: 2926% } .price-grid-container .date-column-78 { width: 2964% } .price-grid-container .date-column-79 { width: 3002% } .price-grid-container .date-column-80 { width: 3040% } .price-grid-container .date-column-81 { width: 3078% } .price-grid-container .date-column-82 { width: 3116% } .price-grid-container .date-column-83 { width: 3154% } .price-grid-container .date-column-84 { width: 3192% } .price-grid-container .date-column-85 { width: 3230% } .price-grid-container .date-column-86 { width: 3268% } .price-grid-container .date-column-87 { width: 3306% } .price-grid-container .date-column-88 { width: 3344% } .price-grid-container .date-column-89 { width: 3382% } .price-grid-container .date-column-90 { width: 3420% } .price-grid-container .date-column-91 { width: 3458% } .price-grid-container .date-column-92 { width: 3496% } .price-grid-container .date-column-93 { width: 3534% } .price-grid-container .date-column-94 { width: 3572% } .price-grid-container .date-column-95 { width: 3610% } .price-grid-container .date-column-96 { width: 3648% } .price-grid-container .date-column-97 { width: 3686% } .price-grid-container .date-column-98 { width: 3724% } .price-grid-container .date-column-99 { width: 3762% } .price-grid-container .date-column-100 { width: 3800% } .price-grid-container .date-column-101 { width: 3838% } .price-grid-container .date-column-102 { width: 3876% } .price-grid-container .date-column-103 { width: 3914% } .price-grid-container .date-column-104 { width: 3952% } .price-grid-container .date-column-105 { width: 3990% } .price-grid-container .date-column-106 { width: 4028% } .price-grid-container .date-column-107 { width: 4066% } .price-grid-container .date-column-108 { width: 4104% } .price-grid-container .date-column-109 { width: 4142% } .price-grid-container .date-column-110 { width: 4180% } .price-grid-container .date-column-111 { width: 4218% } .price-grid-container .date-column-112 { width: 4256% } .price-grid-container .date-column-113 { width: 4294% } .price-grid-container .date-column-114 { width: 4332% } .price-grid-container .date-column-115 { width: 4370% } .price-grid-container .date-column-116 { width: 4408% } .price-grid-container .date-column-117 { width: 4446% } .price-grid-container .date-column-118 { width: 4484% } .price-grid-container .date-column-119 { width: 4522% } .price-grid-container .date-column-120 { width: 4560% } } @media (min-width: 1025px) { .price-grid-container .price-grid-component { display:block; padding: 40px 0 0 } .price-grid-container .side-bar .sidebar-height-container { bottom: 0 } .price-grid-container .itinerary-name-holder { display: none } .price-grid-container .price-grid-component .container { width: 100% } .price-grid-container .price-grid-component .container:after { content: ""; display: block; clear: both } .price-grid-container .price-grid-component .container .grid-container { width: calc(73% - 50px); margin-right: 50px; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .price-grid-container .price-grid-component .actions-side-bar { display: inline-block; width: calc(24.975% - 22.5px); vertical-align: top; margin-left: 0!important } .price-grid-container .price-grid-component .actions-side-bar:nth-child(1n) { float: left; margin-right: 30px; clear: none } .price-grid-container .price-grid-component .actions-side-bar:last-child { margin-right: 0 } .price-grid-container .price-grid-component .actions-side-bar:nth-child(12n) { margin-right: 0; float: right } .price-grid-container .price-grid-component .actions-side-bar:nth-child(12n+1) { clear: both } .price-grid-container .login-drawer-container .title-wrapper { padding-left: 15px } .price-grid-container .grid-container .side-bar { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(13.875% - 12.05556px); flex-basis: calc(13.875% - 12.05556px); max-width: calc(13.875% - 12.05556px); width: calc(13.875% - 12.05556px); margin-left: calc(8.88% + 2.66667px)!important } .price-grid-container .grid-container .side-bar:nth-child(1n) { margin-right: 14px; margin-left: 0 } .price-grid-container .grid-container .side-bar:last-child { margin-right: 0 } .price-grid-container .login-drawer-container .title-wrapper { margin-left: calc(13.32% + 4px)!important; text-align: left } .price-grid-container .login-drawer .arrow-up { margin-left: calc(20% - 8px) } .price-grid-container .login-drawer-container .logged-in { margin-left: calc(13.32% + 4px)!important } .price-grid-container .login-drawer-container .login-container { padding-left: 20px } .price-grid-container .login-drawer-container .logged-info { text-align: left } .price-grid-container .grid-container .price-table-container { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(77.7% - 6.66667px); flex-basis: calc(77.7% - 6.66667px); max-width: calc(77.7% - 6.66667px); width: calc(77.7% - 6.66667px) } .price-grid-container .grid-container .price-table-container:nth-child(1n) { margin-right: 30px; margin-left: 0 } .price-grid-container .grid-container .price-table-container:last-child { margin-right: 0 } .price-grid-container .price-table-container .price-list-container { position: relative } .price-grid-container .price-table-container .price-list-container,.price-grid-container .side-bar .sidebar-height-container { max-height: 297px; overflow: hidden } .price-grid-container .price-body-container { overflow-x: hidden } .price-grid-container .room-list { margin-left: 10px; margin-right: 10px } .price-grid-container .price-body-container .price-element,.price-grid-container .room-list .room-element { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box } .price-grid-container .price-body-container .price-element { vertical-align: bottom } .price-grid-container .room-list .room-element { padding: 10px 0; margin: 0; margin-bottom: 10px } .price-grid-container .room-element .room-type { height: 40px } .price-grid-container .date-group { padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px } .price-grid-container .date-group .price-element,.price-grid-container .date-group:first-child .price-element,.price-grid-container .date-group:last-child .price-element { padding-left: 12px; padding-right: 12px; margin-bottom: 0 } .price-grid-container .date-list .date-element { height: 89px; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0; margin-bottom: 10px } .price-grid-container .date-list { height: auto } .price-grid-container .date-element .date-range { display: inline-block; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .price-grid-container .terms-text { width: 77.7%; margin-left: calc(22.2% + 6.66667px)!important; padding: 0 } .price-grid-container .terms-text:nth-child(1n) { float: left; margin-right: 0; clear: none } .price-grid-container .terms-text:last-child { margin-right: 0 } .price-grid-container .terms-text:nth-child(9n) { margin-right: 0; float: right } .price-grid-container .terms-text:nth-child(9n+1) { clear: both } .price-grid-container .legends { margin: 0 } .price-grid-container .legend-item .legend-text { max-width: 160px; vertical-align: middle } .price-grid-container .tnc-container { padding: 0 } .price-grid-container .actions-side-bar .sidebar-content { display: block; position: relative; width: 100%; top: 50%; -webkit-transform: none; transform: none } .price-grid-container .sidebar-content .itinerary-name-holder { display: block; padding: 0 0 0 10px } .price-grid-container .itinerary-name-holder .itinerary-name { margin: 0 } .price-grid-container .large-only { display: block } .price-grid-container .price-close-button .close-label { display: inline-block } .price-grid-container .price-table-container { overflow: hidden } .price-grid-container .date-element { margin-bottom: 25px } .price-grid-container .price-table-container .table-body { overflow: hidden } .price-grid-container .loading { min-height: 300px } .price-grid-container .price-table-container .room-column-1 { width: calc(24.2% + 25px) } .price-grid-container .room-column-1 .date-group,.price-grid-container .room-column-1 .price-element,.price-grid-container .room-column-1 .room-element { width: 100% } .price-grid-container .price-table-container .room-column-2 { width: calc(48.4% + 25px) } .price-grid-container .room-column-2 .price-element,.price-grid-container .room-column-2 .room-element { width: 50% } .price-grid-container .room-column-2 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-3 { width: calc(72.6% + 25px) } .price-grid-container .room-column-3 .price-element,.price-grid-container .room-column-3 .room-element { width: 33.33333% } .price-grid-container .room-column-3 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-4 { width: calc(96.8% + 25px) } .price-grid-container .room-column-4 .price-element,.price-grid-container .room-column-4 .room-element { width: 25% } .price-grid-container .room-column-4 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-5 { width: calc(121% + 25px) } .price-grid-container .room-column-5 .price-element,.price-grid-container .room-column-5 .room-element { width: 20% } .price-grid-container .room-column-5 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-6 { width: calc(145.2% + 25px) } .price-grid-container .room-column-6 .price-element,.price-grid-container .room-column-6 .room-element { width: 16.66667% } .price-grid-container .room-column-6 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-7 { width: calc(169.4% + 25px) } .price-grid-container .room-column-7 .price-element,.price-grid-container .room-column-7 .room-element { width: 14.28571% } .price-grid-container .room-column-7 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-8 { width: calc(193.6% + 25px) } .price-grid-container .room-column-8 .price-element,.price-grid-container .room-column-8 .room-element { width: 12.5% } .price-grid-container .room-column-8 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-9 { width: calc(217.8% + 25px) } .price-grid-container .room-column-9 .price-element,.price-grid-container .room-column-9 .room-element { width: 11.11111% } .price-grid-container .room-column-9 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-10 { width: calc(242% + 25px) } .price-grid-container .room-column-10 .price-element,.price-grid-container .room-column-10 .room-element { width: 10% } .price-grid-container .room-column-10 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-11 { width: calc(266.2% + 25px) } .price-grid-container .room-column-11 .price-element,.price-grid-container .room-column-11 .room-element { width: 9.09091% } .price-grid-container .room-column-11 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-12 { width: calc(290.4% + 25px) } .price-grid-container .room-column-12 .price-element,.price-grid-container .room-column-12 .room-element { width: 8.33333% } .price-grid-container .room-column-12 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-13 { width: calc(314.6% + 25px) } .price-grid-container .room-column-13 .price-element,.price-grid-container .room-column-13 .room-element { width: 7.69231% } .price-grid-container .room-column-13 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-14 { width: calc(338.8% + 25px) } .price-grid-container .room-column-14 .price-element,.price-grid-container .room-column-14 .room-element { width: 7.14286% } .price-grid-container .room-column-14 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-15 { width: calc(363% + 25px) } .price-grid-container .room-column-15 .price-element,.price-grid-container .room-column-15 .room-element { width: 6.66667% } .price-grid-container .room-column-15 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-16 { width: calc(387.2% + 25px) } .price-grid-container .room-column-16 .price-element,.price-grid-container .room-column-16 .room-element { width: 6.25% } .price-grid-container .room-column-16 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-17 { width: calc(411.4% + 25px) } .price-grid-container .room-column-17 .price-element,.price-grid-container .room-column-17 .room-element { width: 5.88235% } .price-grid-container .room-column-17 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-18 { width: calc(435.6% + 25px) } .price-grid-container .room-column-18 .price-element,.price-grid-container .room-column-18 .room-element { width: 5.55556% } .price-grid-container .room-column-18 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-19 { width: calc(459.8% + 25px) } .price-grid-container .room-column-19 .price-element,.price-grid-container .room-column-19 .room-element { width: 5.26316% } .price-grid-container .room-column-19 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-20 { width: calc(484% + 25px) } .price-grid-container .room-column-20 .price-element,.price-grid-container .room-column-20 .room-element { width: 5% } .price-grid-container .room-column-20 .date-group { width: 100% } } @media print { .price-grid-container .price-grid-component { padding: 75px 0 0 } .price-grid-container .grid-container .side-bar { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; max-width: 33.3%; width: 33.3% } .price-grid-container .grid-container .side-bar:nth-child(1n) { margin-right: 0; margin-left: 0 } .price-grid-container .grid-container .side-bar:last-child { margin-right: 0 } .price-grid-container .grid-container .side-bar:nth-child(12n) { margin-right: 0; margin-left: auto } .price-grid-container .grid-container .price-table-container { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 66.6%; flex-basis: 66.6%; max-width: 66.6%; width: 66.6% } .price-grid-container .grid-container .price-table-container:nth-child(1n) { margin-right: 0; margin-left: 0 } .price-grid-container .grid-container .price-table-container:last-child { margin-right: 0 } .price-grid-container .grid-container .price-table-container:nth-child(12n) { margin-right: 0; margin-left: auto } .price-grid-container .price-table-container .price-list-container,.price-grid-container .side-bar .sidebar-height-container { max-height: 500px } .price-grid-container .itinerary-name-holder { padding: 0 50px } .price-grid-container .actions-side-bar { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(49.95% - 15px); flex-basis: calc(49.95% - 15px); max-width: calc(49.95% - 15px); width: calc(49.95% - 15px); margin-left: calc(24.975% + 7.5px)!important } .price-grid-container .actions-side-bar:nth-child(1n) { margin-right: 30px; margin-left: 0 } .price-grid-container .actions-side-bar:last-child { margin-right: 0 } .price-grid-container .price-table-container .date-element { padding-bottom: 25px } .price-grid-container .room-list .room-element { padding: 12px; margin-bottom: 10px } .price-grid-container .room-element .room-type { height: 65px } .price-grid-container .room-type span { font-size: .875rem } .price-grid-container .price-body-container .price-button { height: 65px } .price-grid-container .price-body-container .price-element { padding: 12px; margin-bottom: 10px } .price-grid-container .date-group:first-child .price-element { padding-left: 25px } .price-grid-container .date-group:last-child .price-element { padding-right: 25px } .price-grid-container .confirm-price-cta-holder { margin-bottom: 33px } .price-grid-container .confirm-price-cta-holder .confirm-price,.price-grid-container .grid-container { width: auto } .price-grid-container .terms-text { padding: 0 100px } .price-grid-container .legends .legend-item { display: inline-block; -ms-flex-preferred-size: none; flex-basis: none; margin: 0; max-width: inherit } .price-grid-container .legends .legend-item:first-child { margin-right: 33px; display: inline } .price-grid-container .legend-item .legend-icon { width: 30px; height: 32px; position: relative; float: left } .price-grid-container .legend-item .legend-text { padding-left: 0 } .price-grid-container .legend-item .nonRefundableIconText { padding-top: 5px } .price-grid-container .close-button-container { top: 30px; right: 30px } .price-grid-container .discount-container { right: 0 } .price-grid-container .date-element { position: relative } .price-grid-container .date-list { height: 64px; padding-bottom: 30px } .price-grid-container .side-bar .vertical-prev-container { top: 25px } .price-grid-container .date-column-1 { width: 38% } .price-grid-container .date-column-2 { width: 76% } .price-grid-container .date-column-3 { width: 114% } .price-grid-container .date-column-4 { width: 152% } .price-grid-container .date-column-5 { width: 190% } .price-grid-container .date-column-6 { width: 228% } .price-grid-container .date-column-7 { width: 266% } .price-grid-container .date-column-8 { width: 304% } .price-grid-container .date-column-9 { width: 342% } .price-grid-container .date-column-10 { width: 380% } .price-grid-container .date-column-11 { width: 418% } .price-grid-container .date-column-12 { width: 456% } .price-grid-container .date-column-13 { width: 494% } .price-grid-container .date-column-14 { width: 532% } .price-grid-container .date-column-15 { width: 570% } .price-grid-container .date-column-16 { width: 608% } .price-grid-container .date-column-17 { width: 646% } .price-grid-container .date-column-18 { width: 684% } .price-grid-container .date-column-19 { width: 722% } .price-grid-container .date-column-20 { width: 760% } .price-grid-container .date-column-21 { width: 798% } .price-grid-container .date-column-22 { width: 836% } .price-grid-container .date-column-23 { width: 874% } .price-grid-container .date-column-24 { width: 912% } .price-grid-container .date-column-25 { width: 950% } .price-grid-container .date-column-26 { width: 988% } .price-grid-container .date-column-27 { width: 1026% } .price-grid-container .date-column-28 { width: 1064% } .price-grid-container .date-column-29 { width: 1102% } .price-grid-container .date-column-30 { width: 1140% } .price-grid-container .date-column-31 { width: 1178% } .price-grid-container .date-column-32 { width: 1216% } .price-grid-container .date-column-33 { width: 1254% } .price-grid-container .date-column-34 { width: 1292% } .price-grid-container .date-column-35 { width: 1330% } .price-grid-container .date-column-36 { width: 1368% } .price-grid-container .date-column-37 { width: 1406% } .price-grid-container .date-column-38 { width: 1444% } .price-grid-container .date-column-39 { width: 1482% } .price-grid-container .date-column-40 { width: 1520% } .price-grid-container .date-column-41 { width: 1558% } .price-grid-container .date-column-42 { width: 1596% } .price-grid-container .date-column-43 { width: 1634% } .price-grid-container .date-column-44 { width: 1672% } .price-grid-container .date-column-45 { width: 1710% } .price-grid-container .date-column-46 { width: 1748% } .price-grid-container .date-column-47 { width: 1786% } .price-grid-container .date-column-48 { width: 1824% } .price-grid-container .date-column-49 { width: 1862% } .price-grid-container .date-column-50 { width: 1900% } .price-grid-container .date-column-51 { width: 1938% } .price-grid-container .date-column-52 { width: 1976% } .price-grid-container .date-column-53 { width: 2014% } .price-grid-container .date-column-54 { width: 2052% } .price-grid-container .date-column-55 { width: 2090% } .price-grid-container .date-column-56 { width: 2128% } .price-grid-container .date-column-57 { width: 2166% } .price-grid-container .date-column-58 { width: 2204% } .price-grid-container .date-column-59 { width: 2242% } .price-grid-container .date-column-60 { width: 2280% } .price-grid-container .date-column-61 { width: 2318% } .price-grid-container .date-column-62 { width: 2356% } .price-grid-container .date-column-63 { width: 2394% } .price-grid-container .date-column-64 { width: 2432% } .price-grid-container .date-column-65 { width: 2470% } .price-grid-container .date-column-66 { width: 2508% } .price-grid-container .date-column-67 { width: 2546% } .price-grid-container .date-column-68 { width: 2584% } .price-grid-container .date-column-69 { width: 2622% } .price-grid-container .date-column-70 { width: 2660% } .price-grid-container .date-column-71 { width: 2698% } .price-grid-container .date-column-72 { width: 2736% } .price-grid-container .date-column-73 { width: 2774% } .price-grid-container .date-column-74 { width: 2812% } .price-grid-container .date-column-75 { width: 2850% } .price-grid-container .date-column-76 { width: 2888% } .price-grid-container .date-column-77 { width: 2926% } .price-grid-container .date-column-78 { width: 2964% } .price-grid-container .date-column-79 { width: 3002% } .price-grid-container .date-column-80 { width: 3040% } .price-grid-container .date-column-81 { width: 3078% } .price-grid-container .date-column-82 { width: 3116% } .price-grid-container .date-column-83 { width: 3154% } .price-grid-container .date-column-84 { width: 3192% } .price-grid-container .date-column-85 { width: 3230% } .price-grid-container .date-column-86 { width: 3268% } .price-grid-container .date-column-87 { width: 3306% } .price-grid-container .date-column-88 { width: 3344% } .price-grid-container .date-column-89 { width: 3382% } .price-grid-container .date-column-90 { width: 3420% } .price-grid-container .date-column-91 { width: 3458% } .price-grid-container .date-column-92 { width: 3496% } .price-grid-container .date-column-93 { width: 3534% } .price-grid-container .date-column-94 { width: 3572% } .price-grid-container .date-column-95 { width: 3610% } .price-grid-container .date-column-96 { width: 3648% } .price-grid-container .date-column-97 { width: 3686% } .price-grid-container .date-column-98 { width: 3724% } .price-grid-container .date-column-99 { width: 3762% } .price-grid-container .date-column-100 { width: 3800% } .price-grid-container .date-column-101 { width: 3838% } .price-grid-container .date-column-102 { width: 3876% } .price-grid-container .date-column-103 { width: 3914% } .price-grid-container .date-column-104 { width: 3952% } .price-grid-container .date-column-105 { width: 3990% } .price-grid-container .date-column-106 { width: 4028% } .price-grid-container .date-column-107 { width: 4066% } .price-grid-container .date-column-108 { width: 4104% } .price-grid-container .date-column-109 { width: 4142% } .price-grid-container .date-column-110 { width: 4180% } .price-grid-container .date-column-111 { width: 4218% } .price-grid-container .date-column-112 { width: 4256% } .price-grid-container .date-column-113 { width: 4294% } .price-grid-container .date-column-114 { width: 4332% } .price-grid-container .date-column-115 { width: 4370% } .price-grid-container .date-column-116 { width: 4408% } .price-grid-container .date-column-117 { width: 4446% } .price-grid-container .date-column-118 { width: 4484% } .price-grid-container .date-column-119 { width: 4522% } .price-grid-container .date-column-120 { width: 4560% } } @media print { .price-grid-container .price-grid-component { display: block; padding: 40px 0 0 } .price-grid-container .side-bar .sidebar-height-container { bottom: 0 } .price-grid-container .itinerary-name-holder { display: none } .price-grid-container .price-grid-component .container { width: 100% } .price-grid-container .price-grid-component .container:after { content: ""; display: block; clear: both } .price-grid-container .price-grid-component .container .grid-container { width: calc(73% - 50px); margin-right: 50px; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .price-grid-container .price-grid-component .actions-side-bar { display: inline-block; width: calc(24.975% - 22.5px); vertical-align: top; margin-left: 0!important } .price-grid-container .price-grid-component .actions-side-bar:nth-child(1n) { float: left; margin-right: 30px; clear: none } .price-grid-container .price-grid-component .actions-side-bar:last-child { margin-right: 0 } .price-grid-container .price-grid-component .actions-side-bar:nth-child(12n) { margin-right: 0; float: right } .price-grid-container .price-grid-component .actions-side-bar:nth-child(12n+1) { clear: both } .price-grid-container .login-drawer-container .title-wrapper { padding-left: 15px } .price-grid-container .grid-container .side-bar { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(13.875% - 12.05556px); flex-basis: calc(13.875% - 12.05556px); max-width: calc(13.875% - 12.05556px); width: calc(13.875% - 12.05556px); margin-left: calc(8.88% + 2.66667px)!important } .price-grid-container .grid-container .side-bar:nth-child(1n) { margin-right: 14px; margin-left: 0 } .price-grid-container .grid-container .side-bar:last-child { margin-right: 0 } .price-grid-container .login-drawer-container .title-wrapper { margin-left: calc(13.32% + 4px)!important; text-align: left } .price-grid-container .login-drawer .arrow-up { margin-left: calc(20% - 8px) } .price-grid-container .login-drawer-container .logged-in { margin-left: calc(13.32% + 4px)!important } .price-grid-container .login-drawer-container .login-container { padding-left: 20px } .price-grid-container .login-drawer-container .logged-info { text-align: left } .price-grid-container .grid-container .price-table-container { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(77.7% - 6.66667px); flex-basis: calc(77.7% - 6.66667px); max-width: calc(77.7% - 6.66667px); width: calc(77.7% - 6.66667px) } .price-grid-container .grid-container .price-table-container:nth-child(1n) { margin-right: 30px; margin-left: 0 } .price-grid-container .grid-container .price-table-container:last-child { margin-right: 0 } .price-grid-container .price-table-container .price-list-container { position: relative } .price-grid-container .price-table-container .price-list-container,.price-grid-container .side-bar .sidebar-height-container { max-height: 297px; overflow: hidden } .price-grid-container .price-body-container { overflow-x: hidden } .price-grid-container .room-list { margin-left: 10px; margin-right: 10px } .price-grid-container .price-body-container .price-element,.price-grid-container .room-list .room-element { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box } .price-grid-container .price-body-container .price-element { vertical-align: bottom } .price-grid-container .room-list .room-element { padding: 10px 0; margin: 0; margin-bottom: 10px } .price-grid-container .room-element .room-type { height: 40px } .price-grid-container .date-group { padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px } .price-grid-container .date-group .price-element,.price-grid-container .date-group:first-child .price-element,.price-grid-container .date-group:last-child .price-element { padding-left: 12px; padding-right: 12px; margin-bottom: 0 } .price-grid-container .date-list .date-element { height: 89px; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0; margin-bottom: 10px } .price-grid-container .date-list { height: auto } .price-grid-container .date-element .date-range { display: inline-block; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .price-grid-container .terms-text { width: 77.7%; margin-left: calc(22.2% + 6.66667px)!important; padding: 0 } .price-grid-container .terms-text:nth-child(1n) { float: left; margin-right: 0; clear: none } .price-grid-container .terms-text:last-child { margin-right: 0 } .price-grid-container .terms-text:nth-child(9n) { margin-right: 0; float: right } .price-grid-container .terms-text:nth-child(9n+1) { clear: both } .price-grid-container .legends { margin: 0 } .price-grid-container .legend-item .legend-text { max-width: 160px; vertical-align: middle } .price-grid-container .tnc-container { padding: 0 } .price-grid-container .actions-side-bar .sidebar-content { display: block; position: relative; width: 100%; top: 50%; -webkit-transform: none; transform: none } .price-grid-container .sidebar-content .itinerary-name-holder { display: block; padding: 0 0 0 10px } .price-grid-container .itinerary-name-holder .itinerary-name { margin: 0 } .price-grid-container .large-only { display: block } .price-grid-container .price-close-button .close-label { display: inline-block } .price-grid-container .price-table-container { overflow: hidden } .price-grid-container .date-element { margin-bottom: 25px } .price-grid-container .price-table-container .table-body { overflow: hidden } .price-grid-container .loading { min-height: 300px } .price-grid-container .price-table-container .room-column-1 { width: calc(24.2% + 25px) } .price-grid-container .room-column-1 .date-group,.price-grid-container .room-column-1 .price-element,.price-grid-container .room-column-1 .room-element { width: 100% } .price-grid-container .price-table-container .room-column-2 { width: calc(48.4% + 25px) } .price-grid-container .room-column-2 .price-element,.price-grid-container .room-column-2 .room-element { width: 50% } .price-grid-container .room-column-2 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-3 { width: calc(72.6% + 25px) } .price-grid-container .room-column-3 .price-element,.price-grid-container .room-column-3 .room-element { width: 33.33333% } .price-grid-container .room-column-3 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-4 { width: calc(96.8% + 25px) } .price-grid-container .room-column-4 .price-element,.price-grid-container .room-column-4 .room-element { width: 25% } .price-grid-container .room-column-4 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-5 { width: calc(121% + 25px) } .price-grid-container .room-column-5 .price-element,.price-grid-container .room-column-5 .room-element { width: 20% } .price-grid-container .room-column-5 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-6 { width: calc(145.2% + 25px) } .price-grid-container .room-column-6 .price-element,.price-grid-container .room-column-6 .room-element { width: 16.66667% } .price-grid-container .room-column-6 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-7 { width: calc(169.4% + 25px) } .price-grid-container .room-column-7 .price-element,.price-grid-container .room-column-7 .room-element { width: 14.28571% } .price-grid-container .room-column-7 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-8 { width: calc(193.6% + 25px) } .price-grid-container .room-column-8 .price-element,.price-grid-container .room-column-8 .room-element { width: 12.5% } .price-grid-container .room-column-8 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-9 { width: calc(217.8% + 25px) } .price-grid-container .room-column-9 .price-element,.price-grid-container .room-column-9 .room-element { width: 11.11111% } .price-grid-container .room-column-9 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-10 { width: calc(242% + 25px) } .price-grid-container .room-column-10 .price-element,.price-grid-container .room-column-10 .room-element { width: 10% } .price-grid-container .room-column-10 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-11 { width: calc(266.2% + 25px) } .price-grid-container .room-column-11 .price-element,.price-grid-container .room-column-11 .room-element { width: 9.09091% } .price-grid-container .room-column-11 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-12 { width: calc(290.4% + 25px) } .price-grid-container .room-column-12 .price-element,.price-grid-container .room-column-12 .room-element { width: 8.33333% } .price-grid-container .room-column-12 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-13 { width: calc(314.6% + 25px) } .price-grid-container .room-column-13 .price-element,.price-grid-container .room-column-13 .room-element { width: 7.69231% } .price-grid-container .room-column-13 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-14 { width: calc(338.8% + 25px) } .price-grid-container .room-column-14 .price-element,.price-grid-container .room-column-14 .room-element { width: 7.14286% } .price-grid-container .room-column-14 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-15 { width: calc(363% + 25px) } .price-grid-container .room-column-15 .price-element,.price-grid-container .room-column-15 .room-element { width: 6.66667% } .price-grid-container .room-column-15 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-16 { width: calc(387.2% + 25px) } .price-grid-container .room-column-16 .price-element,.price-grid-container .room-column-16 .room-element { width: 6.25% } .price-grid-container .room-column-16 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-17 { width: calc(411.4% + 25px) } .price-grid-container .room-column-17 .price-element,.price-grid-container .room-column-17 .room-element { width: 5.88235% } .price-grid-container .room-column-17 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-18 { width: calc(435.6% + 25px) } .price-grid-container .room-column-18 .price-element,.price-grid-container .room-column-18 .room-element { width: 5.55556% } .price-grid-container .room-column-18 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-19 { width: calc(459.8% + 25px) } .price-grid-container .room-column-19 .price-element,.price-grid-container .room-column-19 .room-element { width: 5.26316% } .price-grid-container .room-column-19 .date-group { width: 100% } .price-grid-container .price-table-container .room-column-20 { width: calc(484% + 25px) } .price-grid-container .room-column-20 .price-element,.price-grid-container .room-column-20 .room-element { width: 5% } .price-grid-container .room-column-20 .date-group { width: 100% } } .price-grid-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .price-grid-container:before { content: ""; display: table } .price-grid-container:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .price-grid-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .price-grid-container { padding-left:40px; padding-right: 40px } } .price-grid-container { padding-left: 0; padding-right: 0 } .price-grid-container .date-list .date-element { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .price-grid-container .date-list .date-element { font-size:.875rem; line-height: 1.5rem } } .price-grid-container .date-list .date-element { color: #666 } .price-grid-container .date-element .best-price { font-family: GreycliffCF-bold; font-size: 0.75rem; font-size: .75rem; letter-spacing: 0.0125rem; letter-spacing: .0125rem; text-transform: uppercase; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1 } @media (min-width: 768px) { .price-grid-container .date-element .best-price { font-size:.875rem } } .price-grid-container .date-element .best-price { color: #002776 } .price-grid-container .room-list .room-element { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .price-grid-container .room-list .room-element { font-size:1.375rem; line-height: 1.363 } } .price-grid-container .currency i { line-height: 19px; line-height: 1.1875rem } .price-grid-container .legend-item { padding-right: 10px } .price-grid-container .legend-item .legend-icon { height: 20px } .price-grid-container .room-type.active span { color: #988642 } .price-grid-container .price-body-container .price-button { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .price-grid-container .price-body-container .price-button { font-size:1rem; line-height: 1.625 } } .price-grid-container .price-body-container .price-button { color: #0076ce; border-color: #0076ce; font-family: GreycliffCF-bold } .price-grid-container .price-body-container .price-button.sold-out { color: #666; border-color: #666 } .price-grid-container .price-body-container .price-button.active { background-color: #0076ce; color: #fff } .price-grid-container .confirm-price-cta-holder .confirm-price { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .price-grid-container .confirm-price-cta-holder .confirm-price { font-size:1rem; width: auto; border-radius: 10px } } .price-grid-container .confirm-price-cta-holder .confirm-price:hover { background: #b0263a } .price-grid-container .confirm-price-cta-holder .confirm-price.active,.price-grid-container .confirm-price-cta-holder .confirm-price:active,.price-grid-container .confirm-price-cta-holder .confirm-price:focus { background: #b10f26 } .price-grid-container .confirm-price-cta-holder .confirm-price.disabled,.price-grid-container .confirm-price-cta-holder .confirm-price[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .price-grid-container .confirm-price-cta-holder .confirm-price.disabled { opacity: 1 } .price-grid-container .legends .legend-item { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .price-grid-container .legends .legend-item { font-size:.75rem } } .price-grid-container .legends .legend-item { color: #666 } .price-grid-container .specialOffers .specialOffersIcon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAyMi43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAyMi43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzAwMjc3Njt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+Cjx0aXRsZT5GbGFnMV9EZWZhdWx0PC90aXRsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMHYxNy42YzAsMi44LTIuMiw1LTUsNUg1Yy0yLjgsMC01LTIuMi01LTVWMCIvPgo8L2c+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMC41LDE0LjNsMC4zLDFMNy45LDEzbC0zLDIuMmwxLjMtMy42bC0zLTIuNGwzLjcsMC4xbDEuMi0zLjZsMSwzLjdsMy43LDAuMWwtMywyLjJMMTAuNSwxNC4zIi8+Cjwvc3ZnPgo=) } .price-grid-container .active .specialOffers .specialOffersIcon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAyMi43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAyMi43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6IzAwMjc3Njt9Cjwvc3R5bGU+Cjx0aXRsZT5GbGFnMV9EZWZhdWx0PC90aXRsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMHYxNy42YzAsMi44LTIuMiw1LTUsNUg1Yy0yLjgsMC01LTIuMi01LTVWMCIvPgo8L2c+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMC41LDE0LjNsMC4zLDFMNy45LDEzbC0zLDIuMmwxLjMtMy42bC0zLTIuNGwzLjcsMC4xbDEuMi0zLjZsMSwzLjdsMy43LDAuMWwtMywyLjJMMTAuNSwxNC4zIi8+Cjwvc3ZnPgo=) } .price-grid-container .nonRefundable .nonRefundableIcon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAyMi43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAyMi43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzAwNzZDRTt9Cjwvc3R5bGU+Cjx0aXRsZT5GbGFnMV9EZWZhdWx0PC90aXRsZT4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAuOCwyMi43SDUuMmMtMi45LDAtNS4yLTIuNC01LjItNS40VjBoMC45djE3LjNjMCwyLjUsMS45LDQuNCw0LjIsNC40aDUuNmMyLjQsMCw0LjItMS45LDQuMi00LjRWMEgxNgoJCQl2MTcuM0MxNiwyMC4zLDEzLjcsMjIuNywxMC44LDIyLjd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) } .price-grid-container .active .nonRefundable .nonRefundableIcon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAyMi43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAyMi43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+Cjx0aXRsZT5GbGFnMV9EZWZhdWx0PC90aXRsZT4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAuOCwyMi43SDUuMmMtMi45LDAtNS4yLTIuNC01LjItNS40VjBoMC45djE3LjNjMCwyLjUsMS45LDQuNCw0LjIsNC40aDUuNmMyLjQsMCw0LjItMS45LDQuMi00LjRWMEgxNgoJCQl2MTcuM0MxNiwyMC4zLDEzLjcsMjIuNywxMC44LDIyLjd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) } .price-grid-container .tnc-container { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .price-grid-container .tnc-container { font-size:.75rem } } .price-grid-container .tnc-container { color: #666; margin-top: 25px } .price-grid-container .tnc-container p:last-child { margin-bottom: 12px } .price-grid-container .itinerary-name-holder .itinerary-name { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400 } @media (min-width: 768px) { .price-grid-container .itinerary-name-holder .itinerary-name { font-size:1.875rem; line-height: 1.333 } } .price-grid-container .itinerary-name-holder .itinerary-name { color: #002776 } .price-grid-container .horizontal-next-container .horizontal-next,.price-grid-container .horizontal-prev-container .horizontal-prev,.price-grid-container .vertical-next-container .vertical-next,.price-grid-container .vertical-prev-container .vertical-prev { cursor: pointer; color: #0076ce } .price-grid-container .horizontal-prev-container .horizontal-prev:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E928"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .price-grid-container .horizontal-prev-container .horizontal-prev:before { font-size:1.125rem } } .price-grid-container .horizontal-next-container .horizontal-next:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92D"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .price-grid-container .horizontal-next-container .horizontal-next:before { font-size:1.125rem } } .price-grid-container .vertical-prev-container .vertical-prev:before { content: "\E92F" } .price-grid-container .vertical-next-container .vertical-next:before,.price-grid-container .vertical-prev-container .vertical-prev:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0.875rem; font-size: .875rem } .price-grid-container .vertical-next-container .vertical-next:before { content: "\E91E" } .price-grid-container .close-button-container .price-close-button { font-family: Praxis-regular; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.08rem; letter-spacing: .08rem } @media (min-width: 768px) { .price-grid-container .close-button-container .price-close-button { font-size:1rem } } .price-grid-container .close-button-container .price-close-button { color: #666 } .price-grid-container .price-close-button .close-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjAyODVCO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHRpdGxlPk1vZGFsQ2xvc2VfWF9TbTwvdGl0bGU+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIwLjQiIHkxPSIwLjQiIHgyPSIxOS42IiB5Mj0iMTkuNiIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTkuNiIgeTE9IjAuNCIgeDI9IjAuNCIgeTI9IjE5LjYiLz4KPC9zdmc+Cg==) } .price-grid-container .included-item { display: none; opacity: 0; visibility: hidden } .price-grid-container .loading { background: url(/etc.clientlibs/settings/wcm/designs/po/explorebook/resources/images/loading-icon.gif) no-repeat 50% } .price-grid-container .side-bar .sidebar-height-container { bottom: 10px } .price-grid-container .side-bar .vertical-prev-container { top: 60px } .price-grid-container .price-table-container .horizontal-prev-container { left: -22px; padding-top: 20px } .price-grid-container .price-table-container .horizontal-next-container { width: 22%; padding-bottom: 4px; padding-top: 20px } .price-grid-container .date-group { background: #f2f0e8 } .show-focus-outlines .price-grid-container .price-body-container .price-button:focus { outline: 1px auto #3b99fc } @media (min-width: 768px) { .price-grid-component .room-list .room-element { font-size:.875rem } .price-grid-component .price-body-container .price-button.sold-out { font-size: 1rem } .price-grid-component .terms-text { margin: auto; text-align: center } .price-grid-component .legends .legend-item { display: inline-block } .price-grid-component .price-table-container .horizontal-prev-container { left: -40px } .price-grid-component .price-table-container .horizontal-next-container,.price-grid-component .price-table-container .horizontal-prev-container { padding-top: 23px } .price-grid-component .price-table-container .horizontal-next-container { width: 6%; padding-bottom: 8px } .price-grid-component .price-grid-footer { margin-bottom: 0 } .price-grid-container { background: none } .price-grid-container .login-drawer-container { margin-bottom: 20px } .price-grid-container .date-group .price-element,.price-grid-container .room-list .room-element { padding: 25px 12px } .price-grid-container .actions-side-bar,.price-grid-container .login-holder { margin-left: calc(16.65% + 5px)!important; padding-left: 45px } .price-grid-container .login-drawer-container .title-wrapper { padding-left: 77px; text-align: left } .price-grid-container .price-table-container .price-list-container { max-height: 500px } .price-grid-container .tnc-container p:last-child { margin-bottom: 90px } } @media (min-width: 1025px) { .price-grid-component .tnc-container { margin:20px 0 0; text-align: left } .price-grid-component .tnc-container p:last-child { margin-bottom: 0 } .price-grid-component .sidebar-content .itinerary-name-holder { margin: 55px 0 90px } .price-grid-component .grid-container { margin-bottom: 0 } .price-grid-component .terms-text { text-align: unset } .price-grid-component .date-list .date-element { text-align: center; height: 101px } .price-grid-component .actions-side-bar,.price-grid-component .login-holder { padding-left: 0 } .price-grid-component .container .login-holder { margin-left: calc(8.325% + 2.5px)!important } .price-grid-component .itinerary-name-holder .itinerary-name { text-align: center } .price-grid-component .login-drawer-container { padding: 0 } .price-grid-component .login-container .login-form { float: none } .price-grid-component .horizontal-next-container,.price-grid-component .horizontal-prev-container { margin-top: 5px } .price-grid-component .price-table-container .horizontal-prev-container { left: 0 } .show-focus-outlines .price-grid-component .price-close-button:focus { outline: 1px auto #3b99fc } .price-grid-container { padding-left: 60px; padding-right: 60px } .price-grid-container .price-grid-component .container .grid-container { width: calc(66.6% - 16.66667px) } .price-grid-container .price-grid-component .container .grid-container:nth-child(1n) { float: left; margin-right: 50px; clear: none } .price-grid-container .price-grid-component .container .grid-container:last-child { margin-right: 0 } .price-grid-container .price-grid-component .container .grid-container:nth-child(12n) { margin-right: 0; float: right } .price-grid-container .price-grid-component .container .grid-container:nth-child(12n+1) { clear: both } .price-grid-container .price-grid-component { padding-bottom: 50px; margin-bottom: 50px; background-color: #f7f7f7 } .price-grid-container .room-list .room-element { padding: 0; display: inline-block; vertical-align: middle } .price-grid-container .date-group .price-element { padding: 18px 12px } .price-grid-container .confirm-price-cta-holder { margin-bottom: 0 } .price-grid-container .side-bar .sidebar-height-container { bottom: auto; z-index: 0; max-height: 327px; top: 53px } .price-grid-container .price-table-container .horizontal-next-container { width: auto; padding-bottom: 0; padding-top: inherit } .price-grid-container .price-table-container .horizontal-prev-container { padding-top: inherit } .price-grid-container .side-bar .vertical-next-container { bottom: -30px } .price-grid-container .side-bar .vertical-prev-container { top: 20px; z-index: 10 } .price-grid-container .price-table-container .price-list-container { max-height: 327px } .price-grid-container .login-drawer-container .title-wrapper { padding-left: 0; margin-left: 0!important; margin-right: 30px!important } .price-grid-container .login-holder { clear: both; padding: 0 80px } } .special-offers-overlay { color: transparent } .special-offers-overlay .offers-overlay-container { border: 1px solid #ccc; text-align: center; background: #fff; padding-top: 10px } .special-offers-overlay .overlay-view-itinerary { font-family: GreycliffCF-bold; font-size: 16px; font-size: 1rem } .special-offers-overlay .terms-conditions-overlay p,.special-offers-overlay .terms-conditions-overlay span { font-size: 0.75rem; font-size: .75rem; color: transparent; margin-top: 0 } .special-offers-overlay .overlay-description { line-height: 28px; line-height: 1.75rem } .special-offers-overlay .offers-close-img:before { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E906"; font-size: 16px; font-size: 1rem } .special-offers-overlay .header { text-align: right; height: 22px; padding-right: 15px } .special-offers-overlay .offers-close { background: transparent; border: none; margin-right: -33px } .special-offers-overlay .offers-close-img { cursor: pointer } .special-offers-overlay .offers-overlay-wrapper+.offers-overlay-wrapper { border-top: 1px solid #ccc } .offers-overlay-wrapper.three-children,.offers-overlay-wrapper.two-children { padding-bottom: 30px } .offers-overlay-wrapper { padding-top: 25px } .offers-overlay-wrapper header { text-align: right } .offers-overlay-wrapper .terms-link { font-size: 0.75rem; font-size: .75rem; color: transparent } .offers-overlay-wrapper .offers-close-label { text-transform: uppercase; color: #988642 } .offers-overlay-wrapper .offers-close-img { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiI+CiAgPGltYWdlIGlkPSJMYXllcl8wIiBkYXRhLW5hbWU9IkxheWVyIDAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFCWUFBQUFWQ0FNQUFBQjEvdTZuQUFBQUJHZEJUVUVBQUxHUEMveGhCUUFBQUNCalNGSk5BQUI2SmdBQWdJUUFBUG9BQUFDQTZBQUFkVEFBQU9wZ0FBQTZtQUFBRjNDY3VsRThBQUFBMkZCTVZFVXJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4ck9HOHJPRzhyT0c4QUFBRHhFdkhUQUFBQVIzUlNUbE1BcDBJOHFVSHJTK2hFT0ZmcE1lWmdReWprYkQwaDNuZ2IxNFVXenBJQjZoSEhuQU1NdnFnSnh2bEdQc0M4QzBDZ3hROC9sYzBVaU5ZWmU5d2djT0VuWk9VdVdUWk9xeC9CaElRQUFBQUJZa3RIUkVkZ3ZjbDdBQUFBQ1hCSVdYTUFBQXNTQUFBTEVnSFMzWDc4QUFBQUIzUkpUVVVINFFRS0VRY0pvSWpEQndBQUFLWkpSRUZVR05OdHp0Y09nbEFRQk5BUkJjSGV1NkNpV0ZCUnNmZisvNThrQkF4d2wzM1p5VWsyTzRod0lCT05nUmZpUkVVSlNJaEpSbE9TdmRLWmJGQnpUc2dYaXA2Vy9ncVVLMVZQZlJWcTlVYUlBczFXVzdaVlllcDJ1ajNWVXA0dDJ4OW9IRlZnT0JwUHFFSlhwck01VmNGUUY4c1ZVUk9RMTVzdFZXdDIrNE5QVFVGMzAvRjBEbEhnY3IyNXlmQXBjSDg4SFZYMHdKK1grQTVSNEdOZmYxa0ZKTzBIUGV3T2cwdW8xaHNBQUFBQVNVVk9SSzVDWUlJPSIvPgo8L3N2Zz4K) } .offers-overlay-wrapper .offers-content-block img { margin-bottom: 0 } .offers-overlay-wrapper footer { padding-top: 20px } .offers-content-block { vertical-align: middle } .offers-content-block h3 { font-size: 24px; font-size: 1.5rem; color: transparent } .offers-content-block hr.static-decorator { border: none; color: #002776; background-color: #002776 } .offers-content-block .offers-overlay-title { color: #fff; font-size: 0.875rem; font-size: .875rem; font-family: Praxis-regular } .offers-content-block .offers-overlay-subheader { font-family: GreycliffCF-bold; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.8125rem; font-size: .8125rem; line-height: 1.15; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .offers-content-block .offers-overlay-subheader { font-size:1.375rem; line-height: 1.363 } } .offers-content-block .offers-overlay-subheader { color: #666 } .offers-content-block p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .offers-content-block p { font-size:1.125rem; line-height: 1.555 } } .offers-content-block .overlay-description p { margin-bottom: 35px } .offers-content-block .cta-link { font-size: 0.875rem; font-size: .875rem; background: #0076ce; color: #666; display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 14px; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .offers-content-block .cta-link { font-size:1rem; width: auto; border-radius: 10px } } .offers-content-block .cta-link:hover { background: #b0263a } .offers-content-block .cta-link.active,.offers-content-block .cta-link:active,.offers-content-block .cta-link:focus { background: #b10f26 } .offers-content-block .cta-link.disabled,.offers-content-block .cta-link[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .offers-content-block .cta-link { padding: 18px 30px } .offers-content-block .offers-title-container { background: #011949; color: #fff; display: inline-block; position: relative; width: 220px; padding: 10px; border-radius: 10px } .special-offers-terms .aria-modal { background: #fff } .special-offers-terms .aria-modal .close { color: #666 } .special-offers-terms .aria-modal .close-label { font-family: serif; font-size: medium; font-style: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; font-weight: 400; font-stretch: normal; line-height: normal; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: normal; font: initial; color: #666 } .special-offers-terms .aria-modal .close:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjAyODVCO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHRpdGxlPk1vZGFsQ2xvc2VfWF9TbTwvdGl0bGU+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIwLjQiIHkxPSIwLjQiIHgyPSIxOS42IiB5Mj0iMTkuNiIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTkuNiIgeTE9IjAuNCIgeDI9IjAuNCIgeTI9IjE5LjYiLz4KPC9zdmc+Cg==) 99% no-repeat } .special-offers-terms h2.title { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .special-offers-terms h2.title { font-size:1.875rem; line-height: 1.333 } } .special-offers-terms h2.title { color: #666 } .special-offers-terms .terms-description { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .special-offers-terms .terms-description { font-size:1rem; line-height: 1.625 } } .special-offers-terms .terms-description { color: transparent } .search-provider-container .search-results .legal-container { text-decoration: underline } .search-results-tile.special-offers-open .special-offers-overlay .offers-overlay-container { margin: 0; height: 100%; padding-top: 10px } @media (min-width: 1025px) { .offers-content-block h3 { font-size:1.875rem } .offers-content-block p { margin-bottom: 43px; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 1025px) and (min-width:768px) { .offers-content-block p { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .offers-content-block .overlay-description p { margin-bottom:30px } .offers-content-block img { padding-bottom: 20px } .offers-content-block .cta-link { font-size: 1rem } .offers-content-block { footer { padding-top: 10px } } .special-offers-overlay { height: 584px } .special-offers-overlay header { padding-top: 0 } .special-offers-overlay .offers-container { padding: 10px 30px 0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .special-offers-overlay .overlay-description { width: 80%; margin: 0 auto } .special-offers-overlay .offers-close-img:before { font-size: 1.25rem } .special-offers-overlay .offers-overlay-wrapper.two-children { width: 37%; padding: 20px 50px; display: inline-block } .special-offers-overlay .offers-overlay-wrapper.three-children { width: 30%; padding: 20px 50px; display: inline-block } .special-offers-overlay .offers-overlay-wrapper+.offers-overlay-wrapper { border-top: 0; border-left: 1px solid #ccc } .special-offers-overlay .offers-overlay-container .offers-close { margin-right: 0; margin-top: 0; padding-right: 0 } .special-offers-overlay .offers-overlay-container { margin: 0; height: 100%; width: 100% } .offers-overlay-wrapper .offers-overlay-main { min-height: 200px; max-width: 330px; margin: auto; height: auto } .search-results-tile.special-offers-open .special-offers-overlay .offers-overlay-container { height: 100%; width: 100%; padding: 10px 0 0 } } .destination-tile-card { -webkit-box-shadow: none; box-shadow: 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; position: relative } .destination-tile-card p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .destination-tile-card p { font-size:1rem; line-height: 1.625 } } .destination-tile-card p { color: #666 } .destination-tile-card .description-container { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .destination-tile-card .description-container { font-size:1rem; line-height: 1.625 } } .destination-tile-card .description-container { color: #666 } .destination-tile-card h3 { color: #988642; font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .destination-tile-card h3 { font-size:1.5rem; line-height: 1.333 } } .destination-tile-card h3 { text-align: left } .destination-tile-card a { text-decoration: none } .destination-tile-card .card-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .destination-tile-card .content-align-center,.destination-tile-card .image-holder { text-align: center } .destination-tile-card .content-holder { padding-bottom: 20px; -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; position: relative } .destination-tile-card .content-holder,.destination-tile-card .content-holder .text-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .destination-tile-card .cta-content .price-block { width: 65%; padding-right: 10px } .destination-tile-card .content-holder .bottom-block { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-top: 1px solid #e3e2e8; padding-top: 20px; margin-top: 10px } .destination-tile-card .content-align-left { text-align: left } .destination-tile-card .card-content { padding: 20px 15px } .destination-tile-card .secondary-cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .destination-tile-card .secondary-cta { font-size:1.125rem; border-radius: 15px } } .destination-tile-card .secondary-cta { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .destination-tile-card .secondary-cta:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .destination-tile-card .secondary-cta:after { font-size:1.125rem } } .destination-tile-card .secondary-cta:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .destination-tile-card .secondary-cta:after { font-size:.75rem } } @media (min-width: 768px) { .destination-tile-card .secondary-cta { font-size:1rem } } .destination-tile-card .secondary-cta { padding-bottom: 10px } .destination-tile-card .secondary-cta:after { top: -1px } .destination-tile-card .secondary-cta.single:after { top: -3px } .destination-tile-card .package-name { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .destination-tile-card .package-name { font-size:1.125rem; border-radius: 15px } } .destination-tile-card .package-name { margin-bottom: 10px } .destination-tile-card .cta-content { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .destination-tile-card .currency { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .destination-tile-card .currency { font-size:1.5rem; line-height: 1.333 } } .destination-tile-card .currency { font-family: GreycliffCF-bold; color: #988642; padding: 0 5px } .destination-tile-card .cta-content .label-one { display: block; text-align: left; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .destination-tile-card .cta-content .label-one { font-size:.75rem } } .destination-tile-card .cta-content .label-one { color: #666; margin-top: 0 } .destination-tile-card .cta-content .label-two { display: inline-block } .destination-tile-card .cta-block { -webkit-box-align: end; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .destination-tile-card .cta-block,.destination-tile-card .secondary-cta.single { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end } .destination-tile-card .secondary-cta.single { margin: 0 auto; -webkit-box-align: end; height: 100%; padding: 5px 0 0 } .destination-tile-card .cta-container { text-align: center } .destination-tile-card .panel-text { text-transform: none; font-family: Praxis-regular; color: #666; text-align: center; font-size: 0.5625rem; font-size: .5625rem; border-top: 1px solid hsla(0, 0%, 65%, .5); padding-top: 10px; margin-top: 15px } .destination-tile-card .room-type { color: transparent; font-family: GreycliffCF-bold; font-size: 16px; font-size: 1rem; display: none } .destination-tile-card .disclaimer-text p { line-height: 0.125rem; line-height: .125rem; display: none } .destination-tile-card .top-banner { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f2f0e8; display: inline-block; height: 40px; line-height: 40px; line-height: 2.5rem; position: absolute; color: #fff; font-family: Praxis-regular; left: 50%; -webkit-transform: translateX(-53%); transform: translateX(-53%); top: -20px; padding: 0 20px; font-size: 16px; font-size: 1rem; min-width: 235px } .destination-tile-card .top-banner:after,.destination-tile-card .top-banner:before { content: ""; position: absolute; display: block; top: 0; border: 20px solid #f2f0e8; border-left-width: 11px; border-right-width: 11px } .destination-tile-card .top-banner:before { content: none; left: 10px; border-right-width: 0; border-left-color: transparent } .destination-tile-card .top-banner:after { content: none; right: 10px; border-left-width: 0; border-right-color: transparent } .destination-tile-card .top-banner a { color: #fff } .destination-tile-card .top-banner { background-color: transparent; top: -12px; left: 10%; right: 10%; -webkit-transform: translateX(0); transform: translateX(0) } .destination-tile-card .top-banner .offers-icon { display: none } .destination-tile-card .top-banner .offers-label { border-bottom: none } .destination-tile-card .top-banner .special-offer-btn { cursor: pointer } .destination-tile-card .cta-content .label-two { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .destination-tile-card .cta-content .label-two { font-size:.75rem } } .destination-tile-card .slick-list { overflow: visible } .destination-tile-card .price-block { max-width: 50% } .destination-tile-card .disclaimer-text .legal-container { font-family: Praxis-regular; -webkit-font-feature-settings: "kern" 1,"liga" 1,"calt" 1,"clig" 1,"ss03" 1; font-feature-settings: "kern" 1,"liga" 1,"calt" 1,"clig" 1,"ss03" 1; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; color: #002776; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-decoration: none; border-bottom: 1px solid #002776; font-size: 0.5625rem; font-size: .5625rem } @media (min-width: 768px) { .destination-tile-card .disclaimer-text .legal-container { font-size:.75rem } } .destination-tile-card .disclaimer-text .legal-container { color: #666 } .destination-tile-card .content-holder .roundels { top: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; position: absolute } .destination-tile-card .roundels { left: unset; -webkit-transform: none; transform: none; top: calc(50% - 120px) } .destination-tile-card.roundel-class .package-name,.destination-tile-card.roundel-class .title-container { width: 60%; min-height: 50px } .three-up-container.col-3 .destination-tile-card { overflow: visible } @media (min-width: 768px) { .destination-tile-card .card-content { padding:25px 30px } .destination-tile-card .package-name { margin-bottom: 20px } .destination-tile-card .price-block { width: auto } .destination-tile-card .currency { font-family: GreycliffCF-light; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } } @media (min-width: 768px) and (min-width:768px) { .destination-tile-card .currency { font-size:1.875rem; line-height: 1.333 } } @media (min-width: 768px) { .destination-tile-card .currency { font-family:GreycliffCF-medium; color: #988642 } .destination-tile-card .content-holder { padding: 20px 30px } .destination-tile-card .roundels { right: 25px } } @media (min-width: 1025px) { .destination-tile-card { position:relative } .destination-tile-card .cta-block { margin-top: 10px } .destination-tile-card .card-container .image-holder { overflow: hidden } } .destination-tile-cards.column3 .card-content { text-align: center } .destination-tile-cards.column4 .card-content { text-align: left } .destination-tile-card img { width: 100%; margin: 0 auto; padding: 0; display: block } .destination-tile-card .content-holder { padding: 20px 15px } .destination-tile-card .title-container { width: 100%; display: block } .destination-tile-card .description-container,.destination-tile-card p { margin: 0; word-wrap: break-word } .destination-tile-card .disclaimer-text p { margin: 0 } .destination-tile-card h3 { margin-bottom: 8px; margin-top: 0 } .destination-tile-card .image-holder { position: relative } .destination-tile-card .top-banner .offers-label { overflow: hidden } .destination-tile-card .secondary-cta { padding-bottom: 6px; font-size: 16px; font-size: 1rem; white-space: nowrap } .destination-tile-card .cta-container { padding-bottom: 17.5px } .destination-tile-card a.card-container .price-block .disclaimer-text,.destination-tile-card a.card-container .price-block .disclaimer-text p { text-decoration: none } @media (min-width: 1025px) { .destination-tile-card .content-holder { padding:20px 38px } .destination-tile-card h3 { margin-bottom: 10px } .destination-tile-card p { margin: 0 } .destination-tile-card .cta-container { padding-bottom: 0 } .destination-tile-card img { width: 100% } .destination-tile-card a.card-image { display: block } } .special-offers-container .slider-wrapper { position: relative } .special-offers-container .slick-track { padding-left: 1.5% } .special-offers-container .container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .special-offers-container .container .special-offers-overlay,.special-offers-container .container .special-offers-overlay .offers-overlay-container,.special-offers-container .slider-wrapper .special-offers-overlay,.special-offers-container .slider-wrapper .special-offers-overlay .offers-overlay-container { height: 100% } .special-offers-container .special-offers-panel-text { text-align: center; margin: 20px auto; max-width: 50% } .special-offers-container .destination-tile-card { max-width: 480px; margin: 0 auto; margin-right: 15px; margin-top: 20px; margin-bottom: 20px; display: inline-block; width: 100%; padding-bottom: 20px } .special-offers-container { .destination-tile-card .cta-block { min-width: 45% } } .special-offers-container .image-holder { position: relative } .special-offers-container .card-content { padding: 40px } .special-offers-container .ctaButtonBlock { padding-top: 40px; margin: 0 35px } .special-offers-container .ctaButtonBlock .primary-cta { padding: 20px 60px } .special-offers-container .carousel-controls { -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; padding-top: 40px } .special-offers-container .tnc { padding: 20px 20px 0; max-width: 300px; margin: 0 auto } .special-offers-container .slick-slide,.special-offers-container .slick-track { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex } .special-offers-container .slick-slide { height: 100% } .special-offers-container .disclaimer-text a.legal-container { text-decoration: underline } @media (min-width: 481px) { .special-offers-container .slick-track { padding-left:0; margin-left: -25% } } @media (min-width: 768px) { .special-offers-container .slick-track { -js-display:flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; padding-left: 5% } .special-offers-container .slick-slide { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% } .special-offers-container .destination-tile-card { margin-right: 25px; margin-left: 0; max-width: 360px } .special-offers-container .card-content { padding: 40px } .special-offers-container p { margin-bottom: 20px } .special-offers-container .tnc { max-width: 560px; margin: 0 auto } .special-offers-container .price-block .currency { font-size: 1.5625rem } .special-offers-container .ctaButtonBlock { width: 33%; margin: 0 auto } } @media (min-width: 981px) { .special-offers-container { -webkit-box-sizing:border-box; box-sizing: border-box; margin-left: auto; margin-right: auto } .special-offers-container .destination-tile-card h2 { margin: 0 0 25px } .special-offers-container .ctaButtonBlock { width: 19%; margin: 0 auto } .special-offers-container .slick-track { padding-left: 0; margin-left: -50% } .special-offers .offers-overlay-container { max-width: 1360px; margin: 0 auto } } @media (min-width: 1025px) { .special-offers-container .destination-tile-card { width:calc(33.3% - 13.33333px) } .special-offers-container .destination-tile-card:nth-child(1n) { float: left; margin-right: 20px; clear: none } .special-offers-container .destination-tile-card:last-child { margin-right: 0 } .special-offers-container .destination-tile-card:nth-child(3n) { margin-right: 0; float: right } .special-offers-container .destination-tile-card:nth-child(3n+1) { clear: both } .special-offers-container .destination-tile-card { width: 33.3%; max-width: none } .special-offers-destination { max-width: 1280px; margin: auto } } .special-offers-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .special-offers-container:before { content: ""; display: table } .special-offers-container:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .special-offers-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .special-offers-container { padding-left:40px; padding-right: 40px } } .special-offers-container { padding-left: 0; padding-right: 0 } .special-offers-container .image-holder { text-align: center } .special-offers-container .card-content { color: transparent } .special-offers-container .ctaButtonBlock { text-align: center; text-transform: uppercase; padding-top: 20px } .special-offers-container .ctaButtonBlock .primary-cta { display: inline-block; text-align: center; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .special-offers-container .ctaButtonBlock .primary-cta { font-size:1rem; width: auto; border-radius: 10px } } .special-offers-container .ctaButtonBlock .primary-cta:hover { background: #b0263a } .special-offers-container .ctaButtonBlock .primary-cta.active,.special-offers-container .ctaButtonBlock .primary-cta:active,.special-offers-container .ctaButtonBlock .primary-cta:focus { background: #b10f26 } .special-offers-container .ctaButtonBlock .primary-cta.disabled,.special-offers-container .ctaButtonBlock .primary-cta[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .special-offers-container .ctaButtonBlock .primary-cta { text-decoration: none } .special-offers-container .destination-tile-card { overflow: visible; text-align: left; -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; padding-bottom: 0 } .special-offers-container .destination-tile-card .disclaimer-text p { display: block } .special-offers-container .description-container p { margin-bottom: 20px; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .special-offers-container .description-container p { font-size:1rem; line-height: 1.625 } } .special-offers-container .card-component.destination-tile-card { margin-bottom: 10px; margin-right: 10px; margin-left: 10px } .special-offers-container .special-offers-panel-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .special-offers-container .special-offers-panel-text { font-size:.875rem; line-height: 1.5rem } } .special-offers-container .special-offers-panel-text { margin: 0 auto } .special-offers-container .card-container { border: 1px solid rgba(0, 39, 118, .35); position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .special-offers-container .destination-tile-card .content-holder { padding-bottom: 20px; min-height: 230px } .special-offers-container .legal-container { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .special-offers-container .legal-container { font-size:.75rem } } .special-offers-container .legal-container { color: #666; text-align: center; line-height: 1.1 } .special-offers-container .disclaimer-text { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .special-offers-container .disclaimer-text { font-size:.75rem } } .special-offers-container .disclaimer-text { color: #666; text-align: center; line-height: 1.1 } .special-offers-container .disclaimer-text p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .special-offers-container .disclaimer-text p { font-size:.75rem } } .special-offers-container .disclaimer-text p { color: #666; text-align: center; line-height: 1.1 } .special-offers-container .disclaimer-text a { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .special-offers-container .disclaimer-text a { font-size:.75rem } } .special-offers-container .disclaimer-text a { color: #666; text-align: center; line-height: 1.1; text-decoration: underline } .special-offers-container .card-text-content a { text-decoration: none; color: #988642 } .special-offers-container .ctaBlock { text-align: center } .special-offers-container .ctaBlock a { text-decoration: none; color: #f2f0e8 } .special-offers-container .destination-tile-card .disclaimer-text p { line-height: 1.1; text-align: left; margin-bottom: 5px } .special-offers-container .carousel-controls { padding-top: 0 } .special-offers-container .disclaimer-text a.legal-container { text-decoration: none } .special-offers-container .destination-tile-card .content-holder .bottom-block { border: none; padding-top: 0 } .special-offers-container,.special-offers-destination { text-align: center } .special-offers-container .panel-text-outer,.special-offers-destination .panel-text-outer { text-align: center; border-top: 1px solid #a7a7a7; padding: 15px 15px 0; margin-top: 15px; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .special-offers-container .panel-text-outer,.special-offers-destination .panel-text-outer { font-size:.875rem; line-height: 1.5rem } } .special-offers-container .disclaimer-text,.special-offers-destination .disclaimer-text { padding-bottom: 5px } @media (min-width: 481px) { .special-offers-container .ctaButtonBlock { width:60%; margin: auto } .special-offers-container .slick-track { padding-left: 0 } .special-offers-container .image-holder:after { width: 100%; margin-left: -16px } } @media (min-width: 768px) { .special-offers-container .bottom-block .price-block .currency { font-family:GreycliffCF-light; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } } @media (min-width: 768px) and (min-width:768px) { .special-offers-container .bottom-block .price-block .currency { font-size:1.875rem; line-height: 1.333 } } @media (min-width: 768px) { .special-offers-container .bottom-block .price-block .currency { font-family:GreycliffCF-medium; color: #988642; padding-left: 0; line-height: 1.25rem } .special-offers-container .ctaButtonBlock { padding-top: 30px } .special-offers-container .destination-tile-card { margin-bottom: 30px; width: 360px } .special-offers-container .image-holder:after { height: 40px; margin-left: -4px; width: 100% } .special-offers-container .description-container p { line-height: 1.25 } .special-offers-container .disclaimer-text { padding: 10px 0 5px } .special-offers-container .disclaimer-text p { margin-bottom: 0; margin-top: 5px } .special-offers-container .disclaimer-text a { text-decoration: underline } .special-offers-container .destination-tile-card .price-block { width: 60%; max-width: none } .special-offers-container .destination-tile-card .secondary-cta { border-bottom: 1px solid; border-radius: 0 } .special-offers-container .destination-tile-card .cta-block { margin-top: 10px } .special-offers-container .destination-tile-card .cta-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .special-offers-container .slick-slide { height: auto } } @media (min-width: 981px) { .special-offers-container .slick-track { padding-left:15px; padding-right: 15px } } @media (min-width: 1025px) { .special-offers-container .destination-tile-card { max-width:360px } .special-offers-container .disclaimer-text { padding: 10px 0 5px } .special-offers-destination { max-width: 1130px } } .three-up-container .destination-tile-cards { margin-right: auto; margin-top: 40px; margin-bottom: 15px; 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.col-3 .destination-tile-card { margin: 10px 8px 15px; width: 100%; overflow: hidden; padding-bottom: 20px } @media (min-width: 481px) { .three-up-container.col-3 .destination-tile-card { width:100%; max-width: 420px } .three-up-container.col-3 .slick-track { padding-left: 0; margin-left: -25% } } @media (min-width: 981px) { .three-up-container.col-3 .destination-tile-cards { margin-top:40px } .three-up-container.col-3 .destination-tile-cards .slick-list { padding-left: 10px } .three-up-container.col-3 .destination-tile-cards .content-holder { padding-bottom: 10px } .three-up-container.col-3 .slick-track { padding-left: 0; margin-left: -50% } .three-up-container.col-3 .slick-slide { overflow: hidden; padding: 15px 0 25px } .three-up-container.col-3 .destination-tile-card { overflow: visible } .three-up-container.col-3 .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.col-3 .unslicked .destination-tile-card { width: 90%; padding-bottom: 10px } } @media (min-width: 1025px) { .three-up-container .destination-tile-cards { margin-top:40px } .three-up-container .destination-tile-card { max-width: 360px } .three-up-container.col-3 { margin: 0 auto } .three-up-container.col-3 .destination-tile-cards { margin-top: 0 } .three-up-container.col-3 .destination-tile-card { margin: 20px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 380px } .three-up-container.col-3 .destination-tile-card .content-holder { padding-bottom: 20px } .three-up-container.col-3 .unslicked .destination-tile-card { float: left; width: 100%; padding-bottom: 0; padding-right: 0 } .three-up-container.col-3 .destination-tile-cards .slick-list,.three-up-container.col-3 .slick-slide { padding-left: 0 } .three-up-container.col-3 .slick-track { margin-left: auto } .three-up-container.col-2 .destination-tile-cards { width: auto } .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.col-2 .unslicked .destination-tile-card { margin: 0 20px } .three-up-container .unslicked .destination-tile-wrapper { width: auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(33.3% - 13.33333px) } .three-up-container .unslicked .destination-tile-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .three-up-container .unslicked .destination-tile-wrapper:last-child { margin-right: 0 } .three-up-container .unslicked .destination-tile-wrapper:nth-child(3n) { margin-right: 0; float: right } .three-up-container .unslicked .destination-tile-wrapper:nth-child(3n+1) { clear: both } .three-up-container .unslicked .destination-tile-card { max-width: none; margin: 0 } } .three-up-container .destination-tile-card { position: relative } .three-up-container .destination-tile-card .text-content { padding-bottom: 20px } .three-up-container .destination-tile-card .card-container { border: 1px solid rgba(0, 39, 118, .35) } .three-up-container .destination-tile-card .cta-content { padding-top: 10px; text-align: left } .three-up-container .destination-tile-card .secondary-cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .three-up-container .destination-tile-card .secondary-cta { font-size:1.125rem; border-radius: 15px } } .three-up-container .destination-tile-card .secondary-cta { color: #0076ce; border: none; padding: 10px 15px 10px 0; text-decoration: none } .three-up-container .destination-tile-card .secondary-cta:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .three-up-container .destination-tile-card .secondary-cta:after { font-size:1.125rem } } .three-up-container .destination-tile-card .secondary-cta:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .three-up-container .destination-tile-card .secondary-cta { padding-right: 0 } .three-up-container .destination-tile-card .description-container { min-height: 78px } .three-up-container .destination-tile-card .secondary-cta.single { margin: 0 } .three-up-container .destination-tile-card .content-holder { min-height: 120px } @media (min-width: 481px) { .three-up-container .destination-tile-cards .slick-track { padding-left:23% } .three-up-container .destination-tile-cards.tile-3 .slick-track { padding-left: 0 } } @media (min-width: 981px) { .three-up-container .destination-tile-card .content-holder { padding-bottom:30px } .three-up-container .destination-tile-cards .slick-track { padding-left: 0; margin-left: -50% } .three-up-container.col-3 .destination-tile-card { margin-right: 25px } .three-up-container.col-3 .unslicked { margin-top: 35px } } @media (min-width: 1025px) { .three-up-container .destination-tile-cards .slick-track { padding-left:0; margin-left: 0 } .three-up-container .destination-tile-cards .destination-tile-card { max-width: 360px } .three-up-container .destination-tile-cards .destination-tile-wrapper { max-width: 400px } .three-up-container.col-3 { margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .three-up-container.col-3:before { content: ""; display: table } .three-up-container.col-3:after { content: ""; display: table; clear: both } } .inline-search-container.show-texture { padding: 75px 0 } .inline-search-container .title-component { padding-top: 0 } .inline-search-container .search-bar { padding: 20px 0 0 } .inline-search-container .search-bar .search-cta { margin: 0 auto; width: 250px; height: 50px; padding: 0 } .inline-search-container .svp-container h2 { display: none } .inline-search-container .filter-item.disabled { pointer-events: none } .inline-search-container .search-bar .search-overlay .filter-inner-container,.inline-search-container .search-bar .search-overlay .filter-item { height: auto; min-height: 60px } @media (min-width: 768px) { .inline-search-container.show-texture { padding:100px 0 } .inline-search-container .title-component { padding: 0 0 50px } .inline-search-container .title-component h1 { margin: 0 0 35px } .inline-search-container .search-bar { padding-top: 0 } .inline-search-container .search-bar .search-cta { width: 190px; height: 55px } } @media (min-width: 1025px) { .inline-search-container .search-bar { text-align:center } .inline-search-container .title-container { padding: 0 0 20px } .inline-search-container .search-bar .overlay-container { top: 0; margin: 0 30px; -webkit-box-shadow: 0 0 10px 1px gray; box-shadow: 0 0 10px 1px gray } .inline-search-container .search-bar .inner-container { display: inline-block; -webkit-box-shadow: 0 0 5px 1px gray; box-shadow: 0 0 5px 1px gray } .inline-search-container .search-bar li { width: 300px } .inline-search-container .search-cta-btn { min-width: 160px; width: 100% } .inline-search-container .search-bar .grid-text { line-height: 1rem } .inline-search-container .search-bar .dropdown-title { vertical-align: middle } .inline-search-container .search-bar .overlay-title { display: inline-block; padding: 5px } .inline-search-container .search-bar .icon-caret { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0 } .inline-search-container .search-bar .close-btn { margin-bottom: 40px } .inline-search-container .search-bar .filter-item { padding: 0 30px 0 20px } } .inline-search-container .title-component h1 { margin-bottom: 14px } .inline-search-container .search-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .inline-search-container .search-container:before { content: ""; display: table } .inline-search-container .search-container:after { content: ""; display: table; clear: both } @media (min-width: 768px) { .inline-search-container .search-container { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .inline-search-container .search-container { padding-left:40px; padding-right: 40px } } .inline-search-container .search-bar { background: none; padding-top: 0 } .inline-search-container .search-bar .svp-container { background: none; -webkit-box-shadow: none; box-shadow: none } .inline-search-container .search-bar .search-cta-btn { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .inline-search-container .search-bar .search-cta-btn { font-size:1rem; width: auto; border-radius: 10px } } .inline-search-container .search-bar .search-cta-btn:hover { background: #b0263a } .inline-search-container .search-bar .search-cta-btn.active,.inline-search-container .search-bar .search-cta-btn:active,.inline-search-container .search-bar .search-cta-btn:focus { background: #b10f26 } .inline-search-container .search-bar .search-cta-btn.disabled,.inline-search-container .search-bar .search-cta-btn[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .inline-search-container .search-overlay { text-align: center } .inline-search-container .search-bar.accordion-view .searchByCruiseCodeContanier,.inline-search-container .search-bar .searchByCruiseCodeContanier { display: none } .inline-search-container .search-bar .search-cta-btn.search-disabled { pointer-events: none; background: #fff; color: #b10f26; border: 1px solid #b10f26 } .inline-search-container .filter-item { background: transparent; border: none } .inline-search-container .search-bar.accordion-view .search-overlay.active .mandatory-label { margin-top: 20px } @media (min-width: 1025px) { .inline-search-container .title-component { padding-bottom:10px } .inline-search-container .search-bar .overlay-container { -webkit-box-shadow: none; box-shadow: none; border-radius: 10px; z-index: 100; top: -1px; border: 1px solid rgba(0, 39, 118, .35); overflow: hidden; padding: 75px 15px 10px } .inline-search-container .search-bar .overlay-container:before { top: 0 } .inline-search-container .search-bar .inner-container { -webkit-box-shadow: none; box-shadow: none } .inline-search-container .search-bar .grid-text { line-height: 1rem } .inline-search-container .search-bar .dropdown-title { vertical-align: middle } .inline-search-container .search-bar .filter-border .search-cta-btn { width: 100%; height: 90px } .inline-search-container .search-bar .overlay-title { font-family: GreycliffCF-medium; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } } @media (min-width: 1025px) and (min-width:768px) { .inline-search-container .search-bar .overlay-title { font-size:1.5rem; line-height: 1.333 } } @media (min-width: 1025px) { .inline-search-container .search-bar .overlay-title { color:#988642 } .inline-search-container .search-bar li { border-top: 1px solid rgba(0, 39, 118, .35); border-bottom: 1px solid rgba(0, 39, 118, .35); border-left: 1px solid rgba(0, 39, 118, .35); -webkit-box-sizing: border-box; box-sizing: border-box } .inline-search-container .search-bar li:last-child { border: 0 } .inline-search-container .search-bar li:last-child button { border-bottom-left-radius: 0; border-top-left-radius: 0 } .inline-search-container .search-bar .icon-caret { -webkit-transform: none; transform: none; margin-top: -10px } } .destination-tile-card.column3 .card-content { text-align: center } .destination-tile-card.column4 .card-content { text-align: left } .destination-tile-card-dynamic img { width: 100%; margin: 0 auto; padding: 0; display: block } .destination-tile-card-dynamic .content-holder { padding: 20px 15px } .destination-tile-card-dynamic .title-container { width: 100%; display: block } .destination-tile-card-dynamic .description-container,.destination-tile-card-dynamic p { margin: 0; word-wrap: break-word } .destination-tile-card-dynamic .disclaimer-text p { margin: 0 } .destination-tile-card-dynamic h3 { margin-bottom: 8px; margin-top: 0 } .destination-tile-card-dynamic .image-holder { position: relative } .destination-tile-card-dynamic .top-banner .offers-label { overflow: hidden } .destination-tile-card-dynamic .secondary-cta { padding-bottom: 6px; font-size: 16px; font-size: 1rem; white-space: nowrap } .destination-tile-card-dynamic .cta-container { padding-bottom: 17.5px } .destination-tile-cardDynamic a.card-container .price-block .disclaimer-text,.destination-tile-cardDynamic a.card-container .price-block .disclaimer-text p { text-decoration: none } @media (min-width: 1025px) { .destination-tile-card-dynamic .content-holder { padding:20px 38px } .destination-tile-card-dynamic h3 { margin-bottom: 10px } .destination-tile-card-dynamic p { margin: 0 } .destination-tile-card-dynamic .cta-container { padding-bottom: 0 } .destination-tile-card-dynamic img { width: 100% } .destination-tile-card-dynamic a.card-image { display: block } } .three-up-container .destination-tile-card-dynamic { margin-right: auto; margin-top: 40px; margin-bottom: 15px; width: 100% } .three-up-container .destination-tile-card-dynamic:before { content: ""; display: table } .three-up-container .destination-tile-card-dynamic:after { content: ""; display: table; clear: both } .three-up-container .terms-conditions { padding-top: 40px } .three-up-container.col-3 .slick-slide,.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 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto } .three-up-container.col-3 .destination-tile-card-dynamic { margin: 10px 8px 15px; width: 100%; overflow: hidden; padding-bottom: 20px } .three-up-container.col-2 .destination-tile-card { width: auto } .three-up-container.col-2 .slick-slide { height: auto } @media (min-width: 481px) { .three-up-container.col-3 .destination-tile-card-dynamic { width:100%; max-width: 420px } .three-up-container.col-3 .slick-track { padding-left: 0; margin-left: -25% } } @media (min-width: 768px) { .three-up-container .destination-tile-cards { margin-top:20px } .three-up-container .terms-conditions { padding: 40px 40px 0 } .three-up-container.col-3 .destination-tile-card { margin: 20px 13px; width: 100%; max-width: 360px; overflow: visible } .three-up-container.col-3 .slick-track { margin-left: auto } } @media (min-width: 981px) { .three-up-container.col-3 .destination-tile-cards { margin-top:40px } .three-up-container.col-3 .destination-tile-card-dynamic .slick-list { padding-left: 10px } .three-up-container.col-3 .destination-tile-card-dynamic .content-holder { padding-bottom: 10px } .three-up-container.col-3 .slick-track { padding-left: 0; margin-left: -50% } .three-up-container.col-3 .slick-slide { overflow: hidden; padding: 15px 0 25px } .three-up-container.col-3 .destination-tile-card-dynamic { overflow: visible } .three-up-container.col-3 .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.col-3 .unslicked .destination-tile-card { width: 90%; padding-bottom: 10px } } @media (min-width: 1025px) { .three-up-container .destination-tile-cards { margin-top:40px } .three-up-container .destination-tile-card-dynamic { max-width: 360px } .three-up-container.col-3 { margin: 0 auto } .three-up-container.col-3 .destination-tile-cards { margin-top: 0 } .three-up-container.col-3 .destination-tile-card-dynamic { margin: 20px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 380px } .three-up-container.col-3 .destination-tile-card-dynamic .content-holder { padding-bottom: 20px } .three-up-container.col-3 .unslicked .destination-tile-card-dynamic { float: left; width: 100%; padding-bottom: 0; padding-right: 0 } .three-up-container.col-3 .destination-tile-cards .slick-list,.three-up-container.col-3 .slick-slide { padding-left: 0 } .three-up-container.col-3 .slick-track { margin-left: auto } .three-up-container.col-2 .destination-tile-cards { width: auto } .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.col-2 .unslicked .destination-tile-card-dynamic { margin: 0 20px } .three-up-container .unslicked .destination-tile-wrapper { width: auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(33.3% - 13.33333px) } .three-up-container .unslicked .destination-tile-wrapper:nth-child(1n) { float: left; margin-right: 20px; clear: none } .three-up-container .unslicked .destination-tile-wrapper:last-child { margin-right: 0 } .three-up-container .unslicked .destination-tile-wrapper:nth-child(3n) { margin-right: 0; float: right } .three-up-container .unslicked .destination-tile-wrapper:nth-child(3n+1) { clear: both } .three-up-container .unslicked .destination-tile-card-dynamic { max-width: none; margin: 0 } } .three-up-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .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:40px; padding-right: 40px } } .three-up-container { padding: 0; background: #fff } .three-up-container .terms-conditions { text-align: center; font-family: Praxis-regular; font-size: 0.875rem; font-size: .875rem } .three-up-container .title-component { padding-bottom: 0 } .three-up-container .terms-conditions a { color: #666 } .three-up-container .destination-tile-card-dynamic { position: relative } .three-up-container .destination-tile-card-dynamic .text-content { padding-bottom: 20px } .three-up-container .destination-tile-card-dynamic .card-container { border: 1px solid rgba(0, 39, 118, .35) } .three-up-container .destination-tile-card-dynamic .cta-content { padding-top: 10px; text-align: left } .three-up-container .disclaimer-text { display: none } .three-up-container .destination-tile-card-dynamic .secondary-cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .three-up-container .destination-tile-card-dynamic .secondary-cta { font-size:1.125rem; border-radius: 15px } } .three-up-container .destination-tile-card-dynamic .secondary-cta { color: #0076ce; border: none; padding: 10px 15px 10px 0; text-decoration: none } .three-up-container .destination-tile-card-dynamic .secondary-cta:after { font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E" } @media (min-width: 768px) { .three-up-container .destination-tile-card-dynamic .secondary-cta:after { font-size:1.125rem } } .three-up-container .destination-tile-card-dynamic .secondary-cta:after { font-size: 0.75rem; font-size: .75rem; display: inline-block; color: #0076ce; margin-left: 5px; position: relative } .three-up-container .destination-tile-card-dynamic .secondary-cta { padding-right: 0 } .three-up-container .destination-tile-card-dynamic .description-container { min-height: 78px } .three-up-container .destination-tile-card-dynamic .secondary-cta.single { margin: 0 } .three-up-container .destination-tile-card-dynamic .content-holder { min-height: 120px } .three-up-container .carousel-controls .button:before { top: 0 } @media (min-width: 481px) { .three-up-container .destination-tile-cards-dynamic .slick-track { padding-left:23% } .three-up-container .destination-tile-cards-dynamic.tile-3 .slick-track { padding-left: 0 } } @media (min-width: 768px) { .three-up-container.col-3 .destination-tile-card { max-width:420px } } @media (min-width: 981px) { .three-up-container .destination-tile-card .content-holder { padding-bottom:30px } .three-up-container .destination-tile-cards-dynamic .slick-track { padding-left: 0; margin-left: -50% } .three-up-container.col-3 .destination-tile-card { margin-right: 25px } .three-up-container.col-3 .unslicked { margin-top: 35px } } @media (min-width: 1025px) { .three-up-container .destination-tile-cards-dynamic .slick-track { padding-left:0; margin-left: 0 } .three-up-container .destination-tile-cards-dynamic .destination-tile-card-dynamic { max-width: 360px } .three-up-container .destination-tile-cards-dynamic .destination-tile-wrapper { max-width: 400px } .three-up-container.col-3 { margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .three-up-container.col-3:before { content: ""; display: table } .three-up-container.col-3:after { content: ""; display: table; clear: both } } @media (min-width: 1025px) and (min-width:768px) { .three-up-container.col-3 { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) and (min-width:1025px) { .three-up-container.col-3 { padding-left:40px; padding-right: 40px } } .destination-tile-card-dynamic { -webkit-box-shadow: none; box-shadow: 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; position: relative } .destination-tile-card-dynamic p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .destination-tile-card-dynamic p { font-size:1rem; line-height: 1.625 } } .destination-tile-card-dynamic p { color: #666 } .destination-tile-card-dynamic .description-container { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.6875rem; font-size: .6875rem; line-height: 1.636; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .destination-tile-card-dynamic .description-container { font-size:1rem; line-height: 1.625 } } .destination-tile-card-dynamic .description-container { color: #666 } .destination-tile-card-dynamic h3 { color: #988642; font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .destination-tile-card-dynamic h3 { font-size:1.5rem; line-height: 1.333 } } .destination-tile-card-dynamic h3 { text-align: left } .destination-tile-card-dynamic a { text-decoration: none } .destination-tile-card-dynamic .card-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .destination-tile-card-dynamic .content-align-center,.destination-tile-card-dynamic .image-holder { text-align: center } .destination-tile-card-dynamic .content-holder { padding-bottom: 20px; -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; position: relative } .destination-tile-card-dynamic .content-holder,.destination-tile-card-dynamic .content-holder .text-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .destination-tile-card-dynamic .cta-content .price-block { width: 65%; padding-right: 10px } .destination-tile-card-dynamic .content-holder .bottom-block { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-top: 1px solid #e3e2e8; padding-top: 20px; margin-top: 10px } .destination-tile-card-dynamic .content-align-left { text-align: left } .destination-tile-card-dynamic .card-content { padding: 20px 15px } .destination-tile-card-dynamic .secondary-cta { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .destination-tile-card-dynamic .secondary-cta { font-size:1.125rem; border-radius: 15px } } .destination-tile-card-dynamic .secondary-cta { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .destination-tile-card-dynamic .secondary-cta:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .destination-tile-card-dynamic .secondary-cta:after { font-size:1.125rem } } .destination-tile-card-dynamic .secondary-cta:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .destination-tile-card-dynamic .secondary-cta:after { font-size:.75rem } } @media (min-width: 768px) { .destination-tile-card-dynamic .secondary-cta { font-size:1rem } } .destination-tile-card-dynamic .secondary-cta { padding-bottom: 10px } .destination-tile-card-dynamic .secondary-cta:after { top: -1px } .destination-tile-card-dynamic .secondary-cta.single:after { top: -3px } .destination-tile-card-dynamic .package-name { color: #0076ce; font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px; text-transform: uppercase } @media (min-width: 768px) { .destination-tile-card-dynamic .package-name { font-size:1.125rem; border-radius: 15px } } .destination-tile-card-dynamic .package-name { margin-bottom: 10px } .destination-tile-card-dynamic .cta-content { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .destination-tile-card-dynamic .currency { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .destination-tile-card-dynamic .currency { font-size:1.5rem; line-height: 1.333 } } .destination-tile-card-dynamic .currency { font-family: GreycliffCF-bold; color: #988642; padding: 0 5px } .destination-tile-card-dynamic .cta-content .label-one { display: block; text-align: left; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .destination-tile-card-dynamic .cta-content .label-one { font-size:.75rem } } .destination-tile-card-dynamic .cta-content .label-one { color: #666; margin-top: 0 } .destination-tile-card-dynamic .cta-content .label-two { display: inline-block } .destination-tile-card-dynamic .cta-block { -webkit-box-align: end; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .destination-tile-card-dynamic .cta-block,.destination-tile-card-dynamic .secondary-cta.single { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end } .destination-tile-card-dynamic .secondary-cta.single { margin: 0 auto; -webkit-box-align: end; height: 100%; padding: 5px 0 0 } .destination-tile-card-dynamic .cta-container { text-align: center } .destination-tile-card-dynamic .panel-text { text-transform: none; font-family: Praxis-regular; color: #666; text-align: center; font-size: 0.5625rem; font-size: .5625rem; border-top: 1px solid hsla(0, 0%, 65%, .5); padding-top: 10px; margin-top: 15px } .destination-tile-card-dynamic .room-type { color: transparent; font-family: GreycliffCF-bold; font-size: 16px; font-size: 1rem; display: none } .destination-tile-card-dynamic .disclaimer-text p { line-height: 0.125rem; line-height: .125rem; display: none } .destination-tile-card-dynamic .top-banner { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f2f0e8; display: inline-block; height: 40px; line-height: 40px; line-height: 2.5rem; position: absolute; color: #fff; font-family: Praxis-regular; left: 50%; -webkit-transform: translateX(-53%); transform: translateX(-53%); top: -20px; padding: 0 20px; font-size: 16px; font-size: 1rem; min-width: 235px } .destination-tile-card-dynamic .top-banner:after,.destination-tile-card-dynamic .top-banner:before { content: ""; position: absolute; display: block; top: 0; border: 20px solid #f2f0e8; border-left-width: 11px; border-right-width: 11px } .destination-tile-card-dynamic .top-banner:before { content: none; left: 10px; border-right-width: 0; border-left-color: transparent } .destination-tile-card-dynamic .top-banner:after { content: none; right: 10px; border-left-width: 0; border-right-color: transparent } .destination-tile-card-dynamic .top-banner a { color: #fff } .destination-tile-card-dynamic .top-banner { background-color: transparent; top: -12px; left: 10%; right: 10%; -webkit-transform: translateX(0); transform: translateX(0) } .destination-tile-card-dynamic .top-banner .offers-icon { display: none } .destination-tile-card-dynamic .top-banner .offers-label { border-bottom: none } .destination-tile-card-dynamic .top-banner .special-offer-btn { cursor: pointer } .destination-tile-card-dynamic .cta-content .label-two { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.625rem; font-size: .625rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; color: #666 } @media (min-width: 768px) { .destination-tile-card-dynamic .cta-content .label-two { font-size:.75rem } } .destination-tile-card-dynamic .slick-list { overflow: visible } .destination-tile-card-dynamic .price-block { max-width: 50% } .destination-tile-card-dynamic .disclaimer-text .legal-container { font-family: Praxis-regular; -webkit-font-feature-settings: "kern" 1,"liga" 1,"calt" 1,"clig" 1,"ss03" 1; font-feature-settings: "kern" 1,"liga" 1,"calt" 1,"clig" 1,"ss03" 1; line-height: 18px; line-height: 1.125rem; letter-spacing: 0.02rem; letter-spacing: .02rem; color: #002776; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-decoration: none; border-bottom: 1px solid #002776; font-size: 0.5625rem; font-size: .5625rem } @media (min-width: 768px) { .destination-tile-card-dynamic .disclaimer-text .legal-container { font-size:.75rem } } .destination-tile-card-dynamic .disclaimer-text .legal-container { color: #666 } .destination-tile-card-dynamic .content-holder .roundels { top: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; position: absolute } .destination-tile-card-dynamic .roundels { left: unset; -webkit-transform: none; transform: none; top: calc(50% - 120px) } .destination-tile-card-dynamic.roundel-class .package-name,.destination-tile-card-dynamic.roundel-class .title-container,.roundel-class .package-name,.roundel-class .title-container { width: 60%; min-height: 50px } .three-up-container.col-3 .destination-tile-card-dynamic { overflow: visible } @media (min-width: 768px) { .destination-tile-card-dynamic .card-content { padding:25px 30px } .destination-tile-card-dynamic .package-name { margin-bottom: 20px } .destination-tile-card-dynamic .price-block { width: auto } .destination-tile-card-dynamic .currency { font-family: GreycliffCF-light; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } } @media (min-width: 768px) and (min-width:768px) { .destination-tile-card-dynamic .currency { font-size:1.875rem; line-height: 1.333 } } @media (min-width: 768px) { .destination-tile-card-dynamic .currency { font-family:GreycliffCF-medium; color: #988642 } .destination-tile-card-dynamic .content-holder { padding: 20px 30px } .destination-tile-card-dynamic .roundels { right: 25px } } @media (min-width: 1025px) { .destination-tile-card-dynamic { position:relative } .destination-tile-card-dynamic .cta-block { margin-top: 10px } .destination-tile-card-dynamic .card-container .image-holder { overflow: hidden } } .review-summary { margin: 0 auto; padding: 0 20px } .review-summary .review-list { padding: 20px } .review-summary .cta-container { text-align: center; margin-top: 20px } .review-summary .rating-provider-logo { width: 60px; margin-left: 10px } @media (min-width: 768px) { .review-summary .details-wrap { -js-display:flex; display: -webkit-box; display: -ms-flexbox; display: flex } .review-summary .detail-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .review-summary .tile-pagination .carousel-controls { text-align: left } .review-summary .cta-container { margin-top: 5px; text-align: right } .review-summary .rating-provider-logo { width: 88px } } @media (min-width: 1025px) { .review-summary .review-list { padding:20px 60px } .review-summary .powered-by { text-align: right; margin-top: 0 } .review-summary .review-details { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .review-summary { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 17px; padding-right: 17px } .review-summary:after,.review-summary:before { content: ""; display: table } .review-summary:after { clear: both } @media (min-width: 768px) { .review-summary { padding-left:32px; padding-right: 32px } } @media (min-width: 1025px) { .review-summary { padding-left:40px; padding-right: 40px } } .review-summary .review-list { border-top: 1px solid #e3e2e8; border-bottom: 1px solid #e3e2e8 } .review-summary h2 { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .review-summary h2 { font-size:1.875rem; line-height: 1.333 } } .review-summary .rating-provider { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .review-summary .rating-provider { font-size:1.125rem; line-height: 1.555 } } /* @import 'defaults.css'; @import 'tablet.css' ( --tablet ); @import 'desktop.css' ( --desktop ); */ .secondary-nav { text-align: center; height: 90px; max-width: 100%; overflow: auto; overflow-y: hidden } .secondary-nav .inner-wrap { height: 60px; display: inline-block; white-space: nowrap } .secondary-nav .link-wrap { padding: 20px; max-width: 200px; display: inline-block; vertical-align: top } .secondary-nav a { display: block; cursor: pointer; white-space: normal } @media (min-width: 1025px) { .secondary-nav { padding:10px 20px } } .secondary-nav .external a { padding-right: 23px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzY0NjM2Mzt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkwLjUsNUg2MS44Yy0yLjMsMC00LjIsMS45LTQuMiw0LjJzMS45LDQuMiw0LjIsNC4yaDE5LjFMNDAsNTQuMmMtMS42LDEuNi0xLjYsNC4zLDAsNS45CgkJYzAuOCwwLjgsMS45LDEuMiwyLjksMS4yczIuMS0wLjQsMi45LTEuMmw0MC40LTQwLjR2MTguMmMwLDIuMywxLjksNC4yLDQuMiw0LjJzNC4yLTEuOSw0LjItNC4yVjkuMkM5NC42LDYuOSw5Mi44LDUsOTAuNSw1eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTc2LjEsNDdjLTIuMywwLTQuMiwxLjktNC4yLDQuMlY4NGMwLDEuNS0xLjMsMi44LTIuOCwyLjhIMTZjLTEuNSwwLTIuOC0xLjMtMi44LTIuOFYzMC45CgkJYzAtMS41LDEuMy0yLjgsMi44LTIuOGgzM2MyLjMsMCw0LjItMS45LDQuMi00LjJzLTEuOS00LjItNC4yLTQuMkgxNmMtNi4xLDAtMTEuMSw1LTExLjEsMTEuMVY4NGMwLDYuMSw1LDExLjEsMTEuMSwxMS4xaDUzLjEKCQljNi4xLDAsMTEuMS01LDExLjEtMTEuMVY1MS4xQzgwLjIsNDguOCw3OC40LDQ3LDc2LjEsNDd6Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat 100%; background-size: 18px 18px } .secondary-nav a { color: #002776; text-decoration: none; padding: 10px 6px; font-family: GreycliffCF-medium } .secondary-nav .link-wrap.active a { border-bottom: 5px solid #002776; color: #002776; font-family: GreycliffCF-bold } .secondary-nav .link-wrap.active .up-arrow { display: none } .secondary-nav .link-wrap { position: relative } .secondary-nav .up-arrow { display: none; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #002776; right: 48%; bottom: 25px } @media (min-width: 1025px) { .secondary-nav { height:100% } .secondary-nav a { padding: 0 } .secondary-nav .link-wrap.active a,.secondary-nav .link-wrap:hover a { border: none } .secondary-nav .up-arrow { bottom: 5px } .secondary-nav .inner-wrap { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; max-width: 1280px; white-space: unset; height: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap } .secondary-nav .link-wrap { max-width: 185px } .secondary-nav .link-wrap.active:after { content: ""; display: inline-block; position: absolute; width: calc(100% - 40px); height: 5px; left: 20px; bottom: 0; background: #002776 } } .campaign-header { overflow: hidden; height: 35px; width: 100% } .campaign-header.hide { display: none } .campaign-header .position-controller { position: fixed; overflow: hidden; height: 35px; width: 100%; z-index: 200 } .campaign-header .position-controller.fixNav { position: fixed; top: 0 } .campaign-header .position-controller:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 20px; pointer-events: none } .campaign-header .list-container { width: 100%; overflow-y: hidden; overflow-x: auto; height: 100%; padding-bottom: 10px; -webkit-box-sizing: content-box; box-sizing: content-box } .campaign-header .link-list { display: inline-block; white-space: nowrap; height: 100%; padding: 0 10px } .campaign-header .link-list .link-element { display: inline-block; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .campaign-header .link-list .link-element.active:before { content: " "; position: absolute; bottom: 0; left: 0; right: 0; height: 3px } .campaign-header .link-list .link-element.active:after { content: " "; position: absolute; bottom: 0; left: 0; right: 0; height: 7px } .campaign-header .link-element .link-button { height: 100%; padding: 0 10px; cursor: pointer } .campaign-header .link-button h2 { position: relative } @media (min-width: 768px) { .campaign-header,.campaign-header .position-controller { height:57px } .campaign-header .list-container { text-align: center } .campaign-header .link-list { padding: 0 32px } .campaign-header .link-element .link-button { padding: 0 20px } .campaign-header .link-list .link-element.active:before { height: 5px } .campaign-header .link-list .link-element.active:after { height: 11px } } @media (min-width: 1025px) { .campaign-header .link-element .link-button { width:210px; padding: 0; margin: 0 10px } .campaign-header .link-list .link-element.active:before { left: -10px; right: -10px } .campaign-header .link-button span { top: auto; -webkit-transform: none; transform: none } } .campaign-header .position-controller { background-color: #f7f7f7; -webkit-transition: top .4s cubic-bezier(.215,.61,.355,1); transition: top .4s cubic-bezier(.215,.61,.355,1) } .campaign-header .position-controller:after { background: -webkit-gradient(linear,left top, right top,color-stop(0, hsla(0, 0%, 100%, 0)),to(#fff)); background: linear-gradient(90deg,hsla(0, 0%, 100%, 0) 0,#fff) } .campaign-header .link-list .link-element.active:before { background-color: #002776 } .campaign-header .link-list .link-element.active:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92A"; font-size: 0.625rem; font-size: .625rem; text-align: center; color: #002776 } .campaign-header .link-element .link-button { font-family: Praxis-regular; font-size: 0.75rem; font-size: .75rem; background-color: transparent; border: none; line-height: 1.25; width: auto; margin: 0 20px; padding: 0 } .campaign-header .link-element { margin: 0 10px } .campaign-header .link-element h2 { font-size: 18px; font-size: 1.125rem; margin-top: 6px; font-weight: 400; color: #002776; font-family: Praxis-regular; letter-spacing: 0.025rem; letter-spacing: .025rem } .campaign-header .link-element.active h2 { font-family: Praxis-semibold } .campaign-header .link-list .link-element.active:after { height: 10px } .campaignLandingHeader.react-component { margin-bottom: 0 } .global-header-container .menu-bar-small:after { height: 0 } @media (min-width: 768px) { .campaign-header .link-element .link-button { line-height:1.875; font-size: 1rem; vertical-align: middle; padding: 0 } .campaign-header .link-button h2 { margin: 0 } .campaign-header .link-list .link-element.active:before { height: 3px } } @media (min-width: 1025px) { .global-header-container .menu-bar-small:after { height:80px } .campaign-header .list-container { margin: auto; max-width: 1280px } .campaign-header .link-list .link-element.active:before { height: 5px; left: 0; right: 0 } .campaign-header .link-list .link-element.active:after { bottom: 2px } .campaign-header .link-list { margin-left: 240px } } .accept-cookie fieldset { border-color: transparent } .accept-cookie .title-container { width: 100% } .accept-cookie .h1 { text-align: center; margin: 0 } .accept-cookie .inner-container>.content-container>.twelve-col-container h3,.accept-cookie .inner-container>.content-container>.twelve-col-container h4 { margin-top: .6em } .accept-cookie>.inner-container { width: 100%; clear: both; max-width: 1280px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0 40px } .accept-cookie>.inner-container:before { content: ""; display: table } .accept-cookie>.inner-container:after { content: ""; display: table; clear: both } .accept-cookie .title-component { padding: 40px 0 0 } .accept-cookie .button { padding: 17px 75px; min-width: 210px } .accept-cookie .two-col-container { width: 100%; display: inline-block } .accept-cookie .cta-holder { clear: both; padding: 20px 0 } .accept-cookie .cookie-check { padding: 0; margin: 0 } .accept-cookie .cookie-check li { display: inline-block; list-style: none; float: left } .accept-cookie .cookie-check [type=radio]:checked,.accept-cookie .cookie-check [type=radio]:not(:checked) { position: absolute; left: -9999px } .accept-cookie .cookie-check [type=radio]:checked+label,.accept-cookie .cookie-check [type=radio]:not(:checked)+label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; line-height: 1.25rem; display: inline-block } .accept-cookie .cookie-check [type=radio]:checked+label:before,.accept-cookie .cookie-check [type=radio]:not(:checked)+label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 100% } .accept-cookie .cookie-check [type=radio]:checked+label:after,.accept-cookie .cookie-check [type=radio]:not(:checked)+label:after { content: ""; width: 12px; height: 12px; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all .2s ease; transition: all .2s ease } .accept-cookie .cookie-check [type=radio]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0) } .accept-cookie .cookie-check [type=radio]:checked+label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .accept-cookie .cookie-check [type=radio]:disabled+label,.accept-cookie .cookie-check [type=radio]:disabled+label:after { opacity: .7 } .accept-cookie .six-col-container td { padding: 10px 5px } .accept-cookie .cookie-check li { margin: 0 1em .5em 0 } .accept-cookie .contentTable { display: inline-block; width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 20px; margin-top: 20px } .accept-cookie .contentTable table { width: 190%; border-spacing: 0 } .accept-cookie .copy-block-container { max-width: 100% } .accept-cookie .copy-block-container .copy-block,.accept-cookie .title-component .inner-container { padding: 0 } .accept-cookie .copy-block-container .copy-block p { padding-left: 0 } .article~.accept-cookie .inner-container { max-width: 748px } @media (min-width: 768px) { .accept-cookie .title-container+.content-container+.twelve-col-container h4 { margin-top:.7em } .accept-cookie .twelve-col-container { width: 100%; clear: both } .accept-cookie .ten-col-container { max-width: 60%; width: auto; float: left; padding-right: 1em } .accept-cookie .two-col-container { min-width: 34%; max-width: 50%; width: auto; float: right; padding-left: 1em } .accept-cookie .six-col-container { width: 45%; display: inline-block; margin-right: 1% } .accept-cookie .button { width: auto } .accept-cookie .cookie-check { float: right } .accept-cookie .cookie-check li { margin: 1.4em 0 0 } .accept-cookie .cookie-check li:first-child { margin: 1.4em 2.5em 0 0 } } @media (min-width: 1025px) { .accept-cookie .title-component { padding:45px 0 0 } .accept-cookie .ten-col-container { max-width: 75.33333333% } .accept-cookie .two-col-container { min-width: 20.66666667%; max-width: 50%; padding-top: 0 } .accept-cookie .contentTable table { width: 100% } .accept-cookie .content-container h4 { margin-top: 2.2em } .accept-cookie .cookie-check li { margin: 2.4em 0 0 } .accept-cookie .cookie-check li:first-child { margin: 2.4em 2.5em 0 0 } } .accept-cookie a { font-family: GreycliffCF-bold; font-size: 0.8125rem; font-size: .8125rem; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; border-radius: 15px } @media (min-width: 768px) { .accept-cookie a { font-size:1.125rem; border-radius: 15px } } .accept-cookie a { font-size: 0.875rem; font-size: .875rem; background-color: transparent; color: #0076ce; padding: 5px 0; border: none; text-decoration: none; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; text-transform: uppercase } .accept-cookie a:after { display: inline-block; font-family: Icomoon; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E92E"; font-size: 0.75rem; font-size: .75rem } @media (min-width: 768px) { .accept-cookie a:after { font-size:1.125rem } } .accept-cookie a:after { font-size: 0.625rem; font-size: .625rem; margin-left: 5px; position: relative } @media (min-width: 768px) { .accept-cookie a:after { font-size:.75rem } } @media (min-width: 768px) { .accept-cookie a { font-size:1rem } } .accept-cookie .copy-block-container .copy-block { max-width: 100%; width: inherit } .accept-cookie .copy-block-container .copy-block .inner-copy-block { padding: 0 } .accept-cookie .content-container .twelve-col-container>h3 { font-family: GreycliffCF-light; font-size: 20px; font-size: 1.25rem; line-height: 1.15; letter-spacing: 0; font-weight: 400; color: #002776 } @media (min-width: 768px) { .accept-cookie .content-container .twelve-col-container>h3 { font-size:1.875rem; line-height: 1.333 } } .accept-cookie .content-container .twelve-col-container>p { margin: 0 } .accept-cookie>.inner-container { -webkit-box-sizing: border-box; box-sizing: border-box } .accept-cookie .content-container ul li { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .accept-cookie .content-container ul li { font-size:1.125rem; line-height: 1.555 } } .accept-cookie .content-container p span p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .accept-cookie .content-container p span p { font-size:1.125rem; line-height: 1.555 } } .accept-cookie .cta-holder p { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .accept-cookie .cta-holder p { font-size:1.125rem; line-height: 1.555 } } .accept-cookie .cookie-check li { height: 32px } .accept-cookie .ten-col-container h3 { font-family: GreycliffCF-medium; font-size: 16px; font-size: 1rem; line-height: 1.25; letter-spacing: 0; color: #002776; font-weight: 400 } @media (min-width: 768px) { .accept-cookie .ten-col-container h3 { font-size:1.5rem; line-height: 1.333 } } .accept-cookie .ten-col-container h3 { font-family: GreycliffCF-light } .accept-cookie .button { display: inline-block; text-align: center; text-decoration: none; background: #b10f26; font-family: GreycliffCF-bold; font-size: 0.875rem; font-size: .875rem; letter-spacing: 0.05rem; letter-spacing: .05rem; color: #fff; text-transform: uppercase; cursor: pointer; outline: none; border: none; border-radius: 15px; padding: 18px 60px; width: 100%; -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) { .accept-cookie .button { font-size:1rem; width: auto; border-radius: 10px } } .accept-cookie .button:hover { background: #b0263a } .accept-cookie .button.active,.accept-cookie .button:active,.accept-cookie .button:focus { background: #b10f26 } .accept-cookie .button.disabled,.accept-cookie .button[disabled] { background-color: transparent; color: #ccc; border: 1px solid #ccc; cursor: auto } .accept-cookie .cookie-check label>span { height: 20px; display: block } .accept-cookie .cookie-check [type=radio]:checked+label,.accept-cookie .cookie-check [type=radio]:not(:checked)+label { color: #666; padding-left: 38px; } .accept-cookie .cookie-check [type=radio]:checked+label:before,.accept-cookie .cookie-check [type=radio]:not(:checked)+label:before { border: 1px solid #ccc; width: 20px; height: 20px; } .accept-cookie .cookie-check [type=radio]:checked+label:after,.accept-cookie .cookie-check [type=radio]:not(:checked)+label:after { background: #002776; width: 12px; height: 12px } .accept-cookie .cookie-check [type=radio]:checked+label:after,.accept-cookie .cookie-check [type=radio]:checked+label:before { border: 1px solid #002776; } .accept-cookie table { width: 100%; border-collapse: collapse; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: 0.75rem; font-size: .75rem; line-height: 1.667; letter-spacing: 0.025rem; letter-spacing: 0.4px; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } @media (min-width: 768px) { .accept-cookie table { font-size:1.125rem; line-height: 1.555 } } .accept-cookie table th { background: #ccc } .accept-cookie table td,.accept-cookie table th { border-bottom: 1px solid #e3e2e8; text-align: left; padding: 5px } .accept-cookie .cta-holder .cookie-save-message { margin-top: 0; color: #b10f26 } .accept-cookie .cta-holder { padding-bottom: 40px } .show-focus-outlines .accept-cookie .cookie-check [type=radio]:focus+label:before { outline: 1px auto #3b99fc } @media (min-width: 768px) { .accept-cookie .copy-block-container .copy-block { max-width:none; width: inherit } .accept-cookie .content-container ul li { font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .accept-cookie .content-container ul li { font-size:1rem; line-height: 1.625 } } @media (min-width: 768px) { .accept-cookie .content-container p span p { font-family:Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .accept-cookie .content-container p span p { font-size:1rem; line-height: 1.625 } } @media (min-width: 768px) { .accept-cookie .cta-holder p { font-family:Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .accept-cookie .cta-holder p { font-size:1rem; line-height: 1.625 } } @media (min-width: 768px) { .accept-cookie .two-col-container { min-width:none; max-width: none; width: auto } .accept-cookie .two-col-container .cookie-check { float: left } .accept-cookie .ten-col-container { max-width: 100% } .accept-cookie .ten-col-container h3 { margin-bottom: 0 } .accept-cookie .cookie-check label>span { height: 20px; display: block; padding: 0 } .accept-cookie .accept-cookie .two-col-container { float: left; margin: 0 } .accept-cookie .copy-block-container .copy-block .co1-2 .inner-copy-block { width: calc(49.95% - 15px) } .accept-cookie .copy-block-container .copy-block .co1-2 .inner-copy-block:nth-child(1n) { float: left; margin-right: 30px; clear: none } .accept-cookie .copy-block-container .copy-block .co1-2 .inner-copy-block:last-child { margin-right: 0 } .accept-cookie .copy-block-container .copy-block .co1-2 .inner-copy-block:nth-child(2n) { margin-right: 0; float: right } .accept-cookie .copy-block-container .copy-block .co1-2 .inner-copy-block:nth-child(odd) { clear: both } .accept-cookie .copy-block-container .copy-block .co1-2 .inner-copy-block:nth-child(1n) { margin-right: 0 } .accept-cookie .copy-block-container .copy-block .co1-2 .inner-copy-block:nth-child(odd) p { padding-left: 0; padding-right: 50px; border-right: 1px solid hsla(0, 0%, 65%, .5) } .accept-cookie .copy-block-container .copy-block .co1-2 .inner-copy-block:nth-child(2n) p { padding-left: 50px; padding-right: 0 } .accept-cookie .copy-block-container .copy-block:after { border: none } .accept-cookie table { width: 100%; border-collapse: collapse; font-family: Praxis-regular; -webkit-font-feature-settings: "case" 1; font-feature-settings: "case" 1; font-size: .6875rem; line-height: 1.636; letter-spacing: .025rem; color: #666; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1 } } @media (min-width: 768px) and (min-width:768px) { .accept-cookie table { font-size:1rem; line-height: 1.625 } } @media (min-width: 1025px) { .accept-cookie .two-col-container,.accept-cookie .two-col-container .cookie-check { float:right } .accept-cookie .copy-block-container .copy-block .inner-copy-block:nth-child(odd):after { border-right: 1px solid hsla(0, 0%, 65%, .5) } .accept-cookie .copy-block-container .copy-block .inner-copy-block:nth-child(2n):after { border-right: none } } .titleH1 { margin-top: 50px } .secondaryNavigation+* .titleH1 { margin-top: 0 } .article { position: relative } .article:after,.article:before { content: ""; position: absolute; left: 50% } .article:before { bottom: -50px; border-bottom: 1px solid transparent; width: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .article:after { width: 5px; height: 5px; border: 3px solid #fff; bottom: -55px; background-color: transparent; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg) } .content-wrapper { margin-bottom: 50px; padding-bottom: 10px } .copy-block.col-1,.title-component p { width: 62% } .article:before { width: 30% } .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; }