/* 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,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) format('woff'), url(data:font/woff2;base64,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) format('woff2'), url(data:font/ttf;base64,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) format('truetype'); } /********************** Scaling layout : Start ********************/ /* html { font-size: 1px; font-size: calc( 100vw * (1/320) * 10); @media ( --mvp ) { font-size: calc( 100vw * (1/768) * 10); } @media ( --lgvp ) { font-size: calc( 100vw * (1/1480) * 10); font-size: 10px; } @media ( --nav-xlgvp ) { font-size: 10px; } } */ /********************** Scaling layout : End ********************/ body { -webkit-font-smoothing: antialiased; } #oSPe_callback_container { display: none; } img, video { width: 100%; } .code { color: white; font-size: 0.875rem; display: block; background-color: black; border: solid gray 2px; padding: 5px; margin: 5px 0; } h1 { font-family: 'GreycliffCF-light'; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: normal; } @media (min-width: 768px) { h1 { font-size: 2.5rem; line-height: 1.25; } } h2 { font-family: 'GreycliffCF-light'; font-size: 1.25rem; line-height: 1.4375rem; letter-spacing: 0; font-weight: normal; color: #002776; } @media (min-width: 768px) { h2 { font-size: 1.875rem; line-height: 1.875rem; } } h3 { font-family: 'GreycliffCF-medium'; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: -0.02em; color: #002776; font-weight: normal; } @media (min-width: 768px) { h3 { font-size: 1.5rem; line-height: 1.75rem; } } h4 { font-family: 'GreycliffCF-medium'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: -0.02em; color: #002776; font-feature-settings: 'case' 1; font-weight: normal; } @media (min-width: 768px) { h4 { font-size: 1.25rem; line-height: 1.25rem; } } h5 { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } h6 { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } .h1 { font-family: 'GreycliffCF-light'; font-size: 1.5rem; line-height: 1.146; letter-spacing: 0; color: #002776; font-weight: normal; } @media (min-width: 768px) { .h1 { font-size: 2.5rem; line-height: 1.25; } } .h2 { font-family: 'GreycliffCF-light'; font-size: 1.25rem; line-height: 1.4375rem; letter-spacing: 0; font-weight: normal; color: #002776; } @media (min-width: 768px) { .h2 { font-size: 1.875rem; line-height: 1.875rem; } } .h3 { font-family: 'GreycliffCF-medium'; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: -0.02em; color: #002776; font-weight: normal; } @media (min-width: 768px) { .h3 { font-size: 1.5rem; line-height: 1.75rem; } } .h4 { font-family: 'GreycliffCF-medium'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: -0.02em; color: #002776; font-feature-settings: 'case' 1; font-weight: normal; } @media (min-width: 768px) { .h4 { font-size: 1.25rem; line-height: 1.25rem; } } .h5 { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 1rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } .h6 { font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } .h6-light { font-family: 'GreycliffCF-light'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; } .body1 { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .body1 { font-size: 1.125rem; line-height: 1.625rem; } } .body2 { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .body2 { font-size: 1rem; line-height: 1.375rem; } } /*.body2-demi { @mixin font-body2-demi; }*/ .body3 { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; } .body-text-small { font-family: 'PraxisCom-Regular'; /*font-feature-settings: 'case' 1;*/ font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0; /*font-feature-settings: 'lnum' 1;*/ color: #666666; } .cta-primary { /* TODO: add hover states */ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .cta-primary { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .cta-primary:hover { background: #b0263a; } .cta-primary:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-primary:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-primary-light-blue { /* TODO: add hover states */ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .cta-primary-light-blue { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .cta-primary-light-blue:hover { background: #b0263a; } .cta-primary-light-blue:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-primary-light-blue:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-primary-light-blue { background: #0076CE; color: #FFFFFF; } .cta-primary-light-blue:hover { background: #3e90cf; color: #FFFFFF; } .cta-primary-light-blue:visited { background: #3e90cf; color: #FFFFFF; } .cta-primary-light-blue:active { background: #005ea6; color: #FFFFFF; outline-color: #002776; } .cta-primary-light-blue:focus { background: #005ea6; color: #FFFFFF; outline-color: #002776; } .cta-button-dark { /* TODO: add hover states */ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .cta-button-dark { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .cta-button-dark:hover { background: #b0263a; } .cta-button-dark:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-button-dark:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .cta-button-dark:active { outline-color: #FFFFFF; } .cta-button-dark:focus { outline-color: #FFFFFF; } .cta-disabled { opacity: 0.3; cursor: default; pointer-events: none; } .cta-secondary { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-secondary { font-size: 1.125rem; line-height: 1.125rem; } } .cta-secondary { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .cta-secondary:hover { color: #3e90cf; } .cta-secondary:hover:before { background: #3e90cf; } .cta-secondary:active, .cta-secondary:focus { color: #005ea6; } .cta-secondary:active:before, .cta-secondary:focus:before { background: #005ea6; } @media (min-width: 768px) { .cta-secondary { font-size: 1.125rem; } } .cta-secondary:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .cta-secondary-up { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-secondary-up { font-size: 1.125rem; line-height: 1.125rem; } } .cta-secondary-up { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .cta-secondary-up:hover { color: #3e90cf; } .cta-secondary-up:hover:before { background: #3e90cf; } .cta-secondary-up:active, .cta-secondary-up:focus { color: #005ea6; } .cta-secondary-up:active:before, .cta-secondary-up:focus:before { background: #005ea6; } @media (min-width: 768px) { .cta-secondary-up { font-size: 1.125rem; } } .cta-secondary-up:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .cta-secondary-up { border-bottom: none; vertical-align: middle; text-decoration: none; } .cta-secondary-up:before { display: none; } .cta-secondary-up:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .cta-secondary-up:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .cta-secondary-up-ondark { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-secondary-up-ondark { font-size: 1.125rem; line-height: 1.125rem; } } .cta-secondary-up-ondark { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .cta-secondary-up-ondark:hover { color: #3e90cf; } .cta-secondary-up-ondark:hover:before { background: #3e90cf; } .cta-secondary-up-ondark:active, .cta-secondary-up-ondark:focus { color: #005ea6; } .cta-secondary-up-ondark:active:before, .cta-secondary-up-ondark:focus:before { background: #005ea6; } @media (min-width: 768px) { .cta-secondary-up-ondark { font-size: 1.125rem; } } .cta-secondary-up-ondark:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .cta-secondary-up-ondark { border-bottom: none; vertical-align: middle; text-decoration: none; } .cta-secondary-up-ondark:before { display: none; } .cta-secondary-up-ondark:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .cta-secondary-up-ondark:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .cta-secondary-up-ondark { color: #FFFFFF; } .cta-secondary-up-ondark:hover { color: #FFFFFF; } .cta-secondary-up-ondark:visited { color: #FFFFFF; } .cta-secondary-up-ondark:active { color: #FFFFFF; } .cta-secondary-up-ondark:focus { color: #FFFFFF; } .cta-secondary-up-ondark:after { color: #FFFFFF; } .cta-secondary-down { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-secondary-down { font-size: 1.125rem; line-height: 1.125rem; } } .cta-secondary-down { color: #0076CE; font-size: 0.8125rem; background-color: transparent; padding: 5px 0; border: none; text-transform: uppercase; text-decoration: none; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; position: relative; } .cta-secondary-down:hover { color: #3e90cf; } .cta-secondary-down:hover:before { background: #3e90cf; } .cta-secondary-down:active, .cta-secondary-down:focus { color: #005ea6; } .cta-secondary-down:active:before, .cta-secondary-down:focus:before { background: #005ea6; } @media (min-width: 768px) { .cta-secondary-down { font-size: 1.125rem; } } .cta-secondary-down:before { content: ''; position: absolute; width: 100%; height: 1px; background: #0076ce; bottom: 1px; left: 0; } .cta-secondary-down { border-bottom: none; vertical-align: middle; text-decoration: none; } .cta-secondary-down:before { display: none; } .cta-secondary-down:after { content: '\E902'; font-family: 'Icomoon'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 5px; margin-bottom: 3px; font-size: 0.4375rem; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .cta-secondary-down:hover:after { -webkit-transform: translateX(3px) rotate(-90deg); transform: translateX(3px) rotate(-90deg); } .cta-secondary-down:after { -webkit-transform: rotate(0); transform: rotate(0); } .cta-menu-close { float: right; height: 60px; line-height: 3.75rem; color: #002776; font-size: 0.875rem; font-family: 'PraxisCom-Regular'; background: transparent; border: 0; cursor: pointer; } .cta-menu-close:after { content: '\E906'; font-size: 1.25rem; line-height: 1.25rem; font-family: 'Icomoon'; display: inline-block; vertical-align: middle; margin-left: 10px; } .cta-light { font-family: 'GreycliffCF-light'; font-size: 0.875rem; letter-spacing: 0.08rem; } @media (min-width: 768px) { .cta-light { font-size: 1rem; } } .cta-font { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .cta-font { font-size: 1.125rem; line-height: 1.125rem; } } .btn-cta { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .btn-cta { font-size: 1.125rem; line-height: 1.125rem; } } .btn-primary { /* TODO: add hover states */ display: inline-block; text-align: center; text-decoration: none; background: #B10F26; color: #FFFFFF; font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; letter-spacing: 0.05rem; text-transform: uppercase; cursor: pointer; outline: none; border: none; padding: 0 30px; height: 50px; line-height: 3.125rem; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; white-space: nowrap; } @media (min-width: 1025px) { .btn-primary { font-size: 1.125rem; height: 60px; line-height: 3.75rem; } } .btn-primary:hover { background: #b0263a; } .btn-primary:active { background: #8d0c1e; outline: 1px auto #CFCFCF; } .btn-primary:focus { background: #8d0c1e; outline: 1px auto #CFCFCF; } .semibold-font { font-family: 'PraxisCom-Semibold'; /*font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666; /*font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .semibold-font { font-size: 1.125rem; line-height: 1.625rem; } } /* TODO : Remove these classes, ADD one .test class to add all so PostCSS wont remove. */ .cta-bold { font-family: 'PraxisCom-Bold'; } .wrapper { margin-top: 110px; } @media (min-width: 768px) { .wrapper { margin-top: 185px; } } @media (min-width: 1025px) { .wrapper { margin-top: 251px; } } /* Text meant only for screen readers. */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; left: 3px; top: 3px; z-index: 99; } .sr-only.skip-to-content:focus { width: auto; height: auto; clip: auto; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #002776; z-index: 999; position: relative } .global-footer-container .sr-only.skip-to-content:focus { color: #FFFFFF; } /* Currency symbol style. */ .currency i { font-style: normal; font-size: 100%; vertical-align: top; -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; } .disclaimer-text { font-size: 0.625rem; font-family: 'PraxisCom-Regular'; } @media (min-width: 768px) { .disclaimer-text { font-size: 0.75rem; } } .legal-container { color: #666666; text-decoration: none; } /* Standard margin-bottom between all the components */ .react-component { margin-bottom: 50px; } @media (min-width: 1025px) { .react-component { margin-bottom: 120px; } } /* no margin for Specific components */ .react-component.alertMessaging, .react-component.globalHeaderMycruise, .react-component.cruiseDetailHeader, .react-component.secondaryNavigation, .react-component.footer, .react-component.footerQuote, .react-component.checkoutHeader, .react-component.accordionList, .react-component.searchResults, .react-component.titleH1Mycruise, .react-component.legalGateway, .react-component.bookNowModule, .react-component.itinerarySummary, .react-component.summaryDetailsModule, .react-component.vacationProtectionBanner, .react-component.inclusions, .react-component.pricingInfoModule, .react-component.securityFooter, .react-component.favoritesShoreX { margin: 0; } /* DO NOT REMOVE THESE STYLES /* This class is added to make both alertMessaging Component and GlobalHeader Component stay inside a fixed wrapper /* Removing these styles can break the page which may be diffciult to debug ---------------------------*/ .alert-header-wrapper { position: fixed; top: 0; width: 100%; z-index: 999; } /* adding these styles only for author editable mode */ /* adding important as margin-top is getting applied from js inline */ .wcmEditModeEnabled { /* stylelint-disable */ /* declaration-no-important */ margin-top: 0; padding-top: 0; /* stylelint-enable */ } .wcmEditModeEnabled .alert-header-wrapper { position: static; } body.openOverlay { overflow: hidden; } /* This is ADA Compliant variation for hiding text that need to be accessible by screen readers: For More See: https://webaim.org/techniques/css/invisiblecontent/ */ .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } /* No Focus for Mouse clicked items */ body:not(.show-focus-outlines) *:focus { outline: none; } /* Stronger Focused Outline for ADA Compliance */ .show-focus-outlines *:focus { border: none; box-shadow: inset 0 0 5px #00b5cb; -moz-box-shadow: inset 0 0 5px #00b5cb; -webkit-box-shadow: inset 0 0 5px #00b5cb; outline: 2px solid #00b5cb; outline-offset: -2px; } /* Image path fix, only for styleguide */ .styelguide .cta-secondary-up:after, .styelguide .cta-secondary-down:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAXCAYAAAD6FjQuAAABkElEQVRIia3VMWsUQRjG8d+FVMFvEItUElgEqxAEEfwOYojfwYMgmuYKrSIRAykipBRiDDbWaVS0EkRBhWiKA4lwTSzCESIxOYt9I5djL7ObuweWnXnfmec/MzszW8um60/Qxga+Gb4yzGBsFE/xBY2AbeAFtgcAXMKteDL8weWRMF3qGsVD/MBH3MNEScAE7uMTvodPFrklbNey6TpcwBbGC0w6+CCf8UvsdOUu4mbMYAq1gv6/MIn2CQxmsZYY/THe4w1u4CpGEn1u4zl0w2p4i2uJzlX0Dtflq3NqVB3cwdGQQEfh1zkJ9C7BZ6wOCbYafv9VtN4N/B4QtBs+p1QE28WDAWGN8EnCYAVfzwnq+yn6wf7KP25VnbnJzjojr+WHuIrW5du9UKkDeRf7JUFt+fXWVynYTyyUhD2SX03nhsEimok2TTxOGZWBHWAu0WYu2g0Mg1fY7JPbjHxSZWFQx2FP7DDipVQFtoXlnthyxIcOI//7tqLcinppVYXtYT7K81EvrdGKMHiGK/GupH8Xe1h5IQsupgAAAABJRU5ErkJggg==) 50% / 45% no-repeat; } .marginBody { /*padding-top: 55px; @media (--desktop) { padding-top: 212px; }*/ } /****** Common Components ******/ /* component/commons/inputField */ .common-input-group { margin-bottom: 15px; } .common-input-group .input-label { visibility: hidden; height: 20px; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #666666; margin: 0; } @media (min-width: 768px) { .common-input-group .input-label { margin: 0 0 5px; } } .common-input-group .input-label { display: block; } .common-input-group input[type='text'], .common-input-group input[type='password'], .common-input-group input[type='email'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .common-input-group .input-error-wrapper input { color: #666666; width: 100%; } .common-input-group .input-error-wrapper input::-webkit-input-placeholder { color: lightgrey; } .common-input-group .input-error-wrapper input::-moz-placeholder { color: lightgrey; } .common-input-group .input-error-wrapper input::-ms-input-placeholder { color: lightgrey; } .common-input-group .input-error-wrapper input::placeholder { color: lightgrey; } .common-input-group .input-label.show { visibility: visible; } .common-input-group .input-error-wrapper { position: relative;/* max-width: 438px;*/ } .common-input-group .input-field { -webkit-box-sizing: border-box; box-sizing: border-box; height: 55px; margin-bottom: 0; padding: 6px 10px 6px 15px; font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .common-input-group .input-field { font-size: 1rem; line-height: 1.375rem; } } .common-input-group .input-field { border: 1px solid #A6B4CF; -webkit-font-feature-settings: unset; font-feature-settings: unset; } @media (min-width: 1025px) { .common-input-group .input-field { padding: 6px 10px 6px 20px; } } .common-input-group .input-field { color: #666666; } @media (min-width: 768px) { .common-input-group .input-field {/* max-width: 438px;*/ } } .common-input-group.read-only .input-field { background-color: #EDF1F7; text-align: center; } .common-input-group input::-webkit-input-placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group input::-moz-placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group input::-ms-input-placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group input::placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group input::-ms-placeholder { font-family: 'PraxisCom-Oblique'; font-size: 1rem; color: #666666; } .common-input-group.show-error input { border-color: #E30513; color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error .input-label { color: #E30513; } .common-input-group.show-error *:focus { outline: 2px auto #E30513; -webkit-box-shadow: 0 0 5px #E30513; box-shadow: 0 0 5px #E30513; } .common-input-group.show-error input::-webkit-input-placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error input::-moz-placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error input::-ms-input-placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error input::placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group.show-error input::-ms-placeholder { color: #E30513; font-family: 'PraxisCom-Oblique'; } .common-input-group .input-error-wrapper .error-image.show-image { background-repeat: no-repeat; position: absolute; right: 18px; bottom: 17.5px; width: 20px; height: 20px; cursor: pointer; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNyAzNyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3OTAwMDk7fS5jbHMtMSwuY2xzLTJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5HbG9iYWxIZWFkZXJfSGFtYnVyZ2VyX0Nsb3NlZF9JY29uPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOC41LDBBMTguNSwxOC41LDAsMSwxLDAsMTguNSwxOC41LDE4LjUsMCwwLDEsMTguNSwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIwLjI0LDE4LjQ0LDI0LjksMjMuMSwyNC44MSwyNWwtMS43LS4wOS00LjY2LTQuNjYtNC41Nyw0LjZIMTIuMTFWMjNsNC41Ni00LjU5LTQuNi00LjZWMTIuMDZoMS43OWw0LjYsNC42TDIzLjA3LDEybDEuODcuMDktLjA5LDEuN1oiLz48L3N2Zz4=); } .common-input-group .input-error-wrapper .error-image.show-image:focus { outline: #002776 auto 1px; } .common-input-group .error-msg { display: none; } .common-input-group .error-msg.show-msg { font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; color: #E30513; display: block; margin: 5px 0 0; } @media (min-width: 768px) { .common-input-group .error-msg.show-msg { font-size: 0.75rem; } } .checkbox--hidden { visibility: hidden; height: 0; width: 0; } .select-group { position: relative; } .select-group:after { content: '\E902'; font-family: 'Icomoon'; color: #002776; position: absolute; font-size: 0.5625rem; text-align: center; right: 12px; top: 50%; margin-top: -15px; width: 26px; height: 26px; line-height: 2.1875rem; } @media (min-width: 1025px) { .select-group:after { font-size: 0.75rem; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .select-group:after {/* IE10+ specific styles go here*/ margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .select-group.show .list-dropdown { display: block; position: absolute; z-index: 1; } .select-group .dropdown-list { cursor: pointer; height: 55px; width: 100%; text-align: left; line-height: 1; background: transparent; position: relative; z-index: 9; border: 1px solid #A6B4CF; border-radius: 0; font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .select-group .dropdown-list { font-size: 1rem; line-height: 1.375rem; } } .select-group .dropdown-list { -webkit-appearance: none; -moz-appearance: none; margin: 0; overflow-y: auto; padding: 0 38px 0 15px; } @media (min-width: 1025px) { .select-group .dropdown-list { padding: 0 45px 0 20px;/* font-size: 1.125rem; line-height: 21px;*/ } } .select-group.show-error:after { color: #E30513; } .select-group .show .dropdown-list {/* background: transparent url(../../../images/SVG/up-arrow-dark-blue.svg) no-repeat right center;*/ background-position: 92%; background-size: 15px; } .select-group select.dropdown-list::-ms-expand { display: none; } .select-group .list-dropdown { display: none; height: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; border: 1px solid;/* border-color: transparent var(--color-tertiary47) var(--color-tertiary47);*/ font-size: 0.875rem; color: #666666; font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; } @media (min-width: 768px) { .select-group .list-dropdown { font-size: 1rem; } } .select-group .dropdown-list li.highlight { background-color: #011949; } .select-group .dropdown-list button:hover, .select-group .dropdown-list li:hover { cursor: pointer; } .select-group .dropdown-item { list-style-type: none; padding: 0; text-align: left; } .select-group .dropdown-item button { text-decoration: none; width: 100%; } .select-group .input-label.show { visibility: visible; } .select-group .input-label { visibility: hidden; font-size: 0.75rem; color: #666666; font-family: 'PraxisCom-Regular'; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0; color: #666666; margin: 0 0 5px; display: block; height: 20px; } @media (min-width: 768px) { .select-group .input-label { font-size: 0.875rem; } } .select-group .dropdown-item button { font-size: 0.875rem; padding: 10px 25px; color: #666666; font-family: 'GreycliffCF-bold'; letter-spacing: 0.08rem; border: none; background: none; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; } @media (min-width: 768px) { .select-group .dropdown-item button { font-size: 1rem; } } .select-group .error-msg.show-msg { border-color: #E30513; color: #E30513; font-family: 'PraxisCom-Regular'; font-size: 14px; font-size: 0.875rem; padding-top: 5px; position: absolute; } @media (min-width: 768px) { .select-group .error-msg.show-msg { font-size: 0.75rem; } } .select-group.show-error .dropdown-list { border-color: #E30513; color: #E30513; } .select-group.show-error select { border-color: #E30513; color: #E30513; } .select-group.show-error *:focus { outline: 2px auto #E30513; -webkit-box-shadow: 0 0 5px #E30513; box-shadow: 0 0 5px #E30513; } .select-group.show-error .input-label { color: #E30513; } .select-group.show-error .dropdown-list {/* background-image: url(../../../images/down_arrow_red.png);*/ } .image-lazy-loader { display: inline } .image-lazy-loader.spinner { display: block; background: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/loading-icon.gif) 50% no-repeat; min-height: 70px; background-size: 70px; } [class^="icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Icomoon'; speak: none; font-style: normal; font-weight: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Icomoon'; speak: none; font-style: normal; font-weight: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ico-checkin:before { content: "\E935"; } .icon-ico-luggage:before { content: "\E936"; } .icon-ico-tickets:before { content: "\E937"; } .throbberOverlay .loading { background: #FFFFFF; font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .throbberOverlay .loading { font-size: 1rem; line-height: 1.375rem; } } .throbberOverlay .loading { position: fixed; width: 100%; z-index: 999999999; opacity: 0.8; top: 0; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .throbberOverlay .loading.show { -js-display: flex; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .throbberOverlay .loading.hide { display: none; } .throbberOverlay .loading .loading-icon { background: url(/etc.clientlibs/settings/wcm/designs/po/postbooking/resources/images/loading-icon.gif) no-repeat; width: 100px; height: 100px; display: inline-block; background-size: contain; } .throbberOverlay .loading { left: 0; } .throbberOverlay .loading-icon { margin-top: -80px; } .throbberOverlay .throbberOverlay__text { position: fixed; top: 50%; left: 50%; width: 80%;/* margin-top: 70px;*/ font-family: 'PraxisCom-Regular';/* font-feature-settings: 'case' 1;*/ font-size: 1rem; line-height: 1.125rem; letter-spacing: 0; color: #666666;/* font-feature-settings: 'lnum' 1;*/ } @media (min-width: 768px) { .throbberOverlay .throbberOverlay__text { font-size: 1.125rem; line-height: 1.625rem; } } .throbberOverlay .throbberOverlay__text { z-index: 999999999; text-align: center; width: 100%; left: 0; color: #002776; margin-top: 20px; } /* @import 'backgrounds.css'; */ /*@import '../../../../../components/commons/styles/modal/index.css';*/ .aria-modal { padding: 0; width: 100%; max-width: 1280px; margin: auto; background-color: #FFFFFF; position: relative; padding-top: 60px } .aria-modal .modal-content-wrapper { padding: 0; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .aria-modal .modal-content { background-color: #FFFFFF; height: auto; margin: 0 auto; } .aria-modal .modal-close-wrap { height: 60px; line-height: 3.75rem; position: relative; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; text-align: right; border-bottom: 1px solid #F2F0E8; } .aria-modal .close { float: right; height: 60px; line-height: 3.75rem; color: #002776; font-size: 0.875rem; font-family: 'PraxisCom-Regular'; background: transparent; border: 0; cursor: pointer; } .aria-modal .close:after { content: '\E906'; font-size: 1.25rem; line-height: 1.25rem; font-family: 'Icomoon'; display: inline-block; vertical-align: middle; margin-left: 10px; } .aria-modal .close {/* margin-right: 15px; border: none; color: var(--color-primary3); background-color: transparent; z-index: 99; background: 0; padding: 0; height: 30px; line-height: 30px; cursor: pointer; &:after { content:""; display: inline-block; vertical-align: middle; content: "\e906"; font-family: var(--font-icomoon); speak: none; margin-left: 10px; font-size: 28px; line-height: 30px; }*/ } .aria-modal .close-label.fade-out { opacity: 0; } .aria-modal .back-to-top { font-family: 'GreycliffCF-bold'; font-size: 0.8125rem; line-height: 0.75rem; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; color: #B10F26; } @media (min-width: 768px) { .aria-modal .back-to-top { font-size: 1.125rem; line-height: 1.125rem; } } .aria-modal .back-to-top { text-decoration: underline; text-align: center; color: #F2F0E8; cursor: pointer; } .aria-modal-underlay { background-color: rgba(1, 25, 73, .85); z-index: 999; position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto } .aria-modal-underlay.content-modal { background-color: #FFFFFF; } @media (min-width: 481px) { .aria-modal .modal-content { height: 100%; } } @media (min-width: 768px) { .aria-modal { margin: auto; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .aria-modal:before { content: ''; display: table; } .aria-modal:after { content: ''; display: table; clear: both; } } @media (min-width: 768px) and (min-width: 768px) { .aria-modal { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) and (min-width: 1025px) { .aria-modal { padding-left: 60px; padding-right: 60px; } } @media (min-width: 768px) { .aria-modal { padding-bottom: 20px; } .aria-modal .close { margin-right: 30px; } .aria-modal .modal-content-wrapper { padding: 0; } .aria-modal .modal-content { height: auto; margin: 0 auto; } .aria-modal-underlay { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1025px) { .aria-modal { margin: auto; min-height: 600px; background: #FFFFFF } .aria-modal .close-label { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .aria-modal .modal-content { overflow-y: auto; } .aria-modal .modal-close-wrap { border: none; height: 80px; line-height: 5rem; } .aria-modal .close:after { font-size: 1.75rem; line-height: 1.875rem; } .aria-modal { .modal-content-wrapper { min-width: 100%; min-height: 100%; margin: 0; padding: 0; } } .aria-modal-underlay { padding: 40px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .knt-tmp-empty-css{ display: block; } .prev-btn span, .next-btn span { text-indent: -9999px; display: inline-block; } .custom-dropdown-wrapper { text-align: left; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; z-index: 9; border: 1px solid transparent } .custom-dropdown-wrapper .dropdown-toggle { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; border: none; position: relative; display: block; width: auto; display: inline-block; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 40px; } .custom-dropdown-wrapper .dropdown-toggle:after { content: '\E902'; font-family: 'Icomoon'; position: absolute; width: 30px; height: 30px; line-height: 1.875rem; top: 50%; right: 0; font-size: 0.625rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #002776; text-align: center; } .custom-dropdown-wrapper.open { border: 1px solid #F2F0E8; background: #FAF9F7; z-index: 999; } .custom-dropdown-wrapper.open .dropdown-toggle:after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .custom-dropdown-wrapper.open .dropdown-menu { background: #FAF9F7; padding: 10px 20px; } .custom-dropdown-wrapper .dropdown-item { display: block; padding: 10px 25px; font-family: 'GreycliffCF-bold'; -webkit-font-feature-settings: 'case' 1; font-feature-settings: 'case' 1; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; color: #002776; font-weight: normal; text-decoration: none; } .custom-dropdown-wrapper .dropdown-item:hover { color: #0076CE; } .show .sort-dropdown-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: #FAF9F7; overflow: auto } .show .sort-dropdown-overlay .action-bar { background: #fff; } .show .sort-dropdown-overlay .custom-dropdown-wrapper { width: 100%; } .show .sort-dropdown-overlay .custom-dropdown-wrapper .dropdown-toggle { display: none; } .show-focus-outlines .custom-dropdown-wrapper button[aria-expanded="false"]:focus { outline: #002776 auto 1px; } .show-focus-outlines .custom-dropdown-wrapper .dropdown-item:focus { outline: #002776 auto 1px; } /*@import '../components/commons/carouselControls/index.css';*/ /* Media Queries ---------------------------*/ /*@custom-media --smvp ( max-width: 375px); @custom-media --mvp ( min-width: 376px); @custom-media --tbvp ( min-width: 600px); @custom-media --lgvp ( min-width: 769px); @custom-media --xlgvp ( min-width: 1481px);*/ /* Max-width */ /* Navigation Media Queries ---------------------------*/ :root { /* Widths */ /* Colors */ /* PNO colors */ /* WHITE */ /* ROUGE */ /* NAVY BLUE */ /* GOLD */ /* GRAY */ /* GRAY */ /* Brand Global Header Color */ /* ROUGE */ /* BLUE */ /* PAMAPAS */ /* RED */ /* DEEP NAVY */ /* FUN BLUE */ /* FUN BLUE Light*/ /* FUN BLUE Lighter*/ /*BORDER BLUE*/ /* for internet packages we dont have existing colour code * / /*BORDER BLUE*/ /* Transparent Colors */ /* Fonts */ /* PNO Fonts */ /*--font-body1: 'NeutraText-book'; --font-body1-demi: 'NeutraText-demi'; --font-body2: 'NeutraText-book'; --font-body2-demi: 'NeutraText-demi'; --font-body3: 'NeutraText-book'; --font-body3-text-demi: 'NeutraText-demi'; --font-small-text: 'NeutraText-book'; --font-cta: 'NeutraDisplay-bold'; --font-cta-medium: 'NeutraDisplay-medium'; --font-cta-sabon: 'Sabon-roman'; --font-cta-demi: 'NeutraText-demi'; --font-cta-SabonLTStd-Italic: 'Sabon-italic'; --font-cta-book: 'NeutraText-book'; --font-italic: 'Sabon-italic'; --font-bold: 'NeutraText-bold'; --font-legend: 'NeutraDisplay-bold'; --font-neutra-text-bold: 'NeutraText-bold'; --font-neutra-text-demi: 'NeutraText-demi';*/ /* Opaque backgrounds */ /* LIGHT BLACK */ /* BLUE */ /* DEEP BLACK */ /* WHITE */ /* Media Image Background*/ /* DEEP BLUE */ /* OVERLAY BLUE */ /* Box shadow*/ /* New Shorex Common variable */ /* Icons */ /* Gradient */ /*transition*/ } /* stylelint-disable */ /* No need for mixin file */ :root { /* Fonts Mixins */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /* *** */ /*cta primary light blue*/ /*cta primary rouge*/ /* BUTTONS HAVING DARK BACKGROUND*/ /* BUTTONS OUTLINE*/ /* cta secondary blue with underline */ /* cta secondary blue with arrow */ /* cta secondary blue with arrow view more */ /* Box Shadow */ /* Flex Box */ /* Input - Checkbox */ /* Input - Text */ /* Rotate 45 deg */ /* reset default button style */ /* Ribbon */ /* Apply blue outline on focus */ /* Carousel controls */ /* paginator controls */ /* Component margin */ /* Bottom margin for components */ /* Custom component padding for cruise-detail page components */ /* Custom padding top for cruise-details page components */ /* Grid */ /* Usage : .component-inner-wrap { @mixin grid-wrap;} */ /* define max-height HetoTile */ /* Input Field styles with error states */ /* mixin product Row */ /* Box Sizing */ /* responsive font size of card cta */ } /* stylelint-enable */ /* Global Components */ /* @import 'defaults.css'; */ /*brand style of the component*/ .carousel-controls { -webkit-font-feature-settings: 'lnum' 1; font-feature-settings: 'lnum' 1; } .carousel-controls .button { display: inline-block; width: 45px; height: 45px; line-height: 2.8125rem; padding: 0; cursor: pointer; color: transparent; border: none; background: transparent; vertical-align: middle; } .carousel-controls .button:before { background-repeat: no-repeat; background-position: 50%; background-size: 15px 24px; content: ' '; width: 100%; height: 100%; display: inline-block; vertical-align: middle; } .carousel-controls span { color: #0076CE; display: inline-block; vertical-align: middle; font-family: 'GreycliffCF-medium'; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: -0.02em;/* text-transform: lowercase;*/ } .carousel-controls .slick-disabled { opacity: 0.4; pointer-events: none; } .carousel-controls .prev-btn:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); content: '\E903'; color: #0076CE; font-family: 'Icomoon'; } .carousel-controls .next-btn:before { content: '\E903'; color: #0076CE; font-family: 'Icomoon'; } .carousel-controls .prev-btn { margin-right: 10px; outline: none; } @media (min-width: 1025px) { .carousel-controls .prev-btn { margin-right: 0; } } @media (min-width: 481px) { .carousel-controls .prev-btn { margin-right: 10px; } } .carousel-controls .next-btn { margin-left: 10px; outline: none; } @media (min-width: 1025px) { .carousel-controls .next-btn { margin-left: 0; } } @media (min-width: 481px) { .carousel-controls .next-btn { margin-left: 10px; } } .carousel-controls { text-align: center; margin-top: 20px; } .special-offers-container .carousel-controls { padding-top: 20px; } @media (min-width: 768px) { .knt-tmp-empty-css{ display: block; } } @media (min-width: 1025px) { .carousel-controls .prev-btn { margin-right: 15px; } .carousel-controls .button { width: 15px; } .carousel-controls .next-btn { margin-left: 12px; } }