/* Minification failed. Returning unminified contents. (3231,1): run-time error CSS1019: Unexpected token, found '@import' (3231,9): run-time error CSS1019: Unexpected token, found 'url("https://use.typekit.net/bph0agt.css")' (3233,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11315,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11316,7): run-time error CSS1035: Expected colon, found ',' (11340,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11341,7): run-time error CSS1035: Expected colon, found ',' (11372,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11373,7): run-time error CSS1035: Expected colon, found ',' (11381,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11382,7): run-time error CSS1035: Expected colon, found ',' (11396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11397,8): run-time error CSS1035: Expected colon, found '{' (11411,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11412,8): run-time error CSS1035: Expected colon, found '{' (11431,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11432,8): run-time error CSS1035: Expected colon, found '{' (11462,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11463,8): run-time error CSS1035: Expected colon, found '{' (11498,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11499,7): run-time error CSS1035: Expected colon, found ',' (11513,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11514,7): run-time error CSS1035: Expected colon, found ',' (11533,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (11556,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (11586,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11587,8): run-time error CSS1035: Expected colon, found '{' (11609,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11610,8): run-time error CSS1035: Expected colon, found '{' (11638,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11639,8): run-time error CSS1035: Expected colon, found '{' (11669,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11670,8): run-time error CSS1035: Expected colon, found '{' (11705,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11706,7): run-time error CSS1035: Expected colon, found ',' (11740,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11741,7): run-time error CSS1035: Expected colon, found ',' (11782,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11783,7): run-time error CSS1035: Expected colon, found ',' (11816,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11817,7): run-time error CSS1035: Expected colon, found ',' (11855,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11856,7): run-time error CSS1035: Expected colon, found ',' (11884,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11885,7): run-time error CSS1035: Expected colon, found ',' (11918,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11919,7): run-time error CSS1035: Expected colon, found ',' (11947,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11948,7): run-time error CSS1035: Expected colon, found ',' (11981,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11982,7): run-time error CSS1035: Expected colon, found ',' (12010,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12011,7): run-time error CSS1035: Expected colon, found ',' (12044,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12045,7): run-time error CSS1035: Expected colon, found ',' (12073,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12074,7): run-time error CSS1035: Expected colon, found ',' (12107,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12124,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12146,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12163,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12185,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12198,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12216,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12229,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12247,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12264,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (12286,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12287,8): run-time error CSS1035: Expected colon, found '{' (12295,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12296,8): run-time error CSS1035: Expected colon, found '{' (12309,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12310,8): run-time error CSS1035: Expected colon, found '{' (12322,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12323,8): run-time error CSS1035: Expected colon, found '{' (12340,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12341,8): run-time error CSS1035: Expected colon, found '{' (12353,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12354,8): run-time error CSS1035: Expected colon, found '{' (12371,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12372,8): run-time error CSS1035: Expected colon, found '{' (12384,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12385,8): run-time error CSS1035: Expected colon, found '{' (12402,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12403,8): run-time error CSS1035: Expected colon, found '{' (12415,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12416,8): run-time error CSS1035: Expected colon, found '{' (12433,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12434,8): run-time error CSS1035: Expected colon, found '{' (12446,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12447,8): run-time error CSS1035: Expected colon, found '{' (12464,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12465,8): run-time error CSS1035: Expected colon, found '{' (12477,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12478,8): run-time error CSS1035: Expected colon, found '{' (12495,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12496,8): run-time error CSS1035: Expected colon, found '{' (12508,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12509,8): run-time error CSS1035: Expected colon, found '{' (12526,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12527,8): run-time error CSS1035: Expected colon, found '{' (12539,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12540,8): run-time error CSS1035: Expected colon, found '{' (12557,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12558,8): run-time error CSS1035: Expected colon, found '{' (12566,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12567,8): run-time error CSS1035: Expected colon, found '{' (12580,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12581,8): run-time error CSS1035: Expected colon, found '{' (12591,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12592,8): run-time error CSS1035: Expected colon, found '{' (12607,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12608,8): run-time error CSS1035: Expected colon, found '{' (12618,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12619,8): run-time error CSS1035: Expected colon, found '{' (12634,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12635,8): run-time error CSS1035: Expected colon, found '{' (12645,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12646,8): run-time error CSS1035: Expected colon, found '{' (12661,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12662,8): run-time error CSS1035: Expected colon, found '{' (12672,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12673,8): run-time error CSS1035: Expected colon, found '{' (12688,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12689,8): run-time error CSS1035: Expected colon, found '{' (12699,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12700,8): run-time error CSS1035: Expected colon, found '{' (12715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12716,8): run-time error CSS1035: Expected colon, found '{' (12726,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12727,8): run-time error CSS1035: Expected colon, found '{' (12742,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12743,8): run-time error CSS1035: Expected colon, found '{' (12753,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12754,8): run-time error CSS1035: Expected colon, found '{' (12769,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12770,8): run-time error CSS1035: Expected colon, found '{' (12780,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12781,8): run-time error CSS1035: Expected colon, found '{' (12796,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12797,8): run-time error CSS1035: Expected colon, found '{' (12829,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12830,8): run-time error CSS1035: Expected colon, found '{' (12869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12870,8): run-time error CSS1035: Expected colon, found '{' (12898,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12899,8): run-time error CSS1035: Expected colon, found '{' (12934,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12935,8): run-time error CSS1035: Expected colon, found '{' (12963,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12964,8): run-time error CSS1035: Expected colon, found '{' (12999,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13000,8): run-time error CSS1035: Expected colon, found '{' (13016,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13017,8): run-time error CSS1035: Expected colon, found '{' (13040,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13041,8): run-time error CSS1035: Expected colon, found '{' (13057,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13058,8): run-time error CSS1035: Expected colon, found '{' (13081,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13082,8): run-time error CSS1035: Expected colon, found '{' (13104,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13105,8): run-time error CSS1035: Expected colon, found '{' (13134,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13135,8): run-time error CSS1035: Expected colon, found '{' (13145,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13146,8): run-time error CSS1035: Expected colon, found '{' (13163,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13164,8): run-time error CSS1035: Expected colon, found '{' (13180,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13181,8): run-time error CSS1035: Expected colon, found '{' (13202,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13203,8): run-time error CSS1035: Expected colon, found '{' (13219,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13220,8): run-time error CSS1035: Expected colon, found '{' (13241,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13242,8): run-time error CSS1035: Expected colon, found '{' (13258,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13259,8): run-time error CSS1035: Expected colon, found '{' (13280,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13281,8): run-time error CSS1035: Expected colon, found '{' (13297,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13298,8): run-time error CSS1035: Expected colon, found '{' (13319,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13320,8): run-time error CSS1035: Expected colon, found '{' (13336,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13337,8): run-time error CSS1035: Expected colon, found '{' (13358,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13359,8): run-time error CSS1035: Expected colon, found '{' (13373,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13374,8): run-time error CSS1035: Expected colon, found '{' (13393,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13394,8): run-time error CSS1035: Expected colon, found '{' (13408,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13409,8): run-time error CSS1035: Expected colon, found '{' (13428,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13429,8): run-time error CSS1035: Expected colon, found '{' (13443,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13444,8): run-time error CSS1035: Expected colon, found '{' (13463,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13464,8): run-time error CSS1035: Expected colon, found '{' (13478,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13479,8): run-time error CSS1035: Expected colon, found '{' (13498,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13499,8): run-time error CSS1035: Expected colon, found '{' (13513,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13514,8): run-time error CSS1035: Expected colon, found '{' (13533,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13564,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13565,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13601,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13602,8): run-time error CSS1035: Expected colon, found '{' (13614,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13615,8): run-time error CSS1035: Expected colon, found '{' (13633,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13634,8): run-time error CSS1035: Expected colon, found '{' (13644,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13645,8): run-time error CSS1035: Expected colon, found '{' (13660,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13661,8): run-time error CSS1035: Expected colon, found '{' (13671,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13672,8): run-time error CSS1035: Expected colon, found '{' (13687,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13688,8): run-time error CSS1035: Expected colon, found '{' (13704,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13705,8): run-time error CSS1035: Expected colon, found '{' (13726,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13727,8): run-time error CSS1035: Expected colon, found '{' (13743,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13744,8): run-time error CSS1035: Expected colon, found '{' (13765,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13766,8): run-time error CSS1035: Expected colon, found '{' (13782,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13783,8): run-time error CSS1035: Expected colon, found '{' (13804,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13805,8): run-time error CSS1035: Expected colon, found '{' (13821,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13822,8): run-time error CSS1035: Expected colon, found '{' (13843,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13844,8): run-time error CSS1035: Expected colon, found '{' (13857,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13858,8): run-time error CSS1035: Expected colon, found '{' (13876,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (13895,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (13919,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (13934,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (13954,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (13969,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (13989,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (14008,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (14032,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14033,8): run-time error CSS1035: Expected colon, found '{' (14044,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14045,8): run-time error CSS1035: Expected colon, found '{' (14061,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14062,8): run-time error CSS1035: Expected colon, found '{' (14073,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14074,8): run-time error CSS1035: Expected colon, found '{' (14090,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14091,8): run-time error CSS1035: Expected colon, found '{' (14102,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14103,8): run-time error CSS1035: Expected colon, found '{' (14119,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14120,8): run-time error CSS1035: Expected colon, found '{' (14131,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14132,8): run-time error CSS1035: Expected colon, found '{' (14148,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14149,8): run-time error CSS1035: Expected colon, found '{' (14160,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14161,8): run-time error CSS1035: Expected colon, found '{' (14177,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14178,8): run-time error CSS1035: Expected colon, found '{' (14189,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14190,8): run-time error CSS1035: Expected colon, found '{' (14206,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14207,8): run-time error CSS1035: Expected colon, found '{' (14218,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14219,8): run-time error CSS1035: Expected colon, found '{' (14235,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14236,8): run-time error CSS1035: Expected colon, found '{' (14247,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14248,8): run-time error CSS1035: Expected colon, found '{' */ /****************************************************************************** WARNING THIS IS COMPILED SASS FILE LOCATED IN SCSS DO NOT EDIT IN THE CSS FILE *******************************************************************************/ body.using-mouse :focus { outline: none !important; } body.using-mouse .dropdown-toggle:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } fieldset.form-group legend { display: inline; margin-bottom: inherit; font-size: 14px; font-weight: 400; line-height: 1.5; color: inherit; border: 0; border-bottom: none; } .skip-to-main-content-button { position: absolute; top: -40px; left: 0; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; z-index: 100; border-right: 1px solid #2b3d52; border-bottom: 1px solid #2b3d52; border-bottom-right-radius: 8px; background: #2b3d52; padding: 4px 20px; color: #fff; } .skip-to-main-content-button:focus { top: 0; -webkit-transition: top 0.1s ease-in; transition: top 0.1s ease-in; outline: 0; color: #fff; } .font-family-standard { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; } .font-family-standard-bold { font-family: "Open Sans", sans-serif; font-weight: 600; font-style: normal; } .font-family-adobe-garamond-pro, .font-family-serif { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif !important; } /* Z-Indexes used here: 1000 - Body Content 10000 - Browser Information, so that it stays above everything including the modals 3000 - Eyebrow Canvas, so that it stays above the body content 2000 - Header Canvas, so that it stays above the body content 7000 - Desktop Menu content (defined in TRD-Desktop-Menu.css) so that it stays above the search 6000 - Search Canvas, so that it stays above the body, header, and eyebrow 5000 - Flyout, so that it stays above the body and header and footer 4000 - Footer Canvas, so that it stays above the body content 11000 - Back To Top indicator, so that it even stays above the browser information The top level structure is below. The _base divs are shown or hidden based on the width, and they expose either a .tablet or a .desktop class
All class modifiers are optional.
The
and the -base divs have a different appearance if co-branding is on. The desktop menu and search have a few divs that control the horizontal size and placement. trd-header-search-compressed sets the size and position of the closed search box trd-header-search-expanded sets the size and position of the open search box trd-header-search-expand contains the search box itself trd-header-menu-compressed sets the size and position of the menu if the search is closed trd-header-menu-canvas contains the desktop menu */ .btn.btn-bar { display: block; width: 100%; min-height: 50px; font-size: 18px; } .grecaptcha-badge { margin-left: auto; margin-right: auto; margin-top: 24px; } .grecaptcha-badge[data-style="bottomright"] { visibility: hidden !important; } .visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } html.trd-homepage body { max-width: initial !important; } .trd-eyebrow-link { display: table-cell; vertical-align: middle; } .tile-cover { height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 1; z-index: 100; } /* Reset any attributes that had been set elsewhere */ .trd-eyebrow-canvas a, .trd-footer-contact-phone-number a, .trd-story-tileset1 a, .trd-story-tileset2 a, .trd-story-tileset3 a, .trd-story-tilesetB a, .trd-story-tileset-c-left a, .trd-story-tileset-c-right a { color: #fff; text-decoration: none; } .trd-eyebrow-canvas a:hover, .trd-footer-contact-phone-number a:hover, .trd-header-canvas a:hover, .trd-story-tileset1 a:hover, .trd-story-tileset2 a:hover, .trd-story-tileset3 a:hover, .trd-story-tilesetB a:hover, .trd-story-tileset-c-left a:hover, .trd-story-tileset-c-right a:hover { color: #fff; cursor: pointer; } .trd-eyebrow-canvas a:focus, .trd-footer-contact-phone-number a:focus, .trd-header-canvas a:focus { color: #fff; } .trd-eyebrow-canvas ul, .trd-header-canvas ul, .trd-story-tileset1 ul, .trd-story-tileset2 ul, .trd-story-tileset3 ul, .trd-story-tilesetB ul, .trd-story-tileset-c-left ul, .trd-story-tileset-c-right ul { padding: 0; margin: 0; } #trd-header { position: fixed; z-index: 1001; top: 0; left: 0; right: 0; } #trd-body-mover { top: 121px; } @media screen and (max-width: 1199px) { #trd-header { transition: all .5s ease; } } @media screen and (max-width: 1023px) { #trd-body-mover { top: 88px; } } @media screen and (max-width: 576px) { #trd-body-mover { top: 48px; } } @media screen and (max-height: 256px) { #trd-header { position: relative !important; transform: none !important; } } #trd-browser-compatibility-alert { background: #ffc0c0; padding: 10px; } .onoffswitch { position: relative; width: 34px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { opacity: 0; position: absolute; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #dbd7d7; border-radius: 30px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 10px; padding: 0; line-height: 10px; font-size: 0px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: ""; padding-left: 0px; background-color: #dbd7d7; } .onoffswitch-inner:after { content: ""; padding-right: 0px; background-color: #dbd7d7; text-align: right; } .onoffswitch-switch { display: block; width: 22px; margin: -4px; background: #ffffff; position: absolute; top: 0; bottom: 0; right: 17px; border-radius: 30px; -webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; background-color: #1c5f70; } .onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch { border: 2px solid #000000; } .trd-font-regular { font-family: "Open Sans", sans-serif; } .trd-font-medium { font-family: "Open Sans", sans-serif; } #trd-browser-info { display: none; } .v-eyebrow { font-family: "Open Sans", sans-serif; width: 100%; background: #666666; color: #fff; display: none; } .v-eyebrow__container { max-width: 1378px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; min-height: 4rem; justify-content: space-between; padding: 0 2.4rem; } .v-eyebrow__products { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: stretch; } .v-eyebrow__product-link a, .v-eyebrow__product-link a:hover, .v-eyebrow__product-link a:visited, .v-eyebrow__product-link a:active, .v-eyebrow__product-link a:focus { font-style: normal; font-weight: bold; font-size: 1.4rem; line-height: 2rem; text-transform: uppercase; color: #fff; padding: 0 1.6rem; height: 100%; display: flex; align-items: center; justify-content: center; } .v-eyebrow__cta, .v-eyebrow__cta:hover, .v-eyebrow__cta:visited, .v-eyebrow__cta:active, .v-eyebrow__cta:focus { color: #fff; font-size: 1.4rem; line-height: 2rem; padding: 0.9rem 0; text-align: right; } .v-eyebrow__cta strong { font-size: 1.8rem; } .v-eyebrow__cta .v-eyebrow__small { font-size: 1.6rem; } .v-eyebrow__product-link.v-eyebrow__product-link--current a { color: #142640; background-color: #fff; } .v-eyebrow__cta-container { display: flex; flex-direction: row; align-items: stretch; justify-content: center; } .v-eyebrow__extended-cta { list-style-type: none; margin: 0; padding: 0 2.4rem 0 0; display: none; flex-direction: row; align-items: stretch; } .v-eyebrow__extended-link { height: 100%; display: flex; align-items: center; justify-content: center; } .v-eyebrow__extended-cta a, .v-eyebrow__extended-cta a:hover, .v-eyebrow__extended-cta a:visited, .v-eyebrow__extended-cta a:active, .v-eyebrow__extended-cta a:focus { font-style: normal; font-weight: normal; font-size: 1.4rem; line-height: 1.4rem; color: #fff; padding: 0 2.4rem; border-right: 2px solid #fff; } .v-eyebrow__trailing-cta { display: none; } @media screen and (min-width: 768px) { .v-eyebrow { display: block; } } @media screen and (min-width: 1024px) { .v-eyebrow__trailing-cta { display: inline; } } @media screen and (min-width: 1025px) { .v-eyebrow__extended-cta { display: flex; } } #header-mega-menu { display: block; overflow: unset; } .v-mega-menu { font-family: "Open Sans", sans-serif; width: 100%; background: #fff; color: #333; display: block; border-bottom: 1px #666 solid; } .v-mega-menu--open { overflow: hidden; margin: 0; height: 100%; } .v-mega-menu--open .v-mega-menu.collapsable-hdr { overflow: visible; } .v-mega-menu__container { max-width: 1378px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; min-height: 4rem; justify-content: center; padding: 0; position: relative; min-height: 47px; } .v-mega-menu__logo, .v-mega-menu__search { display: flex; align-items: center; height: 80px; justify-content: center; } .v-mega-menu__search-flyout { display: none; } .search-button__search-icon { display: none; } @media screen and (max-width: 1023px) { .v-mega-menu__search-flyout { display: block; position: absolute; width: 100%; z-index: 2001; } .v-mega-menu__search-flyout--icon { align-items: center; border: none; background: transparent; color: #0F3055; cursor: pointer; display: flex; height: 32px; justify-content: center; padding: 0; position: absolute; right: 42px; top: 6px; width: 32px; } .v-mega-menu__search-flyout--dialog { background: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); display: flex; left: 0; justify-content: center; opacity: 0; padding: 5px 16px 3px; position: absolute; top: 48px; width: 100%; } .v-mega-menu__search-flyout--input { border: none !important; color: #333333; font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; margin: 0 auto; width: calc(100% - 64px); } .v-mega-menu__search-flyout--button { align-items: center; border: none; background: transparent; color: #0F3055; cursor: pointer; display: flex; height: 32px; justify-content: center; padding: 0; position: absolute; right: 42px; top: 6px; width: 32px; } .v-mega-menu__search-flyout--input::-webkit-input-placeholder { color: #333333; } .v-mega-menu__search-flyout--input::-moz-placeholder { color: #333333; } .v-mega-menu__search-flyout--input::-ms-placeholder { color: #333333; } .v-mega-menu__search-flyout--input::placeholder { color: #333333; } .v-mega-menu__search-flyout .v-mega-menu__search-required-container { top: 116px; } .v-mega-menu__logo, .v-mega-menu__search { height: auto; } } .v-mega-menu__logo { padding-bottom: 0.7rem; } .v-mega-menu__overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.25) 100%); backdrop-filter: blur(5px); display: none; height: 100%; position: absolute; top: 0; width: 100%; z-index: 1000; } .v-mega-nav { display: block; list-style-type: none; padding: 0; margin: 0; font-style: normal; font-weight: normal; font-size: 2rem; line-height: 2.6rem; color: #000000; } .v-mega-nav__item--t1 { border-bottom: 1px solid #979797; padding: 0; } .v-mega-nav__link { font-style: normal; font-weight: normal; font-size: 2rem; line-height: 2.6rem; color: #000000; text-decoration: none !important; } .v-mega-nav__link--t1 { display: flex; flex-direction: row; justify-content: space-between; border: none; width: 100%; padding: 1.2rem; } .v-mega-nav__item--span { margin-bottom: 0; margin-top: 0; } .v-mega-nav__sub--t2 .v-mega-nav__item--first { margin-top: 0; } .v-mega-nav__sub--multi .v-mega-nav__item--left { float: left; clear: left; max-width: none; } .v-mega-nav__sub--multi .v-mega-nav__item--right { margin-left: calc(50% + 1rem); } .v-mega-nav__sub--t2 { padding: 0 1.2rem 1.6rem 1.2rem; } .v-mega-nav__sub--t2 > ul { margin: 0; padding: 0; } .v-mega-nav__sub--t2-col { float: left; position: relative; width: 244px; } .v-mega-nav__sub--t2-col-bullets { display: grid; grid-template-columns: repeat(2,1fr); margin-bottom: 0; } .v-mega-nav__sub--multi > ul { margin: 0; padding: 0; } .v-mega-nav__item--t2 { display: block; padding: 0; margin: 16px 0 0 0; } .v-mega-nav__sub--t2 .v-mega-nav__item--t2:first-child { margin-top: 0; } .v-mega-nav__link--t2 { color: #000; cursor: pointer; font-family: "Open Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .v-mega-nav__link--t2 .text { display: block; } .v-mega-nav__sub--t2 > ul { list-style-type: none; width: 244px; } .v-mega-menu__nav { flex-grow: 1; flex-shrink: 1; display: block; width: 100%; } .v-mega-nav__sub.v-mega-nav__sub--t3 { display: none; } .v-mega-menu__burger-container { padding-right: 2.4rem; } .v-burger { display: flex; align-items: center; justify-content: center; width: 25px; height: 47px; position: absolute; right: 1.0rem; top: 0; } .v-burger__container { width: 23px; height: 18px; position: relative; pointer-events: none; } .v-burger__line { display: block; width: 100%; height: 2px; background: #142640; position: absolute; left: 0; transition: top 0.24s 0.16s, transform 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .v-burger__line--01 { top: 0; will-change: transform; } .v-burger__line--02 { top: calc(50% - 1px); transition: opacity 0.16s 0.24s; will-change: opacity; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .v-burger__line--03 { top: calc(100% - 1px); will-change: transform; } .v-burger__name { font-size: 10px; position: absolute; left: 0; right: 0; opacity: 0; } .v-mega-menu--open .v-burger__line--01 { transform: rotate(45deg); } .v-mega-menu--open .v-burger__line--02 { opacity: 0; transition: opacity 0.16s cubic-bezier(0.165, 0.84, 0.44, 1); } .v-mega-menu--open .v-burger__line--03 { transform: rotate(-45deg); } .v-mega-menu--open .v-burger__line { top: 50%; transition: top 0.16s, transform 0.24s 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .v-mega-menu__product-container { text-align: center; width: 100%; background-color: #FFF; border-top: 1px solid #cccccc; padding: 16px 15px 0 15px; } .v-mega-menu__product-dropdown-container { position: relative; max-width: 290px; padding: 0; margin: 0 auto; } .v-mega-menu__drawer::before { content: ' '; } .v-mega-menu--open .v-mega-menu__product-container--open .v-mega-menu__drawer::after { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); display: block; } .v-mega-menu__products { position: absolute; top: 42px; left: 0; right: 0; z-index: 10; list-style-type: none; max-width: none; padding: 0; margin: 0; display: none; } .v-mega-menu__product-item { border-bottom: 1px solid #142640; border-left: 1px solid #142640; border-right: 1px solid #142640; border-collapse: collapse; } .v-mega-menu__product-item:last-child { border-bottom: 1px solid #142640; } .v-mega-menu__product-dropdown { border: 1px solid #142640; background-color: #142640; font-family: "Open Sans", sans-serif;; font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; color: #FFFFFF; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; padding: 10px 12px !important; position: relative; z-index: 10; text-transform: uppercase; } .v-mega-menu__product-link { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 16px !important; background-color: #142640; font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; background-color: #FFFFFF; color: #142640; text-transform: uppercase; } .v-mega-menu__product-dropdown::after { content: ' '; position: absolute; height: 16px; width: 16px; right: 0px; top: 0; z-index: 10; display: block; background-image: url(/Content/images/v3/MenuChevBlackDown.svg); background-position: center center; background-repeat: no-repeat; padding: 0; margin: 0; background-color: #FFF; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; } .v-mega-menu__search .ui-autocomplete { left: 0 !important; right: 0 !important; } .v-mega-menu__search-container { border: none; color: #333333; background: #FFFFFF; border: 1px solid #757575; border-radius: 1px; display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto; padding: 4px 8px 4px 12px !important; } .v-mega-menu__search-container .submit-spinner, .v-mega-menu__search-container .submit-busy { display: none !important; } .v-mega-menu__search-form { position: relative; } .v-mega-menu__search-input { border-style: none !important; color: #000; font-family: "Open Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; min-width: auto !important; outline: none; padding: 7px !important; width: calc(100% - 34px); } .v-mega-menu__search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000 !important; opacity: 1; /* Firefox */ } .v-mega-menu__search-input::-ms-input-placeholder { /* Microsoft Edge */ color: #000 !important; } .v-mega-menu__search-button { width: 28px; height: 28px; vertical-align: middle; background-size: auto; background-repeat: no-repeat; background-image: url(/Content/images/v3/v_icon_search_default-strong.svg); background-position: center; background-color: #FFF; border: none; } .v_menu__search--populated .v-mega-menu__search-button { background: url(/Content/images/v3/v_icon_search_select.svg); background-size: cover; background-position: center; cursor: pointer; } .v-mega-menu__search-required-container { position: absolute; text-align: center; top: 50px; width: 100%; } .v-mega-menu__search-required-flyout { display: none; } .v-mega-menu__search-required { align-items: center; border: 3px solid #ccc; background: #FFF; display: inline-flex; height: 40px; justify-content: center; width: 224px; } @media screen and (max-width: 1278px) { .v-mega-menu__search--large .v-mega-menu__search-required { width: 100%; } .v-mega-menu__search--small .v-mega-menu__search-required-container { top: 46px; } .v-mega-menu__search--small .v-mega-menu__search-required { width: 224px; } } .v-mega-menu__search-required-icon { margin-right: 8px; } .v-mega-menu__search-required-text { color: #000000; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; } .logo--mobile { display: inline-block; } .logo--tablet { display: none; } .logo--desktop { display: none; } .v-mega-menu__go-back, .v-mega-menu__title, .v-mega-menu__tier { display: none; } @media screen and (max-width: 768px) { .v-mega-nav__sub--multi > ul::before { content: " "; display: table; } .v-mega-nav__sub--multi > ul::after { content: " "; display: table; clear: both; } } @media screen and (max-width: 1023px) { .v-mega-menu--open::before { content: ' '; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 1001; display: block; } .v-mega-menu__secondary { background: #ffffff; display: none; position: absolute; top: 47px; width: 320px; right: -320px; transition: .5s ease; } .v-mega-menu--open .v-mega-menu__secondary { right: 0; } .v-mega-menu--scroll .v-mega-menu__drawer--overlay { border-top: 1px solid #e6e6e6; background-image: linear-gradient(#eeeeee, #ffffff); height: 6px; width: 100%; } .v-mega-menu__drawer { background-color: #FFF; display: flex; flex-direction: column; max-height: calc(100vh - 46px); overflow-y: auto; overflow-x: hidden; } .v-mega-menu__search { background-color: #fff; border-bottom: 1px solid #979797; padding: 8px 15px 16px 15px; } .v-mega-menu__search-input { padding: 0 !important; color: #333333 !important; } .v-mega-menu__search--small { display: block; } .v-mega-menu__search--large { display: none !important; } .v-mega-menu__search--large .v-mega-menu__search-input, .v-mega-menu__search--large .v-mega-menu__search-button { display: none; } .v-mega-menu__nav { display: block; padding: 0; background-color: #fff; } .v-mega-menu__mobile-tier { background-color: #ffffff; height: 100%; overflow-y: auto; position: absolute; right: -320px; transition: .5s ease; width: 100%; z-index: 11; } .v-mega-menu__mobile-tier.slide-in { right: 0; transition: .5s ease; } .v-mega-menu__mobile-tier.slide-out { right: -320px; transition: .5s ease; } .v-mega-menu__mobile-tier .v-mega-menu__tier .v-mega-nav__sub--t3 { display: block; } .v-mega-menu__products { background-color: #fff; } .v-mega-menu { border-bottom: 1px solid #ccc; } .v-mega-menu__go-back { border-bottom: 1px solid #979797; border-top: 1px solid #cccccc; color: #000; display: none; font-family: "Open Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; padding: 14px 15px; } .v-mega-menu__go-back--button { background-color: #ffffff; border: none; padding: 0; } .v-mega-menu__go-back img { bottom: 1px; margin-right: 16px; position: relative; } .v-mega-menu__title { border-bottom: 1px solid #979797; color: #000; display: none; font-family: "Open Sans", sans-serif; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0; padding: 16px 15px; } .v-mega-menu__mobile-tier.slide-in .v-mega-menu__go-back, .v-mega-menu__mobile-tier.slide-in .v-mega-menu__title, .v-mega-menu__mobile-tier.slide-in .v-mega-menu__tier { display: block; } .v-mega-nav__link--t1 { background: #ffffff; padding: 8px 0; } .v-mega-nav__button--t1 { display: none; } .v-mega-nav__text--t1 { font-family: "Open Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; color: #000000; text-decoration: none !important; margin: 16px 0 16px 15px; outline: none; text-align: left; text-transform: none; width: 100%; } .v-mega-nav__item--t1-open .v-mega-nav__text--t1 { margin: 16px 0 16px 15px; } .v-mega-nav__item--t1:last-child { border-bottom: none; } .v-mega-nav__item--t1 .v-mega-nav__link--t1 .cart { content: ' '; position: relative; height: 12px; width: 9px; right: 12px; top: 22px; z-index: 10; display: block; background-image: url(/Content/images/v3/MenuChevBlue2.svg); background-position: center center; background-repeat: no-repeat; padding: 0; margin: 0; } .v-mega-nav__item--t1.v-mega-nav__item--t1-open .v-mega-nav__link--t1 .cart { transform: rotate(270deg); } .v-mega-nav__sub--t2 { padding: 0; } .v-mega-nav__sub--t2 .v-mega-nav__item--t2:first-child { margin-top: 8px; } .v-mega-nav__sub--t2-col:last-child .v-mega-nav__item--t2:last-child { margin: 8px 0 24px 15px; } .v-mega-nav__sub--t2-col { width: 100%; } .v-mega-nav__sub--t2-col ul { margin: 0; padding: 0; } .v-mega-nav__sub--t2-col-bullets { display: block; } .v-mega-nav__item--t2 { margin: 8px 0 8px 15px; } .v-mega-nav__item--t2 .v-mega-nav__link-container { margin: 0 15px; } .v-mega-nav__item--t2.v-mega-nav__item--children .v-mega-nav__link-container .v-mega-nav__link--t2 .cart, .v-mega-nav__item--t2.v-mega-nav__item--children.selected .v-mega-nav__link-container .v-mega-nav__link--t2 .cart { content: ' '; position: absolute; height: 12px; width: 9px; right: 12px; top: 4px; z-index: 10; display: block; background-image: url(/Content/images/v3/MenuChevBlue2.svg); background-position: center center; background-repeat: no-repeat; padding: 0; margin: 0; } .v-mega-nav__link--t2 .cart { content: ' '; position: absolute; height: 12px; width: 9px; right: 12px; top: 4px; z-index: 10; display: block; background-image: url(/Content/images/v3/MenuChevBlue2.svg); background-position: center center; background-repeat: no-repeat; padding: 0; margin: 0; } .v-mega-nav__sub--multi .v-mega-nav__item--left { position: relative; width: 100%; } .v-mega-nav__sub--t2 { padding: 0; } .v-mega-nav__sub--t2 .v-mega-nav__item--t2:first-child { margin-top: 0; } .v-mega-nav__sub--t2-col:last-child .v-mega-nav__item--t2:last-child { margin: 8px 0 24px 0; } .v-mega-nav__sub--t2-col:last-child .v-mega-nav__item--t2:last-child ul { padding: 0; } .v-mega-nav__sub--t2-col:nth-child(2) { margin-bottom: 24px; } .v-mega-nav__sub--t2-col:not(:first-child) { margin-bottom: 0; width: 100%; } .v-mega-nav__sub--t2-col ul { margin: 0; padding: 0; } .v-mega-nav__item--t2 { margin: 8px 0; } .v-mega-nav__sub.v-mega-nav__sub--t3 { display: none; padding: 0; } .v-mega-nav__sub--t3-col { width: 100%; } .v-mega-nav__sub--t3-col, .v-mega-nav__sub--t3-col .spacer { border-bottom: 1px solid #979797; } .v-mega-nav__sub--t2-col .v-mega-nav__item--t2:last-child .v-mega-nav__sub--t3-col:last-child { border-bottom: none; } .v-mega-nav__sub--t3-col ul { margin: 0; padding: 0; } .v-mega-nav__sub--t2-col ul li:last-child .v-mega-nav__sub--t3-col:last-child { margin-bottom: 0; } .v-mega-nav__item--t3 { margin: 8px 0 8px 15px; } .v-mega-nav__sub--t3-col h4 { margin: 0; } .v-mega-nav__sub--t3 a.v-mega-nav__h4 { color: #000000; display: block; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 600; line-height: 22px; margin: 0; padding: 8px 15px 8px; text-decoration: none !important; text-transform: capitalize; word-wrap: break-word; } .v-mega-nav__sub--t3 a.v-mega-nav__h4--mt, .v-mega-nav__sub--t3-col-mt { margin-top: 16px; } .v-mega-nav__sub--t3 a.v-mega-nav__h4--mb { margin-bottom: 16px; } .v-mega-nav__sub--t3-col { float: left; position: relative; } .v-mega-nav__sub--t3 .spacer { height: 0; } .v-mega-nav__sub--t3 ul { padding: 0 0 16px; } .v-mega-nav__sub--t3 ul li { list-style: none; } .v-mega-nav__sub--t3 ul li a { color: #000000; display: block; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 20px; padding: 8px 15px !important; text-decoration: none !important; word-wrap: break-word; } .v-mega-nav__sub--t2-col:last-child .v-mega-nav__item--t2:last-child ul li:last-child a { padding-bottom: 0 !important; } .v-mega-nav__sub--t3-col:last-child .v-mega-nav__item--t3:last-child { margin: 8px 0 24px 15px; } .v-mega-nav__sub--t3 ul li a:hover, .v-mega-nav__sub--t3 a.v-mega-nav__h4:hover { background: rgba(69, 101, 128, 0.1); } .v-mega-nav__sub--t3 ul li a:focus, .v-mega-nav__sub--t3 a.v-mega-nav__h4:focus { background: rgba(69, 101, 128, 0.1); outline: none; } .v-mega-nav__sub--t3 .v-mega-nav__sub--t3-col-pb { border-bottom: none; padding-bottom: 24px; } .v-mega-nav__sub--t3 .v-mega-nav__sub--t3-col-none { border-bottom: none; } .v-mega-nav__sub--t3 .v-mega-nav__sub--t3-col-none ul { padding-bottom: 0; } } @media only screen and (max-width: 767px) { .v-mega-menu__secondary { right: -100vw; width: 100vw; } .v-mega-menu__drawer { max-height: calc(100vh - 46px); } .v-mega-menu__product-dropdown-container { max-width: none; } .v-mega-menu__nav { margin-bottom: 124px; } .v-mega-menu__mobile-tier { right: -100vw; } .v-mega-menu__mobile-tier.slide-in { box-shadow: -10px 0px 12px -12px rgba(0, 0, 0, 0.16); right: 0; } .v-mega-menu__mobile-tier.slide-out { right: -100vw; } .v-mega-nav__sub--t3 .v-mega-nav__sub--t3-col-pb { border-bottom: none; padding-bottom: 74px; } } @media screen and (min-width: 576px) { .v-mega-menu__nav { margin-bottom: 60px; } } @media screen and (min-width: 375px) { .v-mega-menu__container { justify-content: center; } .v-mega-menu__burger-container { padding-right: 0; } } @media screen and (min-width: 768px) { .v-mega-menu__search--large .v-mega-menu__search-container { border: none !important; padding: 5px 0px !important; width: 100%; } .v-mega-menu--mobile { display: none !important; } .v-mega-nav__item--t1 { width: 100%; } .v-mega-nav__sub--t2 .v-mega-nav__item--first { margin-top: 0; } .v-mega-nav__item--left { float: left; clear: left; max-width: none; } .v-mega-nav__item--right { margin-left: none; } .v-mega-nav__sub--multi .v-mega-nav__item--left { max-width: none; } .v-mega-nav__sub--multi .v-mega-nav__item--right { margin-left: none; } .v-mega-nav::after { content: ''; width: 100%; display: inline-block; } .v-mega-menu__search { padding: 8px 15px 16px 15px; } .v-mega-menu__logo { padding-left: 0; } .v-mega-menu__burger-container { padding-right: 0; } .logo--mobile { display: none; } .logo--tablet { display: inline-block; } .v-mega-menu__container { min-height: 4.7rem; } } @media screen and (min-width: 1024px) { .v-mega-menu__search--large .v-mega-menu__search-container { border: none !important; } .v-mega-menu__search--large .search-button__search-icon { display: block; width: 18px; height: 18px; } .v-mega-menu__search--large .v-mega-menu__search-button { width: 42px; height: 40px; display: flex; background-image: none; background-color: #B10A32; cursor: pointer; align-items: center; justify-content: center; } .v-mega-menu__search--large .v-mega-menu__search-input { border: 1px solid #757575 !important; height: 40px; width: calc(100% - 42px); } .v-mega-menu__search--large .v-mega-menu__search-container { width: 214px } .v-mega-menu__product-container { display: none !important; } .v-mega-menu__search { padding: 0; } .v-mega-menu__search-container { padding: 0 !important; border: none; color: #333333; border: 1px solid #757575; display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto; } .v-mega-menu__search-input { color: #333333 !important; } .v-mega-menu__search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #333333 !important; opacity: 1; /* Firefox */ } .v-mega-menu__search-input::-ms-input-placeholder { /* Microsoft Edge */ color: #333333 !important; } .v-mega-menu__search-button { width: 28px; height: 28px; background-size: cover; background-image: url(/Content/images/v3/v_icon_search_default.svg); } .v_menu__search--populated .v-mega-menu__search-button { background: url(/Content/images/v3/v_icon_search_select.svg); } .v-mega-menu__search--small { display: none !important; } .v-mega-menu__nav { margin: 0 0 0 26px; max-width: none; width: auto; } .v-mega-menu__secondary { flex-grow: 4; } .v-mega-menu__drawer { display: flex; flex-direction: row; justify-content: space-between; min-height: 80px; } .v-mega-menu__container { justify-content: space-between; padding: 0 2.4rem; } .v-mega-menu__nav, .v-mega-menu__search { display: flex; } .logo--tablet, .v-mega-menu__burger-container { display: none; } .logo--desktop { display: inline-block; } .v-mega-menu__search-container { width: 159px; margin: 0; } .v-mega-nav { margin: 0; padding: 0; position: relative; list-style-type: none; display: table; width: 616px; padding-top: 15px; } .v-mega-nav__item--t1 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 21px; line-height: 21px; position: relative; white-space: nowrap; list-style-type: none; padding: 0; display: table-cell; border-bottom: none; bottom: 0; float: none !important; clear: none; width: auto; margin: 0; } .v-mega-nav__link--t1 { display: block; color: #333; background: #ffffff; border: 1px solid transparent; padding: 6px 6px 0 6px; text-transform: uppercase; text-align: center; margin-left: auto; margin-right: auto; line-height: normal; } .v-mega-nav__link--t1:focus { outline: 5px auto; outline-offset: -2px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .v-mega-nav__link--t1:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } } .v-mega-nav__button--t1:focus { opacity: 1; } .v-mega-nav__button--t1, .v-mega-nav__button--t1:hover { background: #ffffff; background-image: url(/Content/images/v3/MenuChevBlue.svg); background-position: center center; background-repeat: no-repeat; border: none; content: ' '; height: 20px; opacity: 0; position: absolute; padding: 0; margin: 0; right: -15px; top: 18px; transform: rotate(90deg); width: 20px; z-index: 10; } .v-mega-nav__button--t1:focus { opacity: 1; right: calc(50% - 10px); top: 40px; } .v-mega-nav__item--t1.selected .v-mega-nav__button--t1 { background: #142640; background-image: url(/Content/images/v3/MenuChevwhite.svg); background-position: center center; background-repeat: no-repeat; opacity: 1; transform: rotate(270deg); right: calc(50% - 10px); top: 40px; } .v-mega-nav__item--t1.selected .v-mega-nav__button--t1[aria-expanded="false"] { right: -15px; top: 18px; } .v-mega-nav__item--t1:hover .v-mega-nav__button--t1, .touch .v-mega-nav__item--t1.selected .v-mega-nav__button--t1 { opacity: 0; } .v-mega-nav__text--t1 { font-family: "Open Sans", sans-serif; display: block; font-size: 18px; font-style: normal; font-weight: 500; padding: 10px 2px 0 2px; height: 57px; line-height: 20px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; } .v-mega-nav__item--left { max-width: none; } .v-mega-nav__link--t1::after, .v-mega-nav::after { content: '' !important; display: none; } .v-mega-nav__sub--t2 { display: none; position: absolute; top: 0; left: 0; z-index: -1; border: none; width: 238px; min-width: 100%; padding: 0; background-color: #FFF; } .v-mega-nav__sub--t2 ul { background-color: transparent; min-height: 100%; padding: 0; position: relative; column-count: auto; column-gap: 0; } .v-mega-nav__item--t2 { margin: 0 !important; padding: 0 !important; position: unset; float: none !important; max-width: none !important; width: 244px; } .v-mega-nav__link-container { position: relative; } .v-mega-nav__link--t2 { cursor: pointer; text-align: left; padding: 0; border: none; display: block; line-height: 2.0rem; } .v-mega-nav__link--t2 .text, .v-mega-nav__sub--t3 .v-mega-nav__text { color: #000000; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 22px; padding: 6px 16px; white-space: nowrap; display: block; } .v-mega-nav__link--t2 .text.bold { font-weight: bold; } .v-mega-nav__sub--t3 { display: none; height: auto; position: absolute; top: -32px; left: 244px; z-index: -10; border: none; background-color: #fff; padding: 32px 0; width: 100vw; } .v-mega-nav__sub--t3 a.v-mega-nav__h4 { color: #000000; display: block; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 600; line-height: 22px; margin: 0; padding: 6px 16px; text-decoration: none !important; text-transform: capitalize; word-wrap: break-word; } .v-mega-nav__sub--t3-col { float: left; position: relative; width: 244px; } .v-mega-nav__sub--t3-col--w-auto { width: auto; } .v-mega-nav__sub--t3-col h4 { margin: 0; } .v-mega-nav__sub--t3 .spacer { height: 16px; } .v-mega-nav__sub--t3 ul { padding: 0; } .v-mega-nav__sub--t3 ul li { list-style: none; } .v-mega-nav__sub--t3 ul li a { color: #000000; display: block; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 20px; padding: 6px 16px !important; text-decoration: none !important; word-wrap: break-word; } .v-mega-nav__sub--t3 ul li a:hover, .v-mega-nav__sub--t3 a.v-mega-nav__h4:hover { background: rgba(69, 101, 128, 0.1); } .v-mega-nav__sub--t3 ul li a:focus, .v-mega-nav__sub--t3 a.v-mega-nav__h4:focus { background: rgba(69, 101, 128, 0.1); outline: none; } .v-mega-nav__sub-container { background-color: #fff; position: absolute; border: none; padding: 3px; top: 0; list-style-type: none; } .v-mega-nav__sub-container { padding: 4px 3px 4px 3px !important; } .v-mega-nav__sub--t3 .v-mega-nav__link { outline: none; outline-offset: 0; -webkit-box-shadow: none; box-shadow: none; } .v-mega-nav__sub--t3 .text { background-color: transparent; color: #333; } .v-mega-nav__sub--t3 .v-mega-nav__link:hover .v-mega-nav__text, .v-mega-nav__sub--t3 .v-mega-nav__link:focus .v-mega-nav__text { background-color: #c5dce8; color: #333; } .v-mega-nav__item--t1.selected { margin-right: -6px; bottom: -1px; } .v-mega-nav__item--t1.selected .v-mega-nav__link--t1 { padding-bottom: 0; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #FFF; } .v-mega-nav__item--t1.selected .v-mega-nav__text--t1 { background-color: #142640; color: #FFF; } .v-mega-menu__submenu { display: none; overflow: hidden; max-height: 0; } .v-mega-menu__submenu.selected { background-color: #ffffff; display: block; position: fixed; top: 121px; left: 0; transition: max-height 0.2s ease-in; width: 100%; z-index: 9; } #header-mega-nav.open .v-mega-menu__submenu.selected { transition: none; } .v-mega-menu__submenu.selected #cruises, .v-mega-menu__submenu.selected #ships { border-right: 1px solid #D8D8D8; left: 131px; min-width: auto; padding: 32px 0; width: 244px; } .v-mega-menu__submenu.selected #why-viking, .v-mega-menu__submenu.selected #my-trip, .v-mega-menu__submenu.selected #videos { border-right: none; left: 131px; min-width: auto; padding: 32px 0; width: 500px; } .v-mega-menu__submenu #cruises, .v-mega-menu__submenu #ships, .v-mega-menu__submenu #why-viking, .v-mega-menu__submenu #my-trip, .v-mega-menu__submenu #videos { display: block; } .v-mega-menu__submenu.selected #cruises.selected, .v-mega-menu__submenu.selected #ships.selected, .v-mega-menu__submenu.selected #why-viking.selected, .v-mega-menu__submenu.selected #my-trip.selected, .v-mega-menu__submenu.selected #videos.selected { display: block; } .v-mega-menu__submenu--container { width: 100%; max-width: 1378px; margin: 0 auto; position: relative; } .v-mega-nav__item--t2.selected .text, .v-mega-nav__item--t2 .v-mega-nav__link--t2[aria-expanded="true"] .text { background-color: #456580; color: #fff; } .v-mega-nav__item--t2.v-mega-nav__item--children .v-mega-nav__link-container::before { content: ' '; position: absolute; height: 12px; width: 9px; right: 12px; top: 12px; z-index: 10; display: block; background-image: url(/Content/images/v3/MenuChevBlue.svg); background-position: center center; background-repeat: no-repeat; padding: 0; margin: 0; } .v-mega-nav__item--t2.v-mega-nav__item--children.selected .v-mega-nav__link-container::before, .v-mega-nav__item--t2.v-mega-nav__item--children:hover .v-mega-nav__link-container::before { background-image: url(/Content/images/v3/MenuChevWhite.svg); } .v-mega-nav__item--t2.v-mega-nav__item--children:not(.selected) .v-mega-nav__link-container::before { background-image: url(/Content/images/v3/MenuChevBlue.svg); } .v-mega-nav__sub--t3 .v-mega-nav__link { line-height: normal !important; } .v-mega-nav__sub--t3 .v-mega-nav__text { padding-left: 5px; } .v-mega-nav__item--t2.selected.v-mega-nav__item--children .v-mega-nav__link--t2 { padding-right: 0; margin-right: 0; } .v-mega-nav__item--t2.selected .v-mega-nav__sub--t3, .v-mega-nav__item--t2:hover .v-mega-nav__sub--t3 { display: block; } .v-mega-nav__item--t1[data-menu='cruises'] .v-mega-nav__sub--t2 { width: 244px; } .v-mega-nav__item--t1[data-menu='videos'] .v-mega-nav__sub--t2 { width: 195px; } .v-mega-nav__item--t2[data-menu="cruises"].selected { margin-right: 0; padding-right: 0; } } @media screen and (min-width: 1200px) { .v-mega-nav__text--t1 { font-size: 20px; line-height: 22px; } .v-mega-nav__link--t2 .text, .v-mega-nav__sub--t3 .v-mega-nav__text { font-size: 18px; line-height: 24px; } .v-mega-nav__sub--t3 a.v-mega-nav__h4 { font-size: 18px; line-height: 24px; } .v-mega-nav__sub--t3 ul li a { font-size: 16px; line-height: 22px; } .v-mega-nav__sub--t2-col { width: 282px; } .v-mega-nav__sub--t2 > ul { width: 282px; } .v-mega-nav__item--t2 { width: 282px; } .v-mega-menu__submenu #my-trip .v-mega-nav__sub--t2-col { width: 302px; } .v-mega-menu__submenu #my-trip .v-mega-nav__sub--t2 > ul { width: 302px; } .v-mega-menu__submenu #my-trip .v-mega-nav__item--t2 > li { width: 302px; } .v-mega-menu__submenu #my-trip .v-mega-nav__item--t2 { width: 302px; } .v-mega-nav__sub--t3-col { width: 264px; } .v-mega-nav__sub--t3-col--w-auto { width: auto; } .v-mega-nav__sub--t3 { left: 282px; } .v-mega-menu__submenu.selected #cruises, .v-mega-menu__submenu.selected #ships { width: 282px; } .v-mega-nav__item--t1[data-menu='cruises'] .v-mega-nav__sub--t2 { width: 282px; } .v-mega-nav__item--t2.v-mega-nav__item--children .v-mega-nav__link-container::before { top: 14px; } } @media screen and (min-width: 1279px) { .v-mega-menu__search-container { width: 214px; } .v-mega-menu__search--large .v-mega-menu__search-container { width: 330px; } .v-mega-menu__nav { margin: 0 0 0 26px; max-width: none; width: auto; } } /*********************************************************************************/ .trd-story-tileset-container { background-color: #eceef1; } .trd-body-wrapper { position: absolute; left: 0; right: 0; width: 100%; /*max-width: 1400px;*/ max-width: 100%; margin: 0 auto; /*@include transition(all $transition-fast ease);*/ top: 51px; } .modal-open .trd-body-wrapper { position: absolute; padding-right: 17px; } @media screen and (max-width: 1180px) { .modal-open .trd-body-wrapper { padding-right: 0; } } .trd-footer-canvas #breadcrumb { display: none !important; } #cruise-canvas { -webkit-transition: height 0.25s ease; transition: height 0.25s ease; height: 80px; background: transparent; } @media screen and (max-width: 767px) { #cruise-canvas { /*height:$cruise-hdr-height-collapsed;*/ } } .sticky-active #cruise-canvas { height: 59px; } .sticky-active .trd-body-wrapper { margin-bottom: 51px; } /**********************************************************************************/ @media screen and (min-width: 1024px) { .restrict-on-tablet { display: none; } .restrict-on-desktop { display: block; } } .image-mask-1-by-1 { background-size: cover; background-position: center; width: 100%; padding-bottom: 100%; } @media print { .image-mask-1-by-1 { padding-bottom: 0; } } .image-mask-2-by-1 { background-size: cover; background-position: center; width: 100%; padding-bottom: 50%; } @media print { .image-mask-2-by-1 { padding-bottom: 0; } } .image-mask-custom-hs { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; padding-bottom: 56%; } @media print { .image-mask-custom-hs { padding-bottom: 0; } } .modal .form-modal-thank-you .section-page-message { padding: 20px 30px; } .modal .form-modal-thank-you .section-page-message .section-page-message-center h2 { margin-top: 0; font-size: 40px; font-weight: 500; } .modal .form-modal-thank-you .section-page-message .section-page-message-center p { margin-bottom: 0; font-size: 16px; letter-spacing: 0.48px; max-width: 680px; margin-left: auto; margin-right: auto; } .modal .form-modal-thank-you .section-thumbnails .thumbnail-tile { padding-bottom: 16px; } .modal .form-modal-thank-you .section-thumbnails .thumbnail-tile .thumbnail-tile-caption { background-color: whitesmoke; color: #333333; line-height: 1.5; padding: 16px; } .modal .form-modal-thank-you .section-thumbnails .thumbnail-tile .thumbnail-tile-caption h4 { margin: 0; color: inherit; font-size: 16px; font-weight: 600; font-style: normal; font-family: "Open Sans", sans-serif; line-height: 1.5; text-transform: capitalize; } .modal .form-modal-thank-you .section-thumbnails .thumbnail-tile .image-mask-2-by-1 { position: relative; } .modal .form-modal-thank-you .section-thumbnails .thumbnail-tile .image-mask-2-by-1 img { position: absolute; } .modal .form-modal-thank-you .section-thumbnails .thumbnail-tile .image-mask-2-by-1 img.print-only-img { display: none; } .page-alert { text-align: left; padding: 16px; min-height: 0; color: black; background-color: #d9e0e7; } .page-alert-content { max-width: 1322px; margin: 0 auto; } .page-alert a { color: black; } .group:after { content: ""; display: table; clear: both; } .desktop .trd-header-menu-canvas { z-index: 7000; } .footer-container { max-width: 1366px; padding-left: 12px; padding-right: 12px; margin-left: auto; margin-right: auto; } .footer-container.footer-links { margin: 36px auto 0; } .footer-container.footer-links .footer-nav::after { display: block; content: none; clear: none; } .footer-container .float-right { padding: 0 0 0 16px; } .footer-container .float-left { padding: 0 16px 0 0; } .footer-desktop { position: relative; } .footer-desktop .social-media { display: inline-block; position: absolute; bottom: 113px; right: 48px; z-index: 100; } .footer-desktop .social-media__list { list-style: none; padding: 0; margin: 0; display: flex; gap: 20px; } .footer-desktop .social-media__item { margin: 0; } .footer-desktop .social-media__link { display: flex; align-items: center; justify-content: center; background-color: transparent; } .footer-desktop .social-media__icon { width: 32px; height: 32px; filter: brightness(0) invert(1); } @media screen and (max-width: 768px) { .footer-desktop .social-media { bottom: 57px; right: 17px; } .footer-desktop .social-media__icon { width: 24px; height: 24px; } } .trd-footer-canvas { z-index: 4000; background-color: #142640; color: #fff; margin: 18px auto 0; clear: both; font-size: 13px; } .trd-footer-canvas hr { border-color: rgba(255, 255, 255, 0.15); } .trd-footer-canvas .footer-contact { background-color: #142640; color: #fff; } @media only screen and (max-width: 767px) { .trd-footer-canvas .footer-contact { display: none; } } .trd-footer-canvas .footer-contact .footer-contact-container { margin-left: auto; margin-right: auto; height: 100%; display: table; /*padding: 10px 10px;*/ } .trd-footer-canvas .footer-contact .footer-contact-container .footer-contact-text { font-size: 18px; letter-spacing: 0.05em; vertical-align: middle; color: #fff; display: table-cell; } .trd-footer-canvas .footer-contact .footer-contact-container .footer-contact-spacer { display: table-cell; width: 6px; } .trd-footer-canvas .footer-contact .footer-contact-container .footer-contact-phone-number { display: table-cell; font-size: 24px; } .trd-footer-canvas .footer-links-title { padding: 0 0 8px; text-transform: capitalize; font-size: 16px; line-height: 1.1em; letter-spacing: 0.05em; color: #fff; margin: 0; } .trd-footer-canvas a:not(.btn-red) { color: #fff !important; letter-spacing: 0.25px; font-size: 13px !important; padding: 3px 0; display: block; } .trd-footer-canvas a:not(.btn-red):hover, .trd-footer-canvas a:not(.btn-red):focus { color: #fff; } .trd-footer-canvas button { background-color: transparent; border: none; color: #fff; letter-spacing: 0.25px; font-size: 13px; padding: 3px 0; display: block; } .trd-footer-canvas button:hover, .trd-footer-canvas button:focus { color: #fff; } .trd-footer-canvas .social-links a { width: 32px; height: 32px; padding: 5px 0; font-size: 16px; text-align: center; color: #fff; border-color: #fff; } .trd-footer-canvas .social-links a:hover { color: #fff; border-color: #b10a32; } .footer-social li { padding: 0 0 0 2px !important; } .footer-social li:last-child { padding-right: 0; } @media screen and (max-width: 767px) { .trd-footer-canvas .footer-contact .footer-contact-spacer { display: none; } .trd-footer-canvas .footer-contact .footer-contact-text { display: block; padding: 0; margin: 0; text-align: center; font-size: 16px; letter-spacing: 0.025em; } .trd-footer-canvas .footer-contact .footer-contact-phone-number { display: block; padding: 0; margin: 0; text-align: center; } .trd-footer-promo-container { width: calc(100% - 20px); } } @media screen and (min-width: 768px) { .trd-footer-canvas .footer-container:not(.footer-links) { padding-bottom: 16px; } .trd-footer-canvas .footer-contact { min-height: 40px; line-height: 40px; } } @media screen and (min-width: 1024px) { .trd-footer-canvas .footer-contact { /*padding: 4px 0;*/ vertical-align: middle; border-bottom: 1px solid rgba(255, 255, 255, 0.15); /*border-top: 1px solid $gray-lighter;*/ height: 42px; line-height: 42px; } .trd-footer-canvas .footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1200px) { .trd-footer-canvas .footer-social li { padding: 0 0 0 4px !important; } .trd-footer-canvas .footer-social li:last-child { padding-right: 0; } } .cro_king2_button { cursor: default; position: relative; } .cro_king2_button:hover { cursor: pointer; } .cro_king2_button .star, .cro_king2_button .knot { font-size: 2.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: 27px; width: 27px; overflow: visible; } .cro_king2_button .label { color: #0f3055; text-transform: uppercase; } body > .cro_king2_button { -webkit-box-shadow: 2px 3px 6px 1px rgba(40, 40, 40, 0.36); box-shadow: 2px 3px 6px 1px rgba(40, 40, 40, 0.36); padding: 0; text-align: center; position: fixed; bottom: 130px; right: 7px; z-index: 999; } body > .cro_king2_button:not(.btn-red) { background-color: #fff; } body > .cro_king2_button:not(.btn-red) .label { color: #0f3055; } body > .cro_king2_button .star, body > .cro_king2_button .knot { display: block; font-size: 1.4em; text-align: center; position: relative; left: 50%; margin-left: -0.65em; margin-bottom: 0.5em; } #persistentFooter > div { /*& > div:nth-child( 2 ) { //display: none !important; }*/ } #persistentFooter > div > .cro_king2_button .star, #persistentFooter > div > .cro_king2_button .knot { position: absolute; top: 11px; left: 30px; } @media (max-width: 400px) { #persistentFooter > div > .cro_king2_button .star, #persistentFooter > div > .cro_king2_button .knot { left: 10px; } } @media (max-width: 425px) { #persistentFooter > div > .cro_king2_button .star, #persistentFooter > div > .cro_king2_button .knot { left: 15.5%; } } @media (max-width: 320px) { #persistentFooter > div > .cro_king2_button .star, #persistentFooter > div > .cro_king2_button .knot { left: 10%; } } @media (max-width: 500px) { #persistentFooter > div > .cro_king2_button .label { padding-left: 35px; } } #persistentFooter > div > .cro_king2_button .label > br { display: none; } .mobile-footer-canvas { background-color: #142640; color: #FFF; } .mobile-footer-canvas:before, .mobile-footer-canvas:after { content: " "; display: table; } .mobile-footer-canvas:after { clear: both; } @media only screen and (max-width: 767px) { .mobile-footer-canvas { margin-top: 20px; margin-bottom: 50px; } } .mobile-footer-canvas::before { content: ""; display: table; clear: both; } .mobile-footer-canvas hr { border-color: rgba(255, 255, 255, 0.15); margin: 0 16px 16px; } .mobile-footer-canvas .footer-phone { font-size: 16px; } .mobile-footer-canvas > .footer-mobile-share { padding: 0 16px; border-top: 1px rgba(255, 255, 255, 0.15) solid; } .mobile-footer-canvas > .footer-mobile-share .title { margin: 0; padding: 24px 0 8px; font-size: 20px; text-align: center; color: #fff; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; } .mobile-footer-canvas > .footer-mobile-share .social-links li a { color: #fff; border-color: #fff; } .mobile-footer-canvas > .footer-mobile-share .social-links li a:hover { color: #fff; border-color: #b10a32; } .mobile-footer-canvas > .footer-links { padding: 16px; padding-bottom: 0; } .mobile-footer-canvas > .footer-links section { border-top: 1px rgba(255, 255, 255, 0.15) solid; text-align: left; } .mobile-footer-canvas > .footer-links section > a { display: block; } .mobile-footer-canvas > .footer-links section > a .title { margin: 0; padding: 25px 0; font-size: 20px; color: #fff; text-align: left; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; } .mobile-footer-canvas > .footer-links section > a .title .icon { font-size: 14px; margin-top: 4px; } .mobile-footer-canvas > .footer-links section > a.collapsed .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mobile-footer-canvas > .footer-links section ul { -webkit-column-count: 2; column-count: 2; margin-bottom: 32px; } .mobile-footer-canvas > .footer-links section ul li { margin-bottom: 8px; } .mobile-footer-canvas > .footer-links section ul li a { display: inline-block !important; font-size: 14px !important; padding-right: 16px; color: #fff !important; } .mobile-footer-canvas > .footer-links section ul li a:hover { color: #fff; } .mobile-footer-canvas > .footer-links section ul li button { background-color: transparent; border: none; color: #fff; letter-spacing: 0.25px; font-size: 14px; padding: 0; display: block; text-align:left; } .mobile-footer-canvas > .footer-links section ul li button:hover, .mobile-footer-canvas > .footer-links section ul li button:focus { color: #fff; } .mobile-footer-canvas > .footer-actions { padding: 16px; text-align: center; } .mobile-footer-canvas > .footer-actions > div { margin-bottom: 16px; } .mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-right { text-align: right; } .mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-left { text-align: left; } .mobile-footer-canvas > .footer-actions div:not(.footer-phone) span { width: 100%; display: block; } .mobile-footer-canvas > .footer-actions .social-media { display: inline-block; margin: 0 auto; padding: 16px 0; position: relative; z-index: 100; } .mobile-footer-canvas > .footer-actions .social-media__list { list-style: none; padding: 0; margin: 0; display: flex; gap: 20px; } .mobile-footer-canvas > .footer-actions .social-media__item { margin: 0; } .mobile-footer-canvas > .footer-actions .social-media__link { display: flex; align-items: center; justify-content: center; background-color: transparent; } .mobile-footer-canvas > .footer-actions .social-media__icon { width: 24px; height: 24px; filter: brightness(0) invert(1); } @media only screen and (max-width: 767px) { .mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-left, .mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-right { text-align: center; } } .mobile-footer-canvas > .footer-actions a, .mobile-footer-canvas > .footer-actions a:hover, .mobile-footer-canvas > .footer-actions span { color: #fff; } body { margin-bottom: 50px; } @media screen and (min-width: 1024px) { body { margin-bottom: 0; } } #persistentFooter { background: #fcfcfc; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1000; -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.25); -webkit-transition: bottom 200ms linear; transition: bottom 200ms linear; } #persistentFooter .row div { padding: 4px; } #persistentFooter .btn { color: #555555; border: 1px solid #44687d; margin: auto; height: 42px; vertical-align: middle; line-height: 14px; font-size: 12px; max-width: 100%; width: 100%; } #persistentFooter .btn span:not(.icon-border) { display: inline-block; vertical-align: middle; font-size: 18px; margin-right: 2px; margin-top: -2px; } #persistentFooter .btn.single-line { line-height: 28px; } #persistentFooter .btn.tap-to-call { color: #fff; border-color: transparent; } #persistentFooter .btn.tap-to-call span { margin-right: 2px; padding: 3px; } @media screen and (min-width: 480px) { #persistentFooter .row div { padding: 4px 8px; } #persistentFooter .btn { font-size: 14px; } #persistentFooter .btn span:not(.icon-border) { vertical-align: top; font-size: 23px; margin-right: 5px; margin-top: 2px; } #persistentFooter .btn.tap-to-call span { margin-right: 5px; padding: 4px; } } .banner-disclaimer__text { text-align: left; font-size: 12px; line-height: 16px; word-wrap: break-word; margin: 16px auto; padding: 0 12px 0 12px; } .banner-disclaimer__text > a { display: inline !important; text-decoration: underline; color: white; } .banner-disclaimer__text .banner-disclaimer__text-link--no-underline { text-decoration: none; color: inherit; } .banner-disclaimer__text--ctas { text-align: center; margin: 0 auto; } .banner-disclaimer__text--ctas .banner-disclaimer__cta { font-size: 14px; line-height: 18px; display: inline; color: #FFF; background-color: transparent; border: none; text-decoration: underline; } #modal-page-offer-terms .modal-body h2 { text-align: center; font-size: 28px; line-height: 34px; text-transform: capitalize; margin-bottom: 16px; } #modal-page-offer-terms .modal-body h3 { text-align: left; font-size: 21px; line-height: 28px; text-transform: capitalize; margin-bottom: 10px; color: #000; } #modal-page-offer-terms li { margin-bottom: 6px; } #modal-page-offer-terms .modal-body p, #modal-page-offer-terms .modal-body li { font-size: 16px; line-height: 26px; } @media screen and (min-width: 768px) { .banner-disclaimer { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .banner-disclaimer--mobile { border-bottom: none; } .banner-disclaimer__text { font-size: 13px; line-height: 21px; max-width: 1366px; margin: 16px auto 22px auto; padding: 0 12px 0 12px; } .banner-disclaimer__text--ctas .banner-disclaimer__cta { font-size: 16px; line-height: 24px; } .banner-disclaimer--mobile .banner-disclaimer__text { margin: 16px auto 0 auto; padding: 0 12px 0 12px; } } @import url("https://use.typekit.net/bph0agt.css"); @keyframes skeleton-loading { 0% { background-color: hsl(200, 20%, 40%); } 100% { background-color: hsl(200, 20%, 95%); } } .promotion-banner.htmx-added { opacity: 0; } .promotion-banner { opacity: 1; transition: opacity 1s ease-out; } .promotion-banner--skeleton .promotion-banner__content { margin: 0 auto; padding: 0 2.5rem 0 2.5rem; width: 100%; max-width: 768px; } .promotion-banner--skeleton .promotion-banner__heading { opacity: .5; animation: skeleton-loading 1s linear infinite alternate; height: 4rem; border-radius: 1rem; margin-bottom: 1rem; } .promotion-banner--skeleton .promotion-banner__text { opacity: .5; animation: skeleton-loading 1s linear infinite alternate; border-radius: 1rem; margin-top: 1rem; height: 3.5rem; } @media screen and (min-width: 768px) { .promotion-banner--skeleton .promotion-banner__content { padding: 0 2.5rem 0 2.5rem; } .promotion-banner--skeleton .promotion-banner__heading { height: 5.5rem; margin-bottom: 2rem; } .promotion-banner--skeleton .promotion-banner__text { margin-top: 2.2rem; height: 3.5rem; } } .promotion-banner { background-color: #142640; border-bottom: 12px solid #B10A32; margin-bottom: 36px; padding: 0; } .promotion-banner__container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 40px 0; position: relative; } .promotion-banner__container--image { border-bottom: 12px solid #B10A32; width: 100%; max-width: 100%; margin: 0 auto; padding: 48px 0px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .promotion-banner__container--image-variant { padding: 48px 0px 58px; } .promotion-banner__row { align-items: center; display: flex; justify-content: center; position: relative; z-index: 2; } .promotion-banner__content { text-align: center; } .promotion-banner__heading { color: #ffffff; font-family: "adobe-garamond-pro","GaramondPro Regular",Garamond,"EB Garamond","Times New Roman",Serif; font-size: 50px; font-weight: 600; line-height: 54px; margin: 0 auto 4px auto; text-align: center; text-transform: uppercase; } .promotion-banner__heading-lg { font-size: 50px; } .promotion-banner__heading em { font-size: 50px; font-style: italic; font-weight: 600; line-height: 54px; margin: 0 auto 12px auto; text-transform: none; } .promotion-banner__heading-lg em { font-size: 50px; } .promotion-banner__heading sup { font-size: 30px; top: -0.6em; } .promotion-banner__variant { margin: 28px 0 24px; } .promotion-banner__content hr { border-top: 1px solid #ffffff; margin: 0 auto; width: 900px; } .promotion-banner__text { color: #ffffff; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 20px; font-weight: 600; line-height: 30px; margin: 8px auto 0 auto; text-align: center; width: 100%; } .promotion-banner__text-mt-none { margin: 0 auto; } .promotion-banner__text.promotion-banner__text--margin-lg { margin-top: 72px; } .promotion-banner__text span { display: inline-block; } .promotion-banner__half-pipe { border-left: 1px solid #ffffff; display: inline-block; height: 9px; margin: 0 24px; position: relative; bottom: 8px; } .text-fragment { color: #ffffff; font-size: 26px; font-weight: 400; line-height: 30px; font-family: "Open Sans", sans-serif; font-style: normal; display: inline-block; } .text-fragment sup { top: -0.3em; } .text-fragment em { font-style: italic; } .text-fragment--semibold { font-weight: 600 !important; } .text-fragment--bold { font-weight: 700; } .text-fragment--italics { font-style: italic; } .text-fragment-em{ text-transform: none; font-family: "adobe-garamond-pro", Garamond, "EB Garamond", "Times New Roman", Serif; font-style: italic; font-weight: 400; font-synthesis: none; color: #ffffff; font-size: 50px; line-height: 54px; margin: 0 auto 4px auto; text-align: center; } .text-fragment--capitalize { text-transform: capitalize; } .text-fragment--title-case { text-transform: capitalize; font-size: 74px; line-height: 78px; font-weight: normal; } .text-fragment--upper { text-transform: uppercase; } .text-fragment--line-break { display: block; } .text-fragment--divider { font-weight: 700; line-height: 18px; } .text-fragment--md { font-size: 26px; line-height: 39px; } .text-fragment--sm { font-size: 20px; font-weight: 700; line-height: 26px } .text-fragment--line-height-xs { line-height: 18px !important; } .text-fragment:after { display: inline-block; content: ""; background: #ffffff; border-radius: 50%; line-height: 6px; margin-left: 13px; margin-right: 13px; position: relative; width: 6px; height: 6px; vertical-align: middle; } .text-fragment:last-child:after { display: none; } .text-fragment-pipe { border-left: 1px solid #ffffff; display: inline-block; height: 24px; margin: 0 8px; position: relative; top: 3px; } .promotion-banner__text--horizontal-line { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 26px; font-weight: 300; line-height: 34px; margin: 32px auto 0 auto; text-align: center; } .promotion-banner__text--horizontal-line b, .promotion-banner__text--horizontal-line strong { font-weight: 700; } .promotion-banner__text--horizontal-line:before, .promotion-banner__text--horizontal-line:after { background-color: #ffffff; content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0"; display: inline-block; height: .5px; margin: 0 12px 4px 12px; position: relative; vertical-align: middle; } .promotion-banner__text--lg { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; margin: 32px auto 0 auto; text-align: center; text-transform: uppercase; } .promotion-banner__btn { color: #FFF; background-color: #B10A32; border: none; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; padding: 13px 25px; margin-bottom: 24px; margin-top: 4px; text-align: center; text-transform: uppercase; display: inline-block; } .promotion-banner__btn:hover { color: #FFF; background-color: #B10A32; } .promotion-banner__expiring-countdown-container { position: relative; width: 100%; background-color: #B10A32; height: 40px; text-align: center; z-index: 1; margin-top: 16px; } .promotion-banner__expiring-countdown-image-container { display: inline-block; padding-right: 2px; } .promotion-banner__expiring-countdown-image { height: 16px; position: relative; top: -2px; } .promotion-banner__expiring-countdown-text { display: inline-block; color: white; font-size: 14px !important; font-weight: 500; line-height: 20px; height: 100%; padding-top: 10px; margin-bottom: 0; text-transform: uppercase; } .promo-banner__unit { font-size: 85%; } .promotion-banner__text.promotion-banner__text--margin-md { margin-top: 12px; } .promotion-banner__ul { align-items: center; display: inline-flex; flex-direction: row; gap: 24px; justify-content: center; margin: 0; margin-bottom: 16px; margin-top: 24px; padding: 0; } .promotion-banner__li { color: #ffffff; display: inline-block; font-size: 20px !important; font-weight: 400; line-height: 26px; font-style: normal; list-style: none; margin: 0 !important; width: auto; } .promotion-banner__li strong { font-weight: 700; text-transform: uppercase; } .promotion-banner__li-w-lg { width: 230px; } @media screen and (min-width: 768px) { .promotion-banner__expiring-countdown-text { font-weight: 700; } .promotion-banner__text.promotion-banner__text--margin-md { margin-top: 28px; } } @media screen and (min-width: 1024px) { .promotion-banner__expiring-countdown-image-container { display: inline-block; position: relative; bottom: 4px; padding-right: 4px; } .promotion-banner__expiring-countdown-image { height: 30px; } .promotion-banner__expiring-countdown-container { height: 62px; margin-top: 24px; } .promotion-banner__expiring-countdown-text { font-size: 26px !important; margin-bottom: 0; padding-top: 16px; line-height: 30px; } .promotion-banner__text.promotion-banner__text--margin-md { margin-top: 52px; } } @media screen and (min-width: 1360px) { .promotion-banner__text.promotion-banner__text--margin-md { margin-top: 20px; } } .promotion-banner-countdown { border-bottom: none !important; padding: 0; } .promotion-banner-countdown .promotion-banner__container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0; position: relative; } .promotion-banner-countdown .promotion-banner__row { align-items: center; display: flex; justify-content: center; position: relative; z-index: 2; } .promotion-banner-countdown .promotion-banner__content { text-align: center; display: flex; align-items: center; width: 100%; } .promotion-banner-countdown__left-section { align-items: center; align-self: stretch; background: #B10A32; display: flex; flex-direction: column; justify-content: center; padding: 12px 0; text-align: center; width: 405px; } .promotion-banner-countdown__right-section { align-items: center; display: flex; flex-direction: column; flex: 2; justify-content: center; text-align: center; width: 100%; } .promotion-banner-countdown__right-section-content { align-items: center; justify-content: center; display: flex; flex-direction: column; height: auto; padding: 24px 0 20px; } .promotion-banner-countdown__main-heading { color: #ffffff; font-family: "adobe-garamond-pro","GaramondPro Regular",Garamond,"EB Garamond","Times New Roman",Serif; font-size: 36px; font-weight: 400; letter-spacing: 1px; line-height: 40px; text-transform: uppercase; } .promotion-banner-countdown__subheading { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 400; line-height: 30px; margin: 14px auto; } .promotion-banner-countdown__subheading .text-fragment { font-size: 24px; font-weight: 400; line-height: 30px; } .promotion-banner-countdown__subheading .promotion-banner__half-pipe { border-left: 1px solid #ffffff; display: inline-block; height: 16px; margin: 0 8px; position: relative; top: 1px; } .promotion-banner-countdown__subheading .text-fragment:after { display: none; } .promotion-banner-countdown__voyage-years { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 18px; text-transform: uppercase; } .promotion-banner-countdown__voyage-years .text-fragment { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 18px; text-transform: uppercase; } .promotion-banner-countdown__label { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 1px; } .promotion-banner-countdown { display: flex; justify-content: center; align-items: center; gap: 4px; } .promotion-banner-countdown__item { text-align: center; width: 52px; } .promotion-banner-countdown__number { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 400; line-height: 20px; margin: 0 0 8px 0; } .promotion-banner-countdown__unit { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 400; line-height: 13px; text-transform: uppercase; letter-spacing: 1px; } .promotion-banner-countdown__separator { color: #ffffff; font-family: "adobe-garamond-pro","GaramondPro Regular",Garamond,"EB Garamond","Times New Roman",Serif; font-size: 24px; font-weight: 400; line-height: 18px; align-self: flex-start; } /* Tablet Styles */ @media screen and (max-width: 1024px) { .promotion-banner-countdown__left-section { width: 30%; } .promotion-banner-countdown__main-heading { margin-bottom: 14px; } .promotion-banner-countdown__subheading { margin: 0 auto 14px; } } @media screen and (max-width: 991px) { .promotion-banner-countdown .promotion-banner__content { flex-direction: column; padding: 0; } .promotion-banner-countdown__left-section { order: 2; padding: 12px 16px; width: 100%; } .promotion-banner-countdown__right-section { order: 1; } .promotion-banner-countdown__subheading { margin: 0 auto 14px; } } @media screen and (max-width: 767px) { .promotion-banner-countdown .promotion-banner__row { padding: 0; } .promotion-banner-countdown__subheading .text-fragment { display: inline-block; margin-top: 0; } .promotion-banner-countdown__main-heading { font-size: 26px; line-height: 26px; margin-bottom: 12px; } .promotion-banner-countdown__subheading { font-size: 16px; line-height: 21px; margin: 0 auto 8px; } .promotion-banner-countdown__subheading .text-fragment { font-size: 16px; line-height: 21px; } .promotion-banner-countdown__subheading .promotion-banner__half-pipe { height: 16px; margin: 0 4px; top: 3px; } .promotion-banner-countdown__subheading .text-fragment:after { display: none; } .promotion-banner-countdown__voyage-years { font-size: 14px; line-height: 18px; } .promotion-banner-countdown__voyage-years .text-fragment { font-size: 14px; line-height: 18px; } .promotion-banner-countdown__label { font-size: 16px; line-height: 21px; margin: 0 0 8px 0; } .promotion-banner-countdown__number { font-size: 20px; line-height: 20px; margin: 0 0 8px 0; } .promotion-banner-countdown__unit { font-size: 12px; line-height: 13px; } } @media screen and (max-width: 1180px) { .promotion-banner__text.promotion-banner__text--margin-lg { margin-top: 16px; } } @media screen and (max-width: 932px) { .promotion-banner__container--image-variant { padding: 40px 0px; } .promotion-banner__text.promotion-banner__text--margin-lg { margin-top: 45px; } .promotion-banner__heading, .promotion-banner__heading em { font-size: 40px; } .promotion-banner__heading sup { font-size: 24px; top: -0.6em; } .promotion-banner__variant { margin: 20px 0 16px; } .promotion-banner__content hr { margin: 0 auto; width: 700px; } .promotion-banner__text, .text-fragment { font-size: 20px; line-height: 30px; } .text-fragment--md { font-size: 20px !important; line-height: 26px !important; } .text-fragment--sm { font-size: 16px !important; font-weight: 700; line-height: 21px !important; } .text-fragment--line-height-xs { line-height: 18px !important; } .text-fragment-pipe { top: 5px; } .text-fragment--title-case { font-size: 44px; line-height:48px; } .promotion-banner__half-pipe { bottom: 5px; } .promotion-banner__btn { margin-bottom: 16px; } .promotion-banner__ul { margin-bottom: 8px; margin-top: 16px; } .promotion-banner__li { font-size: 16px !important; line-height: 21px; } .promotion-banner__li-w-lg { width: 188px; } } @media screen and (max-width: 767px) { .promotion-banner { background-color: #142640; border-bottom: 8px solid #B10A32; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom: 32px; } .promotion-banner__container { padding: 32px 0; } .promotion-banner__container--image { border-bottom: 8px solid #B10A32; padding: 30px 0px 24px; background-position: bottom; background-size: cover; } .promotion-banner__container--image-variant { padding: 30px 0px 32px; } .promotion-banner__text.promotion-banner__text--margin-lg { margin-top: 19px; } .promotion-banner__row { display: block; padding: 32px 0; } .promotion-banner__row--p0 { padding: 0; } .promotion-banner__heading { font-size: 26px; font-weight: 600; line-height: 30px; margin: 0 auto 8px auto; } .promotion-banner__heading em { font-size: 26px; font-weight: 600; line-height: 30px; margin: 0 auto 8px auto; } .promotion-banner__heading sup { font-size: 14px; top: -0.6em; } .promotion-banner__variant { margin: 16px 0 8px; } .promotion-banner__content hr { width: 288px; } .promotion-banner__text, .text-fragment { font-size: 16px; font-weight: 400; line-height: 21px; } .promotion-banner__text { display: block; margin-top: 0; } .text-fragment { display: block; margin-top: 8px; } .text-fragment:after { margin-left: 2px; margin-right: 1px; width: 4px; height: 4px; } .text-fragment-pipe { height: 16px; margin: 0 4px; position: relative; top: 3px; } .text-fragment--title-case { font-size: 30px; line-height: 34px; } .promotion-banner__text span { font-size: 20px; font-weight: 400; line-height: 24px; } .text-fragment--md { font-size: 16px !important; line-height: 21px !important; } .text-fragment--sm { font-size: 14px !important; } .promotion-banner__btn { font-size: 14px; line-height: 24px; padding: 8px 15px; margin-bottom: 4px; margin-top: 0; } .promotion-banner__ul { flex-direction: column; gap: 12px; margin-bottom: 16px; margin-top: 13px; } .promotion-banner__li { font-size: 16px !important; line-height: 18px; } .promotion-banner__li-w-lg { width: 100%; } } /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { /*font-weight: bold;*/ font-weight: 600; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } @media print { *:not(.print-callout) { text-shadow: none !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } *:not(.modal-content):not(.modal-backdrop):not(.thumbnail-img):not(.map) { background: transparent !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url("/Content/fonts/glyphicons-halflings-regular.eot"); src: url("/Content/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/Content/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/Content/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/Content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 1.5; color: #333333; background-color: #FFF; } a { color: #B10A32; text-decoration: none; } a:hover, a:focus { color: #333; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0px; } .img-thumbnail { padding: 0px; line-height: 1.5; background-color: #FFF; border: 1px solid #ddd; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 21px; margin-bottom: 21px; border: 0; border-top: 1px solid #cccccc; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 21px; margin-bottom: 10.5px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10.5px; margin-bottom: 10.5px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 25px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10.5px; } .lead { margin-bottom: 21px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #B10A32; } a.text-primary:hover { color: #810724; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #B10A32; } a.bg-primary:hover { background-color: #810724; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9.5px; margin: 42px 0 21px; border-bottom: 1px solid #cccccc; } ul, ol { margin-top: 0; margin-bottom: 10.5px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled, .list-inline { padding-left: 0; list-style: none; } .list-inline { margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 21px; } dt, dd { line-height: 1.5; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10.5px 21px; margin: 0 0 21px; font-size: 17.5px; border-left: 5px solid #cccccc; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.5; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #cccccc; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 21px; font-style: normal; line-height: 1.5; } .container { margin-right: auto; margin-left: auto; padding-left: 8px; padding-right: 8px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 752px; } } @media (min-width: 1024px) { .container { width: 1008px; } } @media (min-width: 1366px) { .container { width: 1350px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 8px; padding-right: 8px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -8px; margin-right: -8px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-tn-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-tn-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-tn-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-tn-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-tn-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-tn-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-tn-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-tn-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-tn-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-tn-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-tn-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-tn-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; } .col-tn-1, .col-tn-2, .col-tn-3, .col-tn-4, .col-tn-5, .col-tn-6, .col-tn-7, .col-tn-8, .col-tn-9, .col-tn-10, .col-tn-11, .col-tn-12 { float: left; } .col-tn-1 { width: 8.33333%; } .col-tn-2 { width: 16.66667%; } .col-tn-3 { width: 25%; } .col-tn-4 { width: 33.33333%; } .col-tn-5 { width: 41.66667%; } .col-tn-6 { width: 50%; } .col-tn-7 { width: 58.33333%; } .col-tn-8 { width: 66.66667%; } .col-tn-9 { width: 75%; } .col-tn-10 { width: 83.33333%; } .col-tn-11 { width: 91.66667%; } .col-tn-12 { width: 100%; } .col-tn-pull-0 { right: auto; } .col-tn-pull-1 { right: 8.33333%; } .col-tn-pull-2 { right: 16.66667%; } .col-tn-pull-3 { right: 25%; } .col-tn-pull-4 { right: 33.33333%; } .col-tn-pull-5 { right: 41.66667%; } .col-tn-pull-6 { right: 50%; } .col-tn-pull-7 { right: 58.33333%; } .col-tn-pull-8 { right: 66.66667%; } .col-tn-pull-9 { right: 75%; } .col-tn-pull-10 { right: 83.33333%; } .col-tn-pull-11 { right: 91.66667%; } .col-tn-pull-12 { right: 100%; } .col-tn-push-0 { left: auto; } .col-tn-push-1 { left: 8.33333%; } .col-tn-push-2 { left: 16.66667%; } .col-tn-push-3 { left: 25%; } .col-tn-push-4 { left: 33.33333%; } .col-tn-push-5 { left: 41.66667%; } .col-tn-push-6 { left: 50%; } .col-tn-push-7 { left: 58.33333%; } .col-tn-push-8 { left: 66.66667%; } .col-tn-push-9 { left: 75%; } .col-tn-push-10 { left: 83.33333%; } .col-tn-push-11 { left: 91.66667%; } .col-tn-push-12 { left: 100%; } .col-tn-offset-0 { margin-left: 0%; } .col-tn-offset-1 { margin-left: 8.33333%; } .col-tn-offset-2 { margin-left: 16.66667%; } .col-tn-offset-3 { margin-left: 25%; } .col-tn-offset-4 { margin-left: 33.33333%; } .col-tn-offset-5 { margin-left: 41.66667%; } .col-tn-offset-6 { margin-left: 50%; } .col-tn-offset-7 { margin-left: 58.33333%; } .col-tn-offset-8 { margin-left: 66.66667%; } .col-tn-offset-9 { margin-left: 75%; } .col-tn-offset-10 { margin-left: 83.33333%; } .col-tn-offset-11 { margin-left: 91.66667%; } .col-tn-offset-12 { margin-left: 100%; } @media (min-width: 480px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 1024px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1366px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } .calendar-row { margin-left: -1px; margin-right: -1px; } .calendar-row:before, .calendar-row:after { content: " "; display: table; } .calendar-row:after { clear: both; } .calendar-xs-1, .calendar-sm-1, .calendar-md-1, .calendar-lg-1, .calendar-xs-2, .calendar-sm-2, .calendar-md-2, .calendar-lg-2, .calendar-xs-3, .calendar-sm-3, .calendar-md-3, .calendar-lg-3, .calendar-xs-4, .calendar-sm-4, .calendar-md-4, .calendar-lg-4, .calendar-xs-5, .calendar-sm-5, .calendar-md-5, .calendar-lg-5, .calendar-xs-6, .calendar-sm-6, .calendar-md-6, .calendar-lg-6, .calendar-xs-7, .calendar-sm-7, .calendar-md-7, .calendar-lg-7 { position: relative; min-height: 1px; padding-left: 2px; padding-right: 2px; } .calendar-xs-1, .calendar-xs-2, .calendar-xs-3, .calendar-xs-4, .calendar-xs-5, .calendar-xs-6, .calendar-xs-7 { float: left; } .calendar-xs-1 { width: 14.28571%; } .calendar-xs-2 { width: 28.57143%; } .calendar-xs-3 { width: 42.85714%; } .calendar-xs-4 { width: 57.14286%; } .calendar-xs-5 { width: 71.42857%; } .calendar-xs-6 { width: 85.71429%; } .calendar-xs-7 { width: 100%; } .calendar-xs-pull-0 { right: auto; } .calendar-xs-pull-1 { right: 14.28571%; } .calendar-xs-pull-2 { right: 28.57143%; } .calendar-xs-pull-3 { right: 42.85714%; } .calendar-xs-pull-4 { right: 57.14286%; } .calendar-xs-pull-5 { right: 71.42857%; } .calendar-xs-pull-6 { right: 85.71429%; } .calendar-xs-pull-7 { right: 100%; } .calendar-xs-push-0 { left: auto; } .calendar-xs-push-1 { left: 14.28571%; } .calendar-xs-push-2 { left: 28.57143%; } .calendar-xs-push-3 { left: 42.85714%; } .calendar-xs-push-4 { left: 57.14286%; } .calendar-xs-push-5 { left: 71.42857%; } .calendar-xs-push-6 { left: 85.71429%; } .calendar-xs-push-7 { left: 100%; } .calendar-xs-offset-0 { margin-left: 0%; } .calendar-xs-offset-1 { margin-left: 14.28571%; } .calendar-xs-offset-2 { margin-left: 28.57143%; } .calendar-xs-offset-3 { margin-left: 42.85714%; } .calendar-xs-offset-4 { margin-left: 57.14286%; } .calendar-xs-offset-5 { margin-left: 71.42857%; } .calendar-xs-offset-6 { margin-left: 85.71429%; } .calendar-xs-offset-7 { margin-left: 100%; } @media (min-width: 768px) { .calendar-sm-1, .calendar-sm-2, .calendar-sm-3, .calendar-sm-4, .calendar-sm-5, .calendar-sm-6, .calendar-sm-7 { float: left; } .calendar-sm-1 { width: 14.28571%; } .calendar-sm-2 { width: 28.57143%; } .calendar-sm-3 { width: 42.85714%; } .calendar-sm-4 { width: 57.14286%; } .calendar-sm-5 { width: 71.42857%; } .calendar-sm-6 { width: 85.71429%; } .calendar-sm-7 { width: 100%; } .calendar-sm-pull-0 { right: auto; } .calendar-sm-pull-1 { right: 14.28571%; } .calendar-sm-pull-2 { right: 28.57143%; } .calendar-sm-pull-3 { right: 42.85714%; } .calendar-sm-pull-4 { right: 57.14286%; } .calendar-sm-pull-5 { right: 71.42857%; } .calendar-sm-pull-6 { right: 85.71429%; } .calendar-sm-pull-7 { right: 100%; } .calendar-sm-push-0 { left: auto; } .calendar-sm-push-1 { left: 14.28571%; } .calendar-sm-push-2 { left: 28.57143%; } .calendar-sm-push-3 { left: 42.85714%; } .calendar-sm-push-4 { left: 57.14286%; } .calendar-sm-push-5 { left: 71.42857%; } .calendar-sm-push-6 { left: 85.71429%; } .calendar-sm-push-7 { left: 100%; } .calendar-sm-offset-0 { margin-left: 0%; } .calendar-sm-offset-1 { margin-left: 14.28571%; } .calendar-sm-offset-2 { margin-left: 28.57143%; } .calendar-sm-offset-3 { margin-left: 42.85714%; } .calendar-sm-offset-4 { margin-left: 57.14286%; } .calendar-sm-offset-5 { margin-left: 71.42857%; } .calendar-sm-offset-6 { margin-left: 85.71429%; } .calendar-sm-offset-7 { margin-left: 100%; } } @media (min-width: 1024px) { .calendar-md-1, .calendar-md-2, .calendar-md-3, .calendar-md-4, .calendar-md-5, .calendar-md-6, .calendar-md-7 { float: left; } .calendar-md-1 { width: 14.28571%; } .calendar-md-2 { width: 28.57143%; } .calendar-md-3 { width: 42.85714%; } .calendar-md-4 { width: 57.14286%; } .calendar-md-5 { width: 71.42857%; } .calendar-md-6 { width: 85.71429%; } .calendar-md-7 { width: 100%; } .calendar-md-pull-0 { right: auto; } .calendar-md-pull-1 { right: 14.28571%; } .calendar-md-pull-2 { right: 28.57143%; } .calendar-md-pull-3 { right: 42.85714%; } .calendar-md-pull-4 { right: 57.14286%; } .calendar-md-pull-5 { right: 71.42857%; } .calendar-md-pull-6 { right: 85.71429%; } .calendar-md-pull-7 { right: 100%; } .calendar-md-push-0 { left: auto; } .calendar-md-push-1 { left: 14.28571%; } .calendar-md-push-2 { left: 28.57143%; } .calendar-md-push-3 { left: 42.85714%; } .calendar-md-push-4 { left: 57.14286%; } .calendar-md-push-5 { left: 71.42857%; } .calendar-md-push-6 { left: 85.71429%; } .calendar-md-push-7 { left: 100%; } .calendar-md-offset-0 { margin-left: 0%; } .calendar-md-offset-1 { margin-left: 14.28571%; } .calendar-md-offset-2 { margin-left: 28.57143%; } .calendar-md-offset-3 { margin-left: 42.85714%; } .calendar-md-offset-4 { margin-left: 57.14286%; } .calendar-md-offset-5 { margin-left: 71.42857%; } .calendar-md-offset-6 { margin-left: 85.71429%; } .calendar-md-offset-7 { margin-left: 100%; } } @media (min-width: 1366px) { .calendar-lg-1, .calendar-lg-2, .calendar-lg-3, .calendar-lg-4, .calendar-lg-5, .calendar-lg-6, .calendar-lg-7 { float: left; } .calendar-lg-1 { width: 14.28571%; } .calendar-lg-2 { width: 28.57143%; } .calendar-lg-3 { width: 42.85714%; } .calendar-lg-4 { width: 57.14286%; } .calendar-lg-5 { width: 71.42857%; } .calendar-lg-6 { width: 85.71429%; } .calendar-lg-7 { width: 100%; } .calendar-lg-pull-0 { right: auto; } .calendar-lg-pull-1 { right: 14.28571%; } .calendar-lg-pull-2 { right: 28.57143%; } .calendar-lg-pull-3 { right: 42.85714%; } .calendar-lg-pull-4 { right: 57.14286%; } .calendar-lg-pull-5 { right: 71.42857%; } .calendar-lg-pull-6 { right: 85.71429%; } .calendar-lg-pull-7 { right: 100%; } .calendar-lg-push-0 { left: auto; } .calendar-lg-push-1 { left: 14.28571%; } .calendar-lg-push-2 { left: 28.57143%; } .calendar-lg-push-3 { left: 42.85714%; } .calendar-lg-push-4 { left: 57.14286%; } .calendar-lg-push-5 { left: 71.42857%; } .calendar-lg-push-6 { left: 85.71429%; } .calendar-lg-push-7 { left: 100%; } .calendar-lg-offset-0 { margin-left: 0%; } .calendar-lg-offset-1 { margin-left: 14.28571%; } .calendar-lg-offset-2 { margin-left: 28.57143%; } .calendar-lg-offset-3 { margin-left: 42.85714%; } .calendar-lg-offset-4 { margin-left: 57.14286%; } .calendar-lg-offset-5 { margin-left: 71.42857%; } .calendar-lg-offset-6 { margin-left: 85.71429%; } .calendar-lg-offset-7 { margin-left: 100%; } } table.table { font-family: inherit; font-weight: normal; margin: 0 0 21px 0; } table.table caption { background: transparent; padding: inherit; } .table td, .table th { border: none; background: none; min-height: unset; text-transform: none; } .table td .v-align-middle, .table th .v-align-middle { vertical-align: middle; } .table h1, .table h2, .table h3, .table h4, .table h5 { margin: 0; } .table.table-plain > thead > tr > th, .table.table-plain > tbody > tr > th, .table.table-plain > tfoot > tr > th { background: #F2F2F2; border-top: none; vertical-align: middle; text-transform: uppercase; } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 21px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.5; vertical-align: top; border-top: 1px solid #DDD; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #DDD; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #DDD; } .table .table { background-color: #FFF; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #DDD; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #DDD; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #F7F7FA; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #F5F5F5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #F5F5F5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15.75px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #DDD; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 21px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #E5E5E5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; /*font-weight: bold;*/ } input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.5; color: #555555; } .form-control { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 1.5; color: #555555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66AFE9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #555555; opacity: 1; } .form-control:-ms-input-placeholder { color: #555555; } .form-control::-webkit-input-placeholder { color: #555555; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #cccccc; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 35px; line-height: 1.5 \0; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 46px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 21px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], fieldset[disabled] input[type="checkbox"], .radio[disabled], fieldset[disabled] .radio, .radio-inline[disabled], fieldset[disabled] .radio-inline, .checkbox[disabled], fieldset[disabled] .checkbox, .checkbox-inline[disabled], fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 43.75px; } .form-control-feedback { position: absolute; top: 26px; right: 0; z-index: 2; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .form-control-static { margin-bottom: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 28px; } .form-horizontal .form-group { margin-left: -8px; margin-right: -8px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-control-static { padding-top: 7px; padding-bottom: 7px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 8px; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.5; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #FFF; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #FFF; background-color: #a3a3a3; border-color: #a3a3a3; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #FFF; background-color: #8a8a8a; border-color: #858585; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #a3a3a3; border-color: #a3a3a3; } .btn-default .badge { color: #a3a3a3; background-color: #FFF; } .btn-primary { color: #FFF; background-color: #B10A32; border-color: #99092b; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #FFF; background-color: #810724; border-color: #5f051b; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #B10A32; border-color: #99092b; } .btn-primary .badge { color: #B10A32; background-color: #FFF; } .btn-success { color: #FFF; background-color: #5CB85C; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #FFF; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5CB85C; border-color: #4cae4c; } .btn-success .badge { color: #5CB85C; background-color: #FFF; } .btn-info { color: #FFF; background-color: #5BC0DE; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #FFF; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #5BC0DE; border-color: #46b8da; } .btn-info .badge { color: #5BC0DE; background-color: #FFF; } .btn-warning { color: #FFF; background-color: #F0AD4E; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #FFF; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #F0AD4E; border-color: #eea236; } .btn-warning .badge { color: #F0AD4E; background-color: #FFF; } .btn-danger { color: #FFF; background-color: #D9534F; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #FFF; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #D9534F; border-color: #d43f3a; } .btn-danger .badge { color: #D9534F; background-color: #FFF; } .btn-link { color: #B10A32; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #333; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #FFF; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9.5px 0; overflow: hidden; background-color: #E5E5E5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #F5F5F5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #B10A32; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.5; color: #777777; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #cccccc; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #cccccc; border-color: #B10A32; } .nav .nav-divider { height: 1px; margin: 9.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #DDD; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.5; border: 1px solid transparent; border-radius: 0px 0px 0 0; } .nav-tabs > li > a:hover { border-color: #cccccc #cccccc #DDD; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #FFF; border: 1px solid #DDD; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #B10A32; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #DDD; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #DDD; border-radius: 0px 0px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #FFF; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .thumbnail { display: block; padding: 0px; margin-bottom: 21px; line-height: 1.5; background-color: #FFF; border: 1px solid #ddd; border-radius: 0px; -webkit-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #333333; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #B10A32; } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .panel { margin-bottom: 21px; background-color: #fff; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: -1px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: -1px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: -1px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: -1px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #DDD; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 21px; } .panel-group .panel { margin-bottom: 0; border-radius: 0px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #B10A32; } .panel-primary > .panel-heading { color: #fff; background-color: #B10A32; border-color: #B10A32; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #B10A32; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #B10A32; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .panel-topic-info { border: 0; } .panel-group-title { margin-top: 32px; font-size: 40px; } .panel-topic-info.panel + .panel { margin: 0; } .panel-topic-info .panel-heading { border-top: 1px solid #cccccc; padding: 0 24px; } .panel-topic-info .panel-heading a { display: block; padding: 32px 0; } .panel-topic-info .panel-heading a .icon { color: #B10A32; } .panel-topic-info .panel-title { font-size: 24px; } .panel-topic-info .panel-heading + .panel-collapse .panel-body { border: 0px; } .panel-topic-info .panel-body { font-size: 16px; line-height: 1.75em; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 0px; } .well-sm { padding: 9px; border-radius: 0px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.75; filter: alpha(opacity=75); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 1; filter: alpha(opacity=100); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .ios .modal-open { width: 100%; height: 100%; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #FFF; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 24px; border-bottom: 1px solid #e5e5e5; min-height: 25.5px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.5; } .modal-body { position: relative; padding: 24px; } .modal-footer { padding: 24px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 700px; margin: 30px auto; } #modal-cruise-map-0 .modal-dialog { width: 95%; margin: 30px auto; max-width: 1360px !important; } .modal-dialog.modal-md { width: 600px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 1024px) { #modal-cruise-map-0 .modal-lg { width: 95%; } } @media (min-width: 1024px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #FFF; text-align: center; text-decoration: none; background-color: #000; border-radius: 0px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } .visible-tn { display: none !important; } .visible-tn-block, .visible-tn-inline, .visible-tn-inline-block { display: none !important; } @media (max-width: 479px) { .visible-tn { display: block !important; } table.visible-tn { display: table; } tr.visible-tn { display: table-row !important; } th.visible-tn, td.visible-tn { display: table-cell !important; } } @media (max-width: 479px) { .visible-tn-block { display: block !important; } } @media (max-width: 479px) { .visible-tn-inline { display: inline !important; } } @media (max-width: 479px) { .visible-tn-inline-block { display: inline-block !important; } } @media (max-width: 479px) { .hidden-tn { display: none !important; } } @media (min-width: 480px) and (max-width: 767px) { /*Viking custom to support smaller viewports*/ .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 480px) and (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (min-width: 480px) and (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (min-width: 480px) and (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1365px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1024px) and (max-width: 1365px) { .visible-md-block { display: block !important; } } @media (min-width: 1024px) and (max-width: 1365px) { .visible-md-inline { display: inline !important; } } @media (min-width: 1024px) and (max-width: 1365px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1366px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1366px) { .visible-lg-block { display: block !important; } } @media (min-width: 1366px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1366px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } } @media (min-width: 1024px) and (max-width: 1365px) { .hidden-md { display: none !important; } } @media (min-width: 1366px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .btn { font-family: "Open Sans", sans-serif; /*font-weight:500;*/ text-transform: uppercase; } .btn-red { color: #FFF; background-color: #B10A32; border-color: #B10A32; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle { color: #FFF; background-color: #810724; border-color: #770722; } .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle { background-image: none; } .btn-red.disabled, .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled:active, .btn-red.disabled.active, .btn-red[disabled], .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled]:active, .btn-red[disabled].active, fieldset[disabled] .btn-red, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red.active { background-color: #B10A32; border-color: #B10A32; } .btn-red .badge { color: #B10A32; background-color: #FFF; } .btn-white { color: #B10A32; background-color: #FFF; border-color: #FFF; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle { color: #B10A32; background-color: #e6e6e6; border-color: #e0e0e0; } .btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle { background-image: none; } .btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white[disabled].active, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active { background-color: #FFF; border-color: #FFF; } .btn-white .badge { color: #FFF; background-color: #B10A32; } .btn-blue { color: #FFF; background-color: #456580; border-color: #456580; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle { color: #FFF; background-color: #334b5f; border-color: #304658; } .btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle { background-image: none; } .btn-blue.disabled, .btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled:active, .btn-blue.disabled.active, .btn-blue[disabled], .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled]:active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue.active { background-color: #456580; border-color: #456580; } .btn-blue .badge { color: #456580; background-color: #FFF; } .btn-darkblue { color: #FFF; background-color: #142640; border-color: #142640; } .btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue:active, .btn-darkblue.active, .open > .btn-darkblue.dropdown-toggle { color: #FFF; background-color: #334b5f; border-color: #304658; } .btn-darkblue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle { background-image: none; } .btn-darkblue.disabled, .btn-darkblue.disabled:hover, .btn-darkblue.disabled:focus, .btn-darkblue.disabled:active, .btn-darkblue.disabled.active, .btn-darkblue[disabled], .btn-darkblue[disabled]:hover, .btn-darkblue[disabled]:focus, .btn-darkblue[disabled]:active, .btn-darkblue[disabled].active, fieldset[disabled] .btn-darkblue, fieldset[disabled] .btn-darkblue:hover, fieldset[disabled] .btn-darkblue:focus, fieldset[disabled] .btn-darkblue:active, fieldset[disabled] .btn-darkblue.active { background-color: #142640; border-color: #142640; } .btn-darkblue .badge { color: #142640; background-color: #FFF; } .btn-border-blue { color: #000; background-color: transparent; border-color: #cccccc; } .btn-border-blue:hover, .btn-border-blue:focus, .btn-border-blue:active, .btn-border-blue.active, .open > .btn-border-blue.dropdown-toggle { color: #000; background-color: rgba(0, 0, 0, 0); border-color: #adadad; } .btn-border-blue:active, .btn-border-blue.active, .open > .btn-border-blue.dropdown-toggle { background-image: none; } .btn-border-blue.disabled, .btn-border-blue.disabled:hover, .btn-border-blue.disabled:focus, .btn-border-blue.disabled:active, .btn-border-blue.disabled.active, .btn-border-blue[disabled], .btn-border-blue[disabled]:hover, .btn-border-blue[disabled]:focus, .btn-border-blue[disabled]:active, .btn-border-blue[disabled].active, fieldset[disabled] .btn-border-blue, fieldset[disabled] .btn-border-blue:hover, fieldset[disabled] .btn-border-blue:focus, fieldset[disabled] .btn-border-blue:active, fieldset[disabled] .btn-border-blue.active { background-color: transparent; border-color: #cccccc; } .btn-border-blue .badge { color: transparent; background-color: #000; } .btn-border-blue.active { background: #456580; color: #FFF; border-color: #456580; } .btn-border-black { color: #000; background-color: #FFF; border-color: #000; } .btn-border-black:hover, .btn-border-black:focus, .btn-border-black:active, .btn-border-black.active, .open > .btn-border-black.dropdown-toggle { color: #000; background-color: #e6e6e6; border-color: black; } .btn-border-black:active, .btn-border-black.active, .open > .btn-border-black.dropdown-toggle { background-image: none; } .btn-border-black.disabled, .btn-border-black.disabled:hover, .btn-border-black.disabled:focus, .btn-border-black.disabled:active, .btn-border-black.disabled.active, .btn-border-black[disabled], .btn-border-black[disabled]:hover, .btn-border-black[disabled]:focus, .btn-border-black[disabled]:active, .btn-border-black[disabled].active, fieldset[disabled] .btn-border-black, fieldset[disabled] .btn-border-black:hover, fieldset[disabled] .btn-border-black:focus, fieldset[disabled] .btn-border-black:active, fieldset[disabled] .btn-border-black.active { background-color: #FFF; border-color: #000; } .btn-border-black .badge { color: #FFF; background-color: #000; } .btn-border-gray { color: #000; background-color: #FFF; border-color: #cccccc; } .btn-border-gray:hover, .btn-border-gray:focus, .btn-border-gray:active, .btn-border-gray.active, .open > .btn-border-gray.dropdown-toggle { color: #000; background-color: #e6e6e6; border-color: #adadad; } .btn-border-gray:active, .btn-border-gray.active, .open > .btn-border-gray.dropdown-toggle { background-image: none; } .btn-border-gray.disabled, .btn-border-gray.disabled:hover, .btn-border-gray.disabled:focus, .btn-border-gray.disabled:active, .btn-border-gray.disabled.active, .btn-border-gray[disabled], .btn-border-gray[disabled]:hover, .btn-border-gray[disabled]:focus, .btn-border-gray[disabled]:active, .btn-border-gray[disabled].active, fieldset[disabled] .btn-border-gray, fieldset[disabled] .btn-border-gray:hover, fieldset[disabled] .btn-border-gray:focus, fieldset[disabled] .btn-border-gray:active, fieldset[disabled] .btn-border-gray.active { background-color: #FFF; border-color: #cccccc; } .btn-border-gray .badge { color: #FFF; background-color: #000; } .btn-clear-white { color: #FFF; background-color: transparent; border-color: #FFF; } .btn-clear-white:hover, .btn-clear-white:focus, .btn-clear-white:active, .btn-clear-white.active, .open > .btn-clear-white.dropdown-toggle { color: #FFF; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; } .btn-clear-white:active, .btn-clear-white.active, .open > .btn-clear-white.dropdown-toggle { background-image: none; } .btn-clear-white.disabled, .btn-clear-white.disabled:hover, .btn-clear-white.disabled:focus, .btn-clear-white.disabled:active, .btn-clear-white.disabled.active, .btn-clear-white[disabled], .btn-clear-white[disabled]:hover, .btn-clear-white[disabled]:focus, .btn-clear-white[disabled]:active, .btn-clear-white[disabled].active, fieldset[disabled] .btn-clear-white, fieldset[disabled] .btn-clear-white:hover, fieldset[disabled] .btn-clear-white:focus, fieldset[disabled] .btn-clear-white:active, fieldset[disabled] .btn-clear-white.active { background-color: transparent; border-color: #FFF; } .btn-clear-white .badge { color: transparent; background-color: #FFF; } .btn-clear-white:hover { background: rgba(255, 255, 255, 0.15); } .btn-clear-dark { color: #333333; background-color: transparent; border-color: #333333; } .btn-clear-dark:hover, .btn-clear-dark:focus, .btn-clear-dark:active, .btn-clear-dark.active, .open > .btn-clear-dark.dropdown-toggle { color: #333333; background-color: rgba(0, 0, 0, 0); border-color: #141414; } .btn-clear-dark:active, .btn-clear-dark.active, .open > .btn-clear-dark.dropdown-toggle { background-image: none; } .btn-clear-dark.disabled, .btn-clear-dark.disabled:hover, .btn-clear-dark.disabled:focus, .btn-clear-dark.disabled:active, .btn-clear-dark.disabled.active, .btn-clear-dark[disabled], .btn-clear-dark[disabled]:hover, .btn-clear-dark[disabled]:focus, .btn-clear-dark[disabled]:active, .btn-clear-dark[disabled].active, fieldset[disabled] .btn-clear-dark, fieldset[disabled] .btn-clear-dark:hover, fieldset[disabled] .btn-clear-dark:focus, fieldset[disabled] .btn-clear-dark:active, fieldset[disabled] .btn-clear-dark.active { background-color: transparent; border-color: #333333; } .btn-clear-dark .badge { color: transparent; background-color: #333333; } .btn-clear-dark:hover { background: rgba(0, 0, 0, 0.15); } .btn-clear-light { color: #555555; background-color: transparent; border-color: #777777; } .btn-clear-light:hover, .btn-clear-light:focus, .btn-clear-light:active, .btn-clear-light.active, .open > .btn-clear-light.dropdown-toggle { color: #555555; background-color: rgba(0, 0, 0, 0); border-color: #585858; } .btn-clear-light:active, .btn-clear-light.active, .open > .btn-clear-light.dropdown-toggle { background-image: none; } .btn-clear-light.disabled, .btn-clear-light.disabled:hover, .btn-clear-light.disabled:focus, .btn-clear-light.disabled:active, .btn-clear-light.disabled.active, .btn-clear-light[disabled], .btn-clear-light[disabled]:hover, .btn-clear-light[disabled]:focus, .btn-clear-light[disabled]:active, .btn-clear-light[disabled].active, fieldset[disabled] .btn-clear-light, fieldset[disabled] .btn-clear-light:hover, fieldset[disabled] .btn-clear-light:focus, fieldset[disabled] .btn-clear-light:active, fieldset[disabled] .btn-clear-light.active { background-color: transparent; border-color: #777777; } .btn-clear-light .badge { color: transparent; background-color: #555555; } .btn-clear-light:hover { background: rgba(0, 0, 0, 0.1); } .btn-clear-blue { color: #456580; background-color: transparent; border-color: #456580; } .btn-clear-blue:hover, .btn-clear-blue:focus, .btn-clear-blue:active, .btn-clear-blue.active, .open > .btn-clear-blue.dropdown-toggle { color: #456580; background-color: rgba(0, 0, 0, 0); border-color: #304658; } .btn-clear-blue:active, .btn-clear-blue.active, .open > .btn-clear-blue.dropdown-toggle { background-image: none; } .btn-clear-blue.disabled, .btn-clear-blue.disabled:hover, .btn-clear-blue.disabled:focus, .btn-clear-blue.disabled:active, .btn-clear-blue.disabled.active, .btn-clear-blue[disabled], .btn-clear-blue[disabled]:hover, .btn-clear-blue[disabled]:focus, .btn-clear-blue[disabled]:active, .btn-clear-blue[disabled].active, fieldset[disabled] .btn-clear-blue, fieldset[disabled] .btn-clear-blue:hover, fieldset[disabled] .btn-clear-blue:focus, fieldset[disabled] .btn-clear-blue:active, fieldset[disabled] .btn-clear-blue.active { background-color: transparent; border-color: #456580; } .btn-clear-blue .badge { color: transparent; background-color: #456580; } .btn-clear-blue:hover { background: rgba(0, 0, 0, 0.1); } .btn-wide { padding: 6px 32px; font-size: inherit; line-height: inherit; border-radius: inherit; } .btn-wrap { white-space: normal; } .btn-thick { min-width: 240px; padding: 12px; } .display-table { display: table; } .align-middle { display: table-cell; vertical-align: middle; } .focus-ring-dots:focus { outline-style: dotted; outline-color: black; outline-width: 2px; outline-offset: 2px; } /*@font-face { font-family: 'icomoon'; src: url('/Content/fonts/icomoon.eot?ms66i2'); src: url('/Content/fonts/icomoon.eot?ms66i2#iefix') format('embedded-opentype'), url('/Content/fonts/icomoon.ttf?ms66i2') format('truetype'), url('/Content/fonts/icomoon.woff?ms66i2') format('woff'), url('/Content/fonts/icomoon.svg?ms66i2#icomoon') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'icomoon'; src: url("/Content/fonts/icomoon.woff"); src: url("/Content/fonts/icomoon.woff") format("woff"), url("/Content/fonts/icomoon.eot") format("embedded-opentype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-relevant-flag-guest-favorite:before { content: "\e918"; } .icon-excursion-type-culture:before { content: "\e919"; } .icon-excursion-type-culinary:before { content: "\e91a"; } .icon-excursion-type-beach-stay:before { content: "\e91b"; } .icon-map-icon:before { content: "\e916"; } .icon-camera-icon:before { content: "\e917"; } .icon-chevron-down:before { content: "\e600"; } .icon-chevron-up:before { content: "\e601"; } .icon-back:before { content: "\e602"; } .icon-booking:before { content: "\e603"; } .icon-dates:before { content: "\e604"; } .icon-expand:before { content: "\e605"; } .icon-flight-details:before { content: "\e606"; } .icon-itinerary:before { content: "\e607"; } .icon-main-video:before { content: "\e608"; } .icon-quick-look:before { content: "\e609"; } .icon-related-videos:before { content: "\e60a"; } .icon-resources:before { content: "\e60b"; } .icon-ships:before { content: "\e60c"; } .icon-video:before { content: "\e60d"; } .icon-close:before { content: "\e60e"; } .icon-down-arrow:before { content: "\e60f"; } .icon-next:before { content: "\e610"; } .icon-prev:before { content: "\e611"; } .icon-photo-gallery:before { content: "\e612"; } .icon-recipes:before { content: "\e613"; } .icon-search:before { content: "\e614"; } .icon-email:before { content: "\e615"; } .icon-print:before { content: "\e616"; } .icon-facebook:before { content: "\e617"; } .icon-google:before { content: "\e618"; } .icon-instagram:before { content: "\e619"; } .icon-pintrest:before { content: "\e61a"; } .icon-twitter:before { content: "\e61b"; } .icon-youtube:before { content: "\e61c"; } .icon-activity-level-easy:before { content: "\e61d"; } .icon-activity-level-moderate:before { content: "\e61e"; } .icon-activity-level-wheelchair-access:before { content: "\e61f"; } .icon-excursion-type-active:before { content: "\e620"; } .icon-excursion-type-local-life:before { content: "\e621"; } .icon-excursion-type-natural-world:before { content: "\e622"; } .icon-excursion-type-privileged-access:before { content: "\e623"; } .icon-excursion-type-sight-seeing:before { content: "\e624"; } .icon-excursion-type-special-interest:before { content: "\e625"; } .icon-excursion-type-working-world:before { content: "\e626"; } .icon-relevant-flag-after-dark:before { content: "\e627"; } .icon-relevant-flag-meal-included:before { content: "\e628"; } .icon-relevant-flag-recommended:before { content: "\e629"; } .icon-activity-level-difficult:before { content: "\e62a"; } .icon-relevant-flag-shopping-free-time:before { content: "\e62b"; } .icon-relevant-flag-snack-included:before { content: "\e62c"; } .icon-relevant-flag-unesco:before { content: "\e62d"; } .icon-print-v2:before { content: "\e62e"; } .icon-pdf:before { content: "\e62f"; } .icon-filter-remove:before { content: "\e630"; } .icon-price-includes:before { content: "\e800"; } .icon-circle-down:before { content: "\e801"; } .icon-cancel-circle:before { content: "\e803"; } .icon-chat:before { content: "\e804"; } .icon-phone:before { content: "\e805"; } .icon-star-75:before { content: "\e900"; } .icon-star-25:before { content: "\e901"; } .icon-cruise-ship:before { content: "\e902"; } .icon-globe:before { content: "\e903"; } .icon-prev-bold:before { content: "\e904"; } .icon-next-bold:before { content: "\e905"; } .icon-star-empty:before { content: "\e906"; } .icon-phone-with-fill:before { content: "\e907"; } .icon-cross:before { content: "\e908"; } .icon-checkmark:before { content: "\e909"; } .icon-spinner:before { content: "\e90a"; } .icon-grid-view:before { content: "\e90b"; } .icon-list-view:before { content: "\e90c"; } .icon-checkbox-unchecked:before { content: "\e90d"; } .icon-checkbox-checked:before { content: "\e90e"; } .icon-calendar:before { content: "\e90f"; } .icon-info:before { content: "\e910"; } .icon-viking-logo:before { content: "\e911"; } .icon-brochure:before { content: "\e912"; } .icon-phone-plain:before { content: "\e913"; } .icon-loop2:before { content: "\ea2e"; } .icon-star-half:before { content: "\e914"; } .icon-star-full:before { content: "\e915"; } .icon-tab:before { content: "\ea45"; } .icon-lock:before { content: "\f023"; } .icon-question-circle:before { content: "\f059"; } .icon-angle-double-right:before { content: "\f101"; } .icon-angle-right:before { content: "\f105"; } .icon-cc-visa:before { content: "\f1f0"; } .icon-cc-mastercard:before { content: "\f1f1"; } .icon-cc-amex:before { content: "\f1f3"; } .large-icons .icon { font-size: 1.4em; } .large-icons .icon-chat { position: relative; top: 4px; } .icon-border { border: 2px solid; border-radius: 100%; padding: 4px; display: inline-block; margin-right: 10px; } .container { width: 100%; max-width: 1400px; margin: 0 auto; } /********Global grid restriction for items with larger spacing************/ .restricted-width { padding: 0 12px; } @media screen and (min-width: 768px) { .restricted-width { padding: 0 20px; } } @media screen and (min-width: 1024px) { .restricted-width { padding: 0 32px; } } @media screen and (min-width: 1366px) { .restricted-width { padding: 0 48px; } } /*****************************END GRID RESTRICTION***************************************/ .bg-white { background: #FFF; } .bg-gray-dark { background-color: #333333; } .bg-gray { background-color: #555555; } .bg-gray-light { background-color: #777777; } .bg-lgray, .bg-gray-lighter { background-color: #cccccc; } .bg-gray-lightest { background-color: whitesmoke; } small { font-size: 67%; } .text-gray-dark { color: #333333; } .text-gray { color: #555555; } .text-gray-light { color: #777777; } .text-gray-lighter { color: whitesmoke; } hr.hr-gold { border-color: #B8AF80; } body .links-unstyled a { text-decoration: none; } .anchor-secondary a { color: #B10A32; } .anchor-secondary a:hover { color: #555555; } @media screen and (max-width: 479px) { .pull-left-tn { float: left !important; } .pull-right-tn { float: right !important; } } @media screen and (min-width: 480px) and (max-width: 767px) { .pull-left-xs { float: left !important; } .pull-right-xs { float: right !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .pull-left-sm { float: left !important; } .pull-right-sm { float: right !important; } } @media screen and (min-width: 1024px) and (max-width: 1365px) { .pull-left-md { float: left !important; } .pull-right-md { float: right !important; } } @media screen and (min-width: 1366px) { .pull-left-lg { float: left !important; } .pull-right-lg { float: right !important; } } .modern-browser .styled-select { position: relative; } .modern-browser .styled-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../../images/v3/drop_arrow.svg") no-repeat right; background-position-x: calc(100% - 8px); } .modern-browser .styled-select select::-ms-expand { display: none; } @media screen and (-ms-high-contrast: active) { .modern-browser .styled-select select { background: url("../../images/v3/drop_arrow_white.svg") no-repeat right; background-position-x: calc(100% - 8px); } } .ieall .styled-select select { padding: 6px 0; } .viking-form-control.radio-inline, .viking-form-control.checkbox-inline { padding-left: 30px; line-height: 25px; } .viking-form-control .faux-input { display: inline-block; width: 25px; height: 25px; margin-left: -30px; position: absolute; } .viking-form-control input[type='radio'] { opacity: 0; } .viking-form-control input[type='radio']:checked + .faux-input { background-image: url("../../images/v2/input_radio_selected.png"); } .dates-n-pricing-calendar .viking-form-control input[type='radio']:checked + .faux-input { background-image: url("../../images/v3/input_radio_selected.png"); } .viking-form-control input[type='radio'] + .faux-input { background: url("../../images/v2/input_radio.png") 50% 50% no-repeat; display: inline-block; } .dates-n-pricing-calendar .viking-form-control input[type='radio'] + .faux-input { background: url("../../images/v3/input_radio.png") 50% 50% no-repeat; } .viking-form-control input[type='checkbox']:checked + .faux-input { background-image: url("../../images/v2/input_check_selected.png"); } .viking-form-control input[type='checkbox'] + .faux-input { background: url("../../images/v3/input_check.png") 50% 50% no-repeat; } .caret-lg { display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 7px solid; border-right: 7px solid transparent; border-left: 7px solid transparent; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /****************************************************************************** WARNING THIS IS COMPILED SASS FILE LOCATED IN SCSS DO NOT EDIT IN THE CSS FILE *******************************************************************************/ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: visible !important; } #cboxOverlay { position: fixed; width: 100%; height: 100%; max-width: 100% !important; max-height: 100% !important; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; z-index: 999; } #cboxLoadedContent { overflow: visible !important; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: url("../../images/colorbox/overlay.png") repeat 0 0; } #colorbox { outline: none; width: 1px; height: 1px; } #colorbox { background-color: transparent; } /*This is to allow for the customization of the close button outside the content block, Moved background color white to content-wrapper this allows content to flow outside the modal container*/ /*Zander Indo*/ #cboxContent { top: 35px; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { /*margin-bottom:28px; background:#fff;*/ } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; display: none !important; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; display: none !important; } #cboxLoadingOverlay { background: #fff; } #cboxLoadingGraphic { background: #fff url(../../images/loading_icon_light.gif) no-repeat center center; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose, #cboxBack { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active, #cboxBack:active { outline: 0; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxClose, #cboxBack { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; line-height: 37px; font-size: 14px; color: #fff; text-transform: uppercase; text-align: left; text-indent: 20px; text-shadow: none; position: absolute; top: -36px; right: 0; width: 110px; height: 37px; background-color: transparent; background: url("../../images/close_x_black.png") right no-repeat; background-position-y: 1px; z-index: 99; border: 1px solid #fff; cursor: pointer; opacity: 1; /*&:before { margin-right: 5px; font-family: 'icomoon'; font-size: 10px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: '\e60e'; display: inline-block; }*/ } #cboxBack { background: url("../../images/close_x_back.png") right no-repeat; text-indent: 40px; left: 0; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } #colorbox h1, #colorbox h4.slide_title { margin: 0; } #colorbox .contentWrapper { padding: 20px; } #colorbox.subpage_loaded .contentWrapper { min-height: 200px; } #colorbox.subpage_loaded #cboxContent { background: white; } #colorbox .mainContent { background: #fff; } #inline_slide .contentWrapper { padding: 0px; } #cboxNext, #cboxPrevious { position: absolute; width: 50px; height: 60px; margin-top: -21px; top: 50%; z-index: 99; text-indent: -999em; outline: 0; } #cboxPrevious { left: 0px; background: url(../../images/icon_hero_prev.png); } #cboxNext { right: 0px; background: url(../../images/icon_hero_next.png); } .overlay_ES .contentWrapper { border-bottom: 7px solid #b51f3d; } .overlay_PS .contentWrapper { border-bottom: 7px solid #e6b222; } .overlay_PV .contentWrapper { border-bottom: 7px solid #7963ab; } .overlay_DV .contentWrapper { border-bottom: 7px solid #008ac5; } .overlay_V .contentWrapper { border-bottom: 7px solid #639c92; } .modal-header { padding: 24px; padding-bottom: 0; border-bottom: none; } .modal-header h2.modal-title { margin-bottom: 2px; margin-top: 0; } .modal-body { position: relative; padding: 24px; padding-top: 0; } .modal-body .fine-print { margin-top: 0; } .modal-body .fine-print .disclaimer { font-size: 11px; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .custom-modal-close-button { position: relative; } .custom-modal-close-button button.close, .custom-modal-close-button button.close:hover { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; line-height: 37px; font-size: 14px; color: #fff; text-transform: uppercase; text-align: left; text-indent: 20px; text-shadow: none; position: absolute; top: -60px; right: -24px; width: 110px; height: 37px; background-color: transparent; background: url("../../images/close_x_black.png") right no-repeat; background-position-y: 1px; z-index: 99; border: 1px solid #fff; cursor: pointer; opacity: 1; } .custom-modal-close-button button.close .icon, .custom-modal-close-button button.close:hover .icon { font-size: 10px; display: none; } .custom-modal-close-button button.close.back, .custom-modal-close-button button.close.back:hover { text-indent: 35px; background: url("../../images/close_x_back.png") right no-repeat; } #cboxContent .modal-content { border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; background-color: #FFF; max-width: 100%; } @media (min-width: 768px) { #cboxContent .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); width: 85%; min-width: 750px; max-width: 800px; margin: 0 auto; } .modal-video #cboxContent .modal-content { max-width: 1366px; } } #cboxOverlay.video_modal_content { background-color: #000; opacity: .5 !important; } .modal-video h1, .video_modal_content h1 { text-transform: none; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 26px; line-height: 1.5em; } .modal-video .video-toggle a, .video_modal_content .video-toggle a { font-size: 10px; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color: #333333; } .modal-video .video-toggle a .icon, .video_modal_content .video-toggle a .icon { font-size: 29px; vertical-align: middle; } .modal-video .video-toggle a:hover, .video_modal_content .video-toggle a:hover { color: #B10A32; } .modal-video .video-toggle .active, .video_modal_content .video-toggle .active { display: none; } .modal-video #relatedVideos, .modal-video #cbox-relatedVideos, .video_modal_content #relatedVideos, .video_modal_content #cbox-relatedVideos { padding: 16px; background-color: whitesmoke; } .modal-video #relatedVideos h4, .modal-video #cbox-relatedVideos h4, .video_modal_content #relatedVideos h4, .video_modal_content #cbox-relatedVideos h4 { margin: 0; } .modal-video #relatedVideos .thumbnail, .modal-video #cbox-relatedVideos .thumbnail, .video_modal_content #relatedVideos .thumbnail, .video_modal_content #cbox-relatedVideos .thumbnail { min-height: 200px; } .modal-video #relatedVideos .thumbnail:hover, .modal-video #cbox-relatedVideos .thumbnail:hover, .video_modal_content #relatedVideos .thumbnail:hover, .video_modal_content #cbox-relatedVideos .thumbnail:hover { background-color: #f2f2f2; border-bottom: 4px solid #B10A32; } .modal-video #relatedVideos .row .ko-template > div, .modal-video #cbox-relatedVideos .row .ko-template > div, .video_modal_content #relatedVideos .row .ko-template > div, .video_modal_content #cbox-relatedVideos .row .ko-template > div { padding: 0 1px 1px 0; } .modal-video .initialise-yt-video.active .thumbnail, .video_modal_content .initialise-yt-video.active .thumbnail { border: solid 6px #777777; } .modal-video .initialise-yt-video.active .thumbnail h3, .video_modal_content .initialise-yt-video.active .thumbnail h3 { /*font-weight: 700;*/ } #bsModal, .resources-modal { padding: 36px 0 0 0; } #bsModal.cbox-fullsize-img, .resources-modal.cbox-fullsize-img { text-align: center; display: inline-block !important; } #bsModal.cbox-fullsize-img .modal-dialog, .resources-modal.cbox-fullsize-img .modal-dialog { display: inline-block; } #bsModal.cbox-fullsize-img .modal-dialog .close, .resources-modal.cbox-fullsize-img .modal-dialog .close { position: absolute; top: 0; right: 0; } #bsModal.cbox-fullsize-img .modal-content, .resources-modal.cbox-fullsize-img .modal-content { display: inline-block; } #bsModal.cbox-fullsize-img .modal-header, #bsModal.cbox-fullsize-img .modal-body, .resources-modal.cbox-fullsize-img .modal-header, .resources-modal.cbox-fullsize-img .modal-body { display: none; } #bsModal .modal-header .close { top: -58px; } #bsModal .close, .resources-modal .close { top: -58px; } @media screen and (max-width: 768px) { #bsModal .modal-dialog, .resources-modal .modal-dialog { margin: 0 auto; } } /*Bootstrap Modal*/ @media screen and (min-width: 1200px) { .modal-video { width: 1150px; } } @media screen and (min-width: 1400px) { .modal-video { width: 1366px; } } .modal-video.modal { padding: 0; } @media screen and (min-width: 768px) { .modal-video.modal { padding: 30px; } } .modal-video .modal-dialog { position: relative; width: 99%; } @media screen and (min-width: 1024px) { .modal-video .modal-dialog { width: 80%; max-width: 1366px; } } /*End Videos*/ .modal-content { display: none; } #colorbox .modal-content, .modal-dialog .modal-content { /*modal-dialog is for the viking-moments.html page*/ display: block; } .modal-content .modal-no-margin { margin: 0 !important; } .modal-content .modal-margin-small { margin-bottom: 8px; } .modal-content .modal-margin-medium { margin-bottom: 16px; } .modal-content .modal-margin-large { margin-bottom: 32px; } .modal-content .modal-top-margin-small { margin-top: 8px; } .modal-content .modal-top-margin-medium { margin-top: 16px !important; } .modal-content .minimal-whitespace ul, .modal-content .minimal-whitespace h4 { margin-bottom: 16px 0 0 0 !important; } .modal-content .minimal-whitespace p { margin: 0 !important; } .modal-video #cboxClose, .modal-gallery #cboxClose, .cbox-fullsize-img #cboxClose { display: none; } .cbox-fullsize-img { /*.close { position: absolute; top: ($grid-gutter-width/2); right: ($grid-gutter-width/2); font-size: 40px; color: $gray-lightest; background: rgba($gray-light,.8); text-shadow: none; &:hover { color: darken($gray-lightest,10%); } }*/ } .cbox-fullsize-img#colorbox { margin-top: 0; } .cbox-fullsize-img #cboxContent .modal-header, .cbox-fullsize-img #cboxContent .modal-body { display: none; } .cbox-fullsize-img #cboxContent .modal-content { position: relative; max-width: none; min-width: 100%; width: auto; } .cbox-fullsize-img #cboxContent .close { position: absolute; top: 8px; right: 8px; } .modal-static-content, .modal-static-content #cboxContent, .modal-static-content #cboxWrapper, .modal-static-content #cboxLoadedContent { max-width: 100% !important; } .modal-static-content #cboxContent, .modal-static-content #cboxLoadedContent { height: auto !important; } .modal-static-content .modal-header h2.modal-title { font-size: 30px; color: #333; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; margin-bottom: 2px; margin-top: 0; line-height: 1.1em; } .modal-static-content .modal-header h3, .modal-static-content .modal-header .h3 { margin: 0; padding: 0; font-size: 18px; color: #777777; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: italic; } .modal-static-content .modal-header p { padding-top: 16px; font-size: 14px; color: #333; } .modal-static-content .custom-pricing p { padding-top: 16px; } .modal-static-content #cboxClose { display: none; } .modal-static-content .modal-body h3.h2 { font-size: 25px; color: inherit; } .modal-static-content .modal-body p { font-size: 14px; } .modal-static-content .modal-body img { width: 100%; display: block; margin: 0 0 10.5px; } .modal-static-content .modal-body .offer, .modal-static-content .modal-body .action { display: block; background-color: #b10a32; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: white; padding: 16px 0; text-align: center; text-transform: uppercase; border: 0; } .modal-static-content .modal-body .offer span, .modal-static-content .modal-body .action span { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 13px; display: block; text-transform: none; } .modal-static-content .modal-body .action { display: inline-block; padding: 10px 33px; } .modal-static-content .modal-body .actionContainer { text-align: right; padding: 16px 0; } .modal-static-content .modal-body h3 { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; color: #777777; } .modal-static-content .modal-body h4:not(.promo-box-title) { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: italic; font-size: 16px; color: #777777; margin: 8px 0; } .modal-static-content .modal-body .recipe .right { float: right; } .modal-static-content .modal-body .recipe p { padding-top: 0; } .modal-static-content .modal-body .recipe .info { float: left; padding: 0 32px 0 0; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #777777; } .modal-static-content .modal-body .sights .row { padding: 21px 0 32px 0; margin: 0; } .modal-static-content .modal-body .sights h3 { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; margin: 0; font-size: 22px; color: #333; } .modal-static-content .modal-body .sights h3 span { display: inline-block; width: 23px; } .modal-static-content .modal-body .sights p { padding: 16px 0 16px 25px; } .modal-static-content .modal-body .extended-cruise-header, .modal-static-content .modal-body .extended-cruise-subtitle { color: #333333; } .modal-static-content .modal-body .extended-cruise-day-title { font-size: 22px; color: #333333; } .modal-static-content .modal-body .extended-cruise-day-title .day { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; } .modal-static-content .modal-body .submit-busy img { width: 35px; height: 35px; } .modal-static-content .hotel-offerings-row { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 0 -24px; padding: 0 24px; background-color: whitesmoke; } .modal-static-content .hotel-offerings-row .flexslider { background: none; } .modal-static-content .hotel-offerings-row .hotel-slide-title { font-size: 22px; color: #333333; } .modal-social { margin-bottom: 8px; } .modal-gallery .slide-container { position: relative; } .modal-gallery .slide-container a { position: absolute; bottom: 10px; right: 10px; opacity: .8; } .modal-gallery .slide-container a .icon { font-size: 45px; color: #555555; } .modal-gallery .slide-container a:hover { opacity: 1; } /*# sourceMappingURL=bootstrap.css.map */ /****************************************************************************** WARNING THIS IS COMPILED SASS FILE LOCATED IN SCSS DO NOT EDIT IN THE CSS FILE *******************************************************************************/ .cruise-side-rail { float: left; width: 14.285714286%; } .trd-itinerary .cruise-side-rail { width: inherit; min-width: 200px; max-width: 200px; } .cruise-side-rail.side-left li { width: auto; } .cruise-title-side-rail { min-width: 90px; width: 33%; max-width: 200px; float: left; } @media screen and (max-width: 1023px) { .cruise-title-side-rail { width: 20.5%; } } @media screen and (max-width: 1199px) { .cruise-title-side-rail { background: #142640; float: none; height: 37px; max-width: 100%; min-width: 50px; width: 100%; } .cruise-title-side-rail .display-table { height: 20px !important; } } @media screen and (max-width: 479px) { .cruise-title-side-rail { min-width: 40px; } } .cruise-content-area { height: 100%; overflow: hidden; } .cruise-content-area .cruise-main-hdr .display-table.with-subtitle p { display: none; } @media screen and (max-width: 1199px) { .cruise-content-area { background: #142640; width: 100%; } .cruise-content-area.bg-white{ background: #fff; } .cruise-content-area .cruise-main-hdr { float: none !important; width: 100% !important; } .cruise-content-area .cruise-main-hdr .display-table { padding-bottom: 16px; padding-top: 16px; } .cruise-content-area .cruise-main-hdr .display-table.with-subtitle p { display: block; font-size: 14px; line-height: 16px; margin: 8px 0 0 0; } } .hdr-canvas { height: 262px; } #cruise-hdr { border-bottom: 1px solid #e6e6e6; overflow: hidden; color: #FFF; position: fixed; left: 0; right: 0; margin: 0 auto; top: 121px; width: 100%; max-width: 100%; z-index: 999; } #cruise-hdr ul.list-inline { margin: 0; } .trd-itinerary #trd-body-mover { top: 121px; } #trd-body-mover.trd-itinerary, #trd-body-mover.trd-pricing, #trd-body-mover.trd-resources { top: 245px; } @media screen and (max-width: 1199px) { .hdr-canvas { height: 226px; } #cruise-hdr { transition: all .5s ease; } #cruise-hdr ul.list-inline { display: block; } .cruise-hdr-scrolled .cruise-title-side-rail, .cruise-hdr-scrolled .cruise-content-area ul.list-inline { display: none !important; } .trd-itinerary #trd-body-mover { top: 121px; } #trd-body-mover.trd-itinerary, #trd-body-mover.trd-pricing, #trd-body-mover.trd-resources { top: 247px; } } @media screen and (max-width: 926px) { .hdr-canvas { height: 193px; } #cruise-hdr { top: 88px; } #trd-body-mover { top: 214px; } .trd-itinerary #trd-body-mover { top: 88px; } #trd-body-mover.trd-itinerary, #trd-body-mover.trd-pricing, #trd-body-mover.trd-resources { top: 214px; } } @media screen and (max-width: 767px) { #cruise-hdr { top: 48px; } } @media screen and (max-width: 576px) { .hdr-canvas { height: 153px; } #cruise-hdr { top: 48px; } #trd-body-mover { top: 151px; } .trd-itinerary #trd-body-mover { top: 48px; } #trd-body-mover.trd-itinerary, #trd-body-mover.trd-pricing, #trd-body-mover.trd-resources { top: 151px; } } @media screen and (max-height: 256px) { #trd-header { position: relative !important; transform: none !important; } } #cruise-hdr .cruise-hdr-ribbon { overflow: hidden; max-height: 60px; height: auto; visibility: visible; margin: auto; background: #FFF; -webkit-transition: height 0.25s ease; transition: height 0.25s ease; } @media screen and (max-width: 1199px) { #cruise-hdr .cruise-hdr-ribbon { max-height: 100%; height: auto; visibility: visible; } } #cruise-hdr .cruise-hdr-ribbon .container { padding: 0; } #cruise-hdr .cruise-hdr-ribbon ul { padding: 0; background-color: #FFF; overflow: hidden; } #cruise-hdr .cruise-hdr-ribbon ul li { margin: inherit; padding: 0; float: left; width: 16.66666666666667%; background-color: #FFF; } @media screen and (max-width: 1199px) { #cruise-hdr .cruise-hdr-ribbon ul li { width: auto !important; } } #cruise-hdr .cruise-hdr-ribbon ul li.sticky-only { -webkit-transition: height 0.25s ease, opacity 0.25s ease; transition: height 0.25s ease, opacity 0.25s ease; height: 0; visibility: hidden; opacity: 0; margin: 0; display: none; } #cruise-hdr .cruise-hdr-ribbon ul li.sticky-hide { -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #cruise-hdr .cruise-hdr-ribbon ul li span { display: table-cell; vertical-align: middle; } #cruise-hdr .cruise-hdr-ribbon ul li .icon { font-size: 25px; width: 25px; padding-right: 5px; vertical-align: middle; display: none; } @media screen and (min-width: 1024px) { #cruise-hdr .cruise-hdr-ribbon ul li .icon { display: table-cell; } } #cruise-hdr .cruise-hdr-ribbon ul li .icon-ships { width: 18px; } #cruise-hdr .cruise-hdr-ribbon ul li .icon-booking { width: 30px; } #cruise-hdr .cruise-hdr-ribbon ul li .ribbon-text { font: bold 13px/1em "Open Sans", sans-serif; text-align: center; } @media screen and (min-width: 1024px) { #cruise-hdr .cruise-hdr-ribbon ul li .ribbon-text { padding-left: 10px; text-align: left; } } #cruise-hdr .cruise-hdr-ribbon ul li a { background-color: #FFF; color: #142640; display: table; padding: 5px 10px; height: 60px; width: 100%; overflow: hidden; } @media screen and (max-width: 1199px) { #cruise-hdr .cruise-hdr-ribbon ul li a { border-bottom: 3px solid #ffffff; border-top: 3px solid #FFF; padding: 10px 16px; height: auto; } } #cruise-hdr .cruise-hdr-ribbon ul li a.active { background-color: #456580; color: #ffffff; } #cruise-hdr .cruise-hdr-ribbon ul li a.active:hover { border: none; color: #ffffff; } #cruise-hdr .cruise-hdr-ribbon ul li a:hover { color: #142640; border-bottom: 3px solid #142640; border-top: 3px solid #ffffff; } @media screen and (max-width: 1199px) { #cruise-hdr .cruise-hdr-ribbon ul li a.active { border-bottom: 3px solid #ffffff; border-top: 3px solid #ffffff; } #cruise-hdr .cruise-hdr-ribbon ul li a.active:hover { border-bottom: 3px solid #ffffff; border-top: 3px solid #ffffff; } #cruise-hdr .cruise-hdr-ribbon ul li a:hover { border-bottom: 3px solid #ffffff; } } @media screen and (max-height: 256px) { #cruise-hdr .cruise-hdr-ribbon ul li a.active { border-top: 4px solid #ffffff; } } #cruise-hdr .cruise-hdr-ribbon ul.itinerary-breakout-nav { text-align: center; } #cruise-hdr .cruise-hdr-ribbon ul.itinerary-breakout-nav li { float: none; } #cruise-hdr .cruise-hdr-ribbon ul.itinerary-breakout-nav li:last-child { float: right; } #cruise-hdr .cruise-hdr-ribbon ul.seven-item-nav li { width: 14.28571428571429%; } #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail li { width: 100%; } #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header ul li.sticky-only { /*@include transition(height $transition-fast ease, opacity $transition-fast ease);*/ height: 0; margin: 0; visibility: hidden; opacity: 0; } #cruise-hdr .hidden-scrolled { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #cruise-hdr h1, #cruise-hdr h4, #cruise-hdr h1.region-title { color: #FFF; font-size: 36px; font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; margin: 0; text-transform: none; font-weight: 400; } @media screen and (max-width: 1199px) { #cruise-hdr h1, #cruise-hdr h4, #cruise-hdr h1.region-title { font-size: 24px; line-height: 26px; } } @media screen and (min-width: 480px) { #cruise-hdr h1, #cruise-hdr h4, #cruise-hdr h1.region-title { margin: auto; } } #cruise-hdr h1.cruise-title, #cruise-hdr h4.cruise-title, #cruise-hdr h1.region-title.cruise-title { font-size: 18px; height: auto; vertical-align: middle; padding: 0 4px; } @media screen and (min-width: 568px) { #cruise-hdr h1.cruise-title, #cruise-hdr h4.cruise-title, #cruise-hdr h1.region-title.cruise-title { font-size: 22px; } } @media screen and (min-width: 768px) { #cruise-hdr h1.cruise-title, #cruise-hdr h4.cruise-title, #cruise-hdr h1.region-title.cruise-title { font-size: 28px; } } @media screen and (min-width: 1024px) { #cruise-hdr h1.cruise-title, #cruise-hdr h4.cruise-title, #cruise-hdr h1.region-title.cruise-title { font-size: 36px; } } @media screen and (max-width: 1199px) { #cruise-hdr h1, #cruise-hdr h4, #cruise-hdr h1.cruise-title { font-size: 24px !important; line-height: 26px; } #cruise-hdr.cruise-hdr-scrolled h1, #cruise-hdr.cruise-hdr-scrolled h4, #cruise-hdr.cruise-hdr-scrolled h1.cruise-title { margin-bottom: 0; } } #cruise-hdr h1.cruise-title a, #cruise-hdr h4.cruise-title a, #cruise-hdr h1.region-title.cruise-title a { height: 100%; width: 100%; display: block; } #cruise-hdr h1 a:hover, #cruise-hdr h4 a:hover, #cruise-hdr h1.region-title a:hover { color: #d9d9d9; } #cruise-hdr li { font-family: "Open Sans", sans-serif; } #cruise-hdr .cruise-hdr-details { overflow: hidden; background: #142640; position: relative; height: 80px; /*max-width:1400px;*/ margin: auto; } @media screen and (max-width: 1199px) { #cruise-hdr { border-bottom: 1px solid #e6e6e6; } #cruise-hdr .cruise-hdr-details { background: none; } #cruise-hdr .cruise-hdr-details { background: none; height: auto !important; } } #cruise-hdr .cruise-hdr-details .container { padding: 0; } #cruise-hdr .cruise-hdr-details .side-rail { height: 68px; margin: 6px; display: none; } @media screen and (min-width: 768px) { #cruise-hdr .cruise-hdr-details .side-rail { display: block; } } #cruise-hdr .cruise-hdr-details .side-rail a:nth-child(1).activated { margin-bottom: 2px; } #cruise-hdr .cruise-hdr-details .side-rail a:nth-child(2).activated { margin-top: 2px; } @media screen and (min-width: 768px) { #cruise-hdr .cruise-hdr-details .side-rail.display-table { display: table; } } @media screen and (max-width: 767px) { #cruise-hdr .cruise-hdr-details { /*height:$cruise-hdr-height-collapsed;*/ } } #cruise-hdr .cruise-hdr-details a { color: #FFF; } #cruise-hdr .cruise-hdr-details a.activated { cursor: default; } #cruise-hdr .cruise-hdr-details a.activated > span { border: 1px solid #FFF; cursor: default; } #cruise-hdr .cruise-hdr-details a.direction-year { width: 100%; display: block; float: right; } #cruise-hdr .cruise-hdr-details a.direction-year.multiple-link { display: block; float: right; } #cruise-hdr .back-to-river-cruises, #cruise-hdr .cruise-main-hdr, #cruise-hdr .cruise-details { float: left; } #cruise-hdr .back-to-river-cruises { width: 19.53125%; } #cruise-hdr .cruise-main-hdr { width: calc(100% - 200px); min-width: 200px; } #cruise-hdr .cruise-main-hdr.cruise-hdr-back-none { width: 100%; min-width: 200px; } #cruise-hdr .cruise-main-hdr:hover { cursor: default; } #cruise-hdr .cruise-main-hdr ul { font-size: 13px; color: #FFF; } @media screen and (max-width: 419px) { #cruise-hdr .cruise-main-hdr h1.flowtype, #cruise-hdr .cruise-main-hdr h4.flowtype, #cruise-hdr .cruise-main-hdr h1.flowtype { font-size: 20px !important; } } @media screen and (min-width: 420px) and (max-width: 567px) { #cruise-hdr .cruise-main-hdr h1.flowtype, #cruise-hdr .cruise-main-hdr h4.flowtype, #cruise-hdr .cruise-main-hdr h1.flowtype { font-size: 24px !important; } } @media screen and (min-width: 568px) and (max-width: 767px) { #cruise-hdr .cruise-main-hdr h1.flowtype, #cruise-hdr .cruise-main-hdr h4.flowtype, #cruise-hdr .cruise-main-hdr h1.flowtype { font-size: 26px !important; } } #cruise-hdr .display-table { width: 100%; height: 80px; } @media screen and (max-width: 1199px) { #cruise-hdr .display-table { height: auto; } } #cruise-hdr .display-table.side-rail { height: 68px; margin: 6px; } #cruise-hdr .display-table.sticky-only { height: 0; margin: 0; visibility: hidden; opacity: 0; display: block; } #cruise-hdr .display-table .icon { display: inline; } #cruise-hdr .cruise-details { width: 16.66667%; } #cruise-hdr .cruise-details li { line-height: 1em; } #cruise-hdr .cruise-details .display-table { max-width: 82px; float: right; } #cruise-hdr .cruise-mobile-menu { display: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media screen and (max-width: 767px) { #cruise-hdr .cruise-mobile-menu { float: right; display: block; font-size: 20px; text-align: right; width: 50px; max-width: 50px; min-width: 25px; margin-top: 3px; } #cruise-hdr .cruise-mobile-menu.left-menu { float: left; } } #cruise-hdr .cruise-mobile-menu a { display: table; height: 100%; width: 100%; color: #FFF; padding-right: 10px; } #cruise-hdr .cruise-mobile-menu a:hover { color: #d9d9d9; } @media screen and (max-width: 480px) { #cruise-hdr .cruise-mobile-menu { max-width: 40px; } #cruise-hdr .cruise-mobile-menu a { padding-right: 5px; } } #cruise-hdr .cruise-mobile-menu span { -webkit-transform: translateY(-3px); transform: translateY(-3px); display: table-cell; vertical-align: middle; } #cruise-hdr .cruise-mobile-menu.left-menu a { padding-left: 10px; padding-right: 0; text-align: left; } @media screen and (max-width: 480px) { #cruise-hdr .cruise-mobile-menu.left-menu a { padding-left: 5px; } } #cruise-hdr .cruise-mobile-menu .display-table { margin: 4px 0 0 0; } #cruise-hdr .cruise-mobile-menu.left-menu .display-table { -webkit-transform: translateX(4px); transform: translateX(4px); } #cruise-hdr .cruise-mobile-menu.right-menu .display-table { -webkit-transform: translateX(-4px); transform: translateX(-4px); } #cruise-hdr .cruise-mobile-menu-active { background: #FFF; } #cruise-hdr .cruise-mobile-menu-active .icon { color: #142640; } #cruise-hdr .sailing-date-ship { font-family: "Open Sans", sans-serif; } #cruise-hdr .change-date-of-travel-btn span, #cruise-hdr .cruise-change-date-drawer span { line-height: 34px; } #cruise-hdr .change-date-of-travel-btn { display: block; float: right; font-size: 13px; font-family: "Open Sans", sans-serif; padding: 0; vertical-align: middle; -webkit-transition: padding 0.25s ease; transition: padding 0.25s ease; } #cruise-hdr .change-date-of-travel-btn.multiple-link { display: block; float: right; } #cruise-hdr .change-date-of-travel-btn:hover { color: #FFF; } #cruise-hdr .change-date-of-travel-btn:hover .sailing-date-year, #cruise-hdr .change-date-of-travel-btn:hover span { color: #FFF; } #cruise-hdr .change-date-of-travel-btn .sailing-date-year { -webkit-transition: font-size 0.25s ease; transition: font-size 0.25s ease; font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 24px; color: #8A8A8A; width: 80px; float: right; padding: 0 4px; border: 1px solid #142640; } #cruise-hdr .change-date-of-travel-btn.activated .sailing-date-year { line-height: 34px; height: 34px; display: table; color: #FFF; cursor: default; } #cruise-hdr .change-date-of-travel-btn.activated .sailing-date-year span { display: table-cell; vertical-align: middle; line-height: 32px; } #cruise-hdr .back-to-river-cruises { width: 100%; height: 100%; font-size: 14px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media screen and (max-width: 1199px) { #cruise-hdr .back-to-river-cruises { background: #142640; border-bottom: 1px solid #456580; font-size: 14px; line-height: 20px; padding-bottom: 8px; padding-left: 0px; padding-top: 8px; } #cruise-hdr .back-to-river-cruises.no-border { border-bottom: none; } } @media screen and (min-width: 1024px) { #cruise-hdr .back-to-river-cruises { font-size: 15px; } } #cruise-hdr .back-to-river-cruises a { display: table-cell; width: 100%; color: #FFF; } #cruise-hdr .back-to-river-cruises a > span { padding-left: 10px; } @media screen and (max-width: 1199px) { #cruise-hdr .back-to-river-cruises a > span { padding-left: 13px; } #cruise-hdr .back-to-river-cruises a > span:last-child { padding-left: 11px; } } #cruise-hdr .back-to-river-cruises a.direction-link { display: block; float: right; color: #8A8A8A; } #cruise-hdr .back-to-river-cruises a.direction-link > span { line-height: 33px; height: 33px; display: table; width: 100%; padding: 0 4px; border: 1px solid #142640; } #cruise-hdr .back-to-river-cruises a.direction-link > span span { line-height: 1.2em; display: table-cell; vertical-align: middle; } #cruise-hdr .back-to-river-cruises a.direction-link.activated { color: #FFF; cursor: default; line-height: 34px; height: 34px; } #cruise-hdr .back-to-river-cruises a.direction-link.activated > span { border: 1px solid #FFF; } #cruise-hdr .back-to-river-cruises a.direction-link.activated span { cursor: default; } #cruise-hdr .back-to-river-cruises a.direction-link.multiple-link { display: block; float: right; } #cruise-hdr .back-to-river-cruises a:hover { color: #d9d9d9; } #cruise-hdr .back-to-river-cruises span:not(.icon) { /*@include transition(all $transition ease);*/ } @media screen and (max-width: 1199px) { #cruise-hdr .back-to-river-cruises span:not(.icon) { display: inline-block; } } #cruise-hdr .cruise-change-date-drawer { position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: .75; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; overflow: hidden; background: #FFF; } @media screen and (min-width: 768px) { #cruise-hdr .cruise-change-date-drawer.expanded { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } #cruise-hdr .cruise-change-date-drawer.two-item { width: 33%; } #cruise-hdr .cruise-change-date-drawer.three-item { width: 50%; } #cruise-hdr .cruise-change-date-drawer.four-item { width: 70%; } #cruise-hdr .cruise-change-date-drawer.six-item { width: 100%; } #cruise-hdr .cruise-change-date-drawer .col-sm-2 { border-left: 1px solid #cccccc; } #cruise-hdr .cruise-change-date-drawer .display-table { height: 78px; padding-top: 4px; } #cruise-hdr .cruise-change-date-drawer a { background-color: #FFF; color: #999999; font-size: 13px; border-bottom: 4px solid #FFF; display: table-cell; vertical-align: middle; text-align: center; } #cruise-hdr .cruise-change-date-drawer a.active, #cruise-hdr .cruise-change-date-drawer a:hover { color: #142640; border-bottom: 4px solid #142640; } #cruise-hdr .cruise-change-date-drawer .sailing-date-year { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 34px; display: inline-block; line-height: 34px; margin: 0; } #cruise-hdr .cruise-change-date-drawer .close { position: absolute; top: 0; right: 0; width: 35px; height: 35px; } #cruise-hdr .cruise-change-date-drawer .col-sm-2 { text-align: center; } .modal-open #cruise-hdr { right: 17px; } @media screen and (min-width: 768px) { .sticky-active #cruise-hdr { max-height: 59px; overflow: hidden; } } .sticky-active #cruise-hdr .subnav-wrapper { height: 0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .sticky-active #cruise-hdr .cruise-content-area li { width: 14%; } .sticky-active #cruise-hdr .cruise-content-area li a { padding: 5px 0; } @media screen and (max-width: 767px) { .sticky-active #cruise-hdr .cruise-content-area .cruise-mobile-menu { font-size: 20px; } } @media screen and (min-width: 768px) { .sticky-active #cruise-hdr .cruise-main-hdr.sticky-hide-sm { opacity: 0; height: 0; } } .sticky-active #cruise-hdr .cruise-main-hdr h1, .sticky-active #cruise-hdr .cruise-main-hdr h4 { font-size: 24px; line-height: 26px; } @media screen and (max-width: 767px) { .sticky-active #cruise-hdr .cruise-main-hdr h1, .sticky-active #cruise-hdr .cruise-main-hdr h4 { /*font-size: 20px; line-height: 22px;*/ } } @media screen and (min-width: 768px) { .sticky-active #cruise-hdr .change-date-of-travel-btn.sticky-hide-sm { display: none; } } @media screen and (min-width: 768px) { .sticky-active #cruise-hdr .back-to-river-cruises.sticky-hide-sm { display: none; } } @media screen and (max-width: 767px) { .sticky-active #cruise-hdr .back-to-river-cruises { font-size: 30px; } } .sticky-active #cruise-hdr .cruise-hdr-ribbon { background-color: #142640; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail { height: 59px; width: 16.66667%; min-width: 16.66667%; max-width: 16.66667%; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail .display-table { height: 59px; display: table; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail .display-table.sticky-only { height: 59px; margin: inherit; visibility: visible; opacity: 1; background: #142640; width: 100%; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-left { float: left; text-align: left; border-right: 1px solid #456580; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-left a { color: #FFF; } @media screen and (min-width: 768px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-left h1, .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-left h4 { margin-left: 16px; margin-right: 8px; font-size: 14px; line-height: 16px; } } @media screen and (min-width: 1024px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-left h1, .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-left h4 { font-size: 18px; line-height: 22px; } } @media screen and (min-width: 1366px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-left h1, .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-left h4 { font-size: 20px; line-height: 24px; } } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right { width: 16.66666666666667%; min-width: 16.66666666666667%; max-width: 16.66666666666667%; float: right; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table { border-left: 1px solid #456580; float: right; width: auto; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a { background-color: #142640; color: #FFF; padding: 8px 16px; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a:hover { border: none; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a.change-date-of-travel-btn { font-size: 10px; text-align: center; padding: 4px 12px 0; line-height: 12px; } @media screen and (min-width: 1366px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a.change-date-of-travel-btn { padding: 2px 16px 0; font-size: 13px; } } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a.change-date-of-travel-btn .sailing-date-year { font-size: 22px; line-height: 22px; width: 49px; margin: auto auto 2px; border-bottom: 1px solid #FFF; } @media screen and (min-width: 1024px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a.change-date-of-travel-btn .sailing-date-year { font-size: 24px; line-height: 28px; width: 56px; margin: auto; } } @media screen and (min-width: 1366px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a.change-date-of-travel-btn .sailing-date-year { font-size: 26px; line-height: 30px; width: 62px; margin: auto; } } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a.change-date-of-travel-btn .sailing-date-ship { padding: 2px; } @media screen and (min-width: 1366px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-side-rail.side-right .display-table a.change-date-of-travel-btn .sailing-date-ship { padding: 4px; } } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header { width: 80%; padding: 0; float: left; background-color: #142640; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header.cruise-navigation { width: 66.66667%; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container { margin: 0; width: 100%; height: 59px; max-height: 59px; } @media screen and (min-width: 1024px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul { text-align: justify; display: block; width: 100%; text-justify: distribute; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul li { width: 11%; float: none; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul li:nth-child(2) { width: 16.666666667%; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul li:nth-child(6) { width: 16.666666667%; } } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul { overflow: visible; height: 59px; padding: 0 20px 0 10px; background-color: #142640; width: 100%; -webkit-transition: padding 0.5s ease, height 0.5s ease; transition: padding 0.5s ease, height 0.5s ease; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul li { width: 14.28%; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul li.sticky-only { height: auto; margin: inherit; visibility: visible; opacity: 1; background: #142640; display: inline-block; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul li a.active, .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul li a:hover { text-decoration: underline; } .sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container ul:after { content: ''; display: inline-block; width: 100%; } .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li { height: auto; margin: inherit; visibility: visible; opacity: 1; background: #142640; } .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li.sticky-only { height: auto; margin: inherit; visibility: visible; opacity: 1; background: #142640; width: auto; } .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li.sticky-hide { height: 0; width: 0; margin: 0; visibility: hidden; opacity: 0; } .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li .icon { display: none; } .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li .ribbon-text { font-size: 10px; padding-left: 0px; text-align: center; } @media screen and (min-width: 1024px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li .ribbon-text { font-size: 11px; } } @media screen and (min-width: 1024px) { .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li .ribbon-text { font-size: 13px; } } .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li a { background-color: #142640; color: #FFF; padding: 8px 8px; } .sticky-active #cruise-hdr .cruise-hdr-ribbon ul li a:hover { border: none; } .sticky-active #cruise-hdr .display-table { height: 59px; } @media screen and (min-width: 768px) { .sticky-active #cruise-hdr .display-table { height: 60px; } } .sticky-active #cruise-hdr .cruise-hdr-details { height: 59px; } @media screen and (min-width: 768px) { .sticky-active #cruise-hdr .cruise-hdr-details { height: 60px; } } @media screen and (min-width: 768px) { .sticky-active #cruise-hdr .cruise-hdr-details.sticky-hide-sm { height: 0; padding: 0; } } .sticky-active #cruise-hdr .cruise-change-date-drawer a { padding-bottom: 4px; } .sticky-active #cruise-hdr .cruise-change-date-drawer a .sailing-date-year { font-size: 26px; line-height: 30px; } /* * Mobile subnav area */ .cruise-subnav-open, .day-day-submenu-open { overflow: hidden; height: 100%; } @media screen and (min-width: 768px) { .cruise-subnav-open, .day-day-submenu-open { overflow: visible; height: auto; } } .cruise-subnav-area, .cruise-direction-area { display: none; position: fixed; left: 0; width: 100%; height: auto; overflow: auto; z-index: 999; background: #FFF; } @media screen and (min-width: 768px) { .cruise-subnav-area, .cruise-direction-area { display: none !important; } } .cruise-subnav-area ul:not(.list-unstyled), .cruise-direction-area ul:not(.list-unstyled) { list-style: none; padding: 0px; margin: 0px; } .cruise-subnav-area ul:not(.list-unstyled) li, .cruise-direction-area ul:not(.list-unstyled) li { padding: 0px; margin: 0px; width: 100%; border-bottom: 1px #d3d3d3 solid; } .cruise-subnav-area ul:not(.list-unstyled) li a, .cruise-direction-area ul:not(.list-unstyled) li a { text-align: left; padding: 24px 0 24px 56px; color: #777; display: block; font-family: "Open Sans", sans-serif; font-size: 19px; line-height: 25px; letter-spacing: 0.01em; } @media (max-width: 767px) { .cruise-subnav-area ul:not(.list-unstyled) li a, .cruise-direction-area ul:not(.list-unstyled) li a { padding: 1.5em; } } .cruise-subnav-area ul:not(.list-unstyled) li a:hover, .cruise-direction-area ul:not(.list-unstyled) li a:hover { color: #444444; } .cruise-subnav-area ul:not(.list-unstyled) li a .icon, .cruise-direction-area ul:not(.list-unstyled) li a .icon { font-size: 20px; } .cruise-subnav-area ul:not(.list-unstyled) li a .subnav-text, .cruise-direction-area ul:not(.list-unstyled) li a .subnav-text { margin-left: 24px; display: inline-block; } @media (max-width: 767px) { .cruise-subnav-area ul:not(.list-unstyled) li a .subnav-text, .cruise-direction-area ul:not(.list-unstyled) li a .subnav-text { margin-left: 0; } } .cruise-subnav-area ul:not(.list-unstyled) li.sticky-only, .cruise-direction-area ul:not(.list-unstyled) li.sticky-only { display: none; } .cruise-subnav-area ul.list-unstyled, .cruise-direction-area ul.list-unstyled { padding: 0px; margin: auto; text-align: center; } .cruise-subnav-area ul.list-unstyled li, .cruise-direction-area ul.list-unstyled li { padding: 10px; margin: auto; text-align: center; width: auto; border-bottom: none; } .cruise-subnav-area ul.list-unstyled li a, .cruise-direction-area ul.list-unstyled li a { text-align: left; padding: 10px; color: #777; display: block; font-size: 19px; line-height: 25px; letter-spacing: 0.01em; } .cruise-subnav-area ul.list-unstyled li a:hover, .cruise-direction-area ul.list-unstyled li a:hover { color: #444444; } .cruise-subnav-area ul.list-unstyled li a .icon, .cruise-direction-area ul.list-unstyled li a .icon { font-size: 20px; } .cruise-subnav-area ul.list-unstyled li a .subnav-text, .cruise-direction-area ul.list-unstyled li a .subnav-text { margin-left: 24px; } .cruise-subnav-area ul.list-unstyled li a.activated, .cruise-direction-area ul.list-unstyled li a.activated { border: 1px solid #142640; color: #142640; cursor: default; } .cruise-subnav-area ul.list-unstyled li a.activated span, .cruise-direction-area ul.list-unstyled li a.activated span { cursor: default; } .cruise-subnav-area ul.list-unstyled li a a:nth-child(1).activated, .cruise-direction-area ul.list-unstyled li a a:nth-child(1).activated { margin-bottom: 2px; } .cruise-subnav-area ul.list-unstyled li a a:nth-child(2).activated, .cruise-direction-area ul.list-unstyled li a a:nth-child(2).activated { margin-top: 2px; } .cruise-subnav-area ul.list-unstyled li.sticky-only, .cruise-direction-area ul.list-unstyled li.sticky-only { display: none; } .cruise-subnav-area .cruise-selection .cruise-text, .cruise-direction-area .cruise-selection .cruise-text { color: #777; font-size: 19px; text-align: center; padding-top: 24px; } .cruise-subnav-area .cruise-selection .cruise-text a.cruise-change, .cruise-direction-area .cruise-selection .cruise-text a.cruise-change { display: table; margin: 0 auto; min-width: 100px; line-height: 26px; letter-spacing: 0em; text-align: center; font-size: 15px; padding: 14px 0 25px; cursor: pointer; } .cruise-subnav-area .cruise-selection .cruise-text a.cruise-change span:not(.icon), .cruise-direction-area .cruise-selection .cruise-text a.cruise-change span:not(.icon) { text-decoration: underline; } .cruise-subnav-area .cruise-selection .cruise-text a.cruise-change .icon, .cruise-direction-area .cruise-selection .cruise-text a.cruise-change .icon { font-size: 13px; margin-left: 10px; } .cruise-subnav-area .cruise-selection .cruise-text a.close, .cruise-direction-area .cruise-selection .cruise-text a.close { display: none; } .cruise-subnav-area .cruise-selection .subnav-text, .cruise-direction-area .cruise-selection .subnav-text { margin-left: 0; } .cruise-subnav-area .cruise-selection ul, .cruise-direction-area .cruise-selection ul { margin-bottom: 0; } .cruise-mobile-navi-active { border-bottom: none !important; } .cruise-day-by-day { display: none; position: fixed; z-index: 1001; width: 100%; height: 100%; overflow: auto; background: #FFF; } .cruise-day-by-day.active { display: block; } .cruise-day-by-day ul { list-style: none; padding: 0; margin-top: 106px; } .cruise-day-by-day ul li { border-bottom: 1px #EBEBEB solid; } .cruise-day-by-day ul li a { color: #333; display: block; padding: 22px; } .cruise-day-by-day ul li a .cruise-dbd-day { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase; padding-right: 24px; display: table-cell; float: left; } .cruise-day-by-day ul li a .cruise-dbd-text { display: block; } .cruise-day-by-day ul li a .icon { position: absolute; right: 22px; } .cruise-day-by-day .cruise-dbd-header { display: block; position: fixed; z-index: 1000; width: 100%; background: #FFF; } .cruise-day-by-day .cruise-dbd-header .backto-cruise-overview-btn { display: block; color: #777; font-size: 16px; text-align: center; text-decoration: underline; background: #ECEEF1; padding: 16px 0; } .cruise-day-by-day .cruise-dbd-header .change-day-area { display: table; height: 50px; width: 100%; text-align: center; border-top: 1px #AFAFAF solid; border-bottom: 1px #AFAFAF solid; } .cruise-day-by-day .cruise-dbd-header .change-day-area a { display: block; padding: 12px; color: #777; } .cruise-day-by-day .cruise-dbd-header .change-day-area a:hover { color: #333; } .cruise-day-by-day .cruise-dbd-header .change-day-area .day-previous { width: 15%; border-right: 1px #AFAFAF solid; margin-right: -1px; display: table-cell; vertical-align: middle; } .cruise-day-by-day .cruise-dbd-header .change-day-area .day-next { width: 15%; border-left: 1px #AFAFAF solid; margin-left: -1px; display: table-cell; vertical-align: middle; } .cruise-day-by-day .cruise-dbd-header .change-day-area .day-current { color: #777; font-size: 17px; width: 70%; display: table-cell; vertical-align: middle; } #cruise-sidebar { position: relative; float: left; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; overflow-x: hidden; overflow-y: auto; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { #cruise-sidebar { display: none; } } #cruise-sidebar .destination-country { font-size: 13px; color: #777777; } #cruise-sidebar .itinerary-overview-link a { padding: 24px 0; } #cruise-sidebar li { height: 75px; border-bottom: 1px solid #cccccc; position: relative; overflow: hidden; } #cruise-sidebar li a { display: block; width: 100%; color: #333333; border-left: 4px solid transparent; position: absolute; top: 50%; padding: 16px 0; height: 74px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #cruise-sidebar li a:hover { border-left: 4px solid #D10C3B; color: #D10C3B; } #cruise-sidebar li a:hover .destination-country { color: #D10C3B; } #cruise-sidebar li a:active { border-left: 4px solid #FF154E; color: #FF154E; } #cruise-sidebar li a:active .destination-country { color: #FF154E; } #cruise-sidebar li a.active { border-left: 4px solid #B10A32; color: #B10A32; } #cruise-sidebar li a.active .destination-country { color: #B10A32; } #cruise-sidebar li div { float: left; padding: 0 8px; width: 75%; } #cruise-sidebar li div.wide { width: 95%; } #cruise-sidebar li p { margin: 0; line-height: 1em; } #cruise-sidebar .itinerary-overview-link { font-size: 18px; } #cruise-sidebar .day { width: 22.5%; text-transform: uppercase; padding-right: 0; } #cruise-sidebar .day p { line-height: 1.2em; } #cruise-sidebar .day-text { font-size: 12px; display: inline-block; padding-bottom: 6px; } #cruise-sidebar .day-number { font-size: 24px; font-weight: 500; } #cruise-sidebar .destination { width: 77.5%; } #cruise-sidebar .destination-city { font-size: 18px; line-height: 1.3em; display: inline-block; padding-bottom: 4px; } #see-more-dates-tag { background: #FFF; color: #44687d; border: 1px solid #44687d; height: 0; position: fixed; bottom: 0; opacity: 0; z-index: 1; min-width: 200px; max-width: 200px; -webkit-transition: height 0.5s, opacity 0.25s, transform 0.5s; -webkit-transition: height 0.5s, opacity 0.25s, -webkit-transform 0.5s; transition: height 0.5s, opacity 0.25s, -webkit-transform 0.5s; transition: height 0.5s, opacity 0.25s, transform 0.5s; transition: height 0.5s, opacity 0.25s, transform 0.5s, -webkit-transform 0.5s; } @media screen and (max-width: 768px) { #see-more-dates-tag { display: none; } } body.more-dates-visible #see-more-dates-tag { opacity: 1; height: 48px; } body.more-dates-visible #cruise-sidebar:hover + #see-more-dates-tag { opacity: 0; height: 0; -webkit-transform: translateY(48px); transform: translateY(48px); } body.more-dates-visible #see-more-dates-tag:hover { opacity: 0; height: 0; -webkit-transform: translateY(48px); transform: translateY(48px); } /*# sourceMappingURL=cruise-header.css.map */ /****************************************************************************** WARNING THIS IS COMPILED SASS FILE LOCATED IN SCSS DO NOT EDIT IN THE CSS FILE *******************************************************************************/ @media screen and (max-width: 767px) { .container-fluid .promo-box:first-of-type { position: relative; } .container-fluid .promo-box:first-of-type::after { content: ""; position: absolute; bottom: -8px; left: 0; width: 100%; height: 1px; background-color: #cccccc; } .container-fluid .promo-box:last-of-type::after { display: none; } } .block-padding { padding: 1px 15px 15px 15px; } .promo-box-container { margin-bottom: 16px; /*Used to set spacing for modal implementation*/ } .promo-box { margin: 16px 0; } @media screen and (min-width: 768px) { .promo-box:last-of-type { border-left: 1px solid #cccccc; } .promo-box:first-of-type { border-left: none; } } .promo-box a { display: block; } .promo-box h4, .promo-box .promo-box-title { font-weight: 500; color: #B10A32; margin-top: 0; } .promo-box h4.single-line, .promo-box .promo-box-title.single-line { font-size: 22px; margin-bottom: 0; } .promo-box p { color: #000; margin-bottom: 0; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right, .thumbnail-action .quick-look { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } .promo-box-title + p { color: #B10A32; text-transform: uppercase; font-weight: 500; font-size: 18px; font-family: "Open Sans", sans-serif; } .thumbnail-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border: 1px solid #CCC; padding: 0; } .thumbnail-flex .video-thumb-play-lg { background: url(/Content/images/v3/video-play-thumb-lg.png) no-repeat -72px 0; width: 72px; height: 72px; margin: -36px auto 0; position: absolute; top: 50%; bottom: 0; left: 0; right: 0; } .thumbnail-flex:hover .video-thumb-play-lg { background-position: 0 0; } .thumbnail-flex > img { max-width: 100%; } .thumbnail-flex .thumbnail-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .thumbnail-flex .thumbnail-img img { width: 100%; height: 100%; } .thumbnail img { width: 100%; -ms-flex: none; -webkit-box-flex: 0; flex: none; } .thumbnail .caption:not(.price) { min-height: 80px; } .thumbnail .caption hr { border: 2px solid #eceef1; height: 1px; background-color: #eceef1; } .thumbnail .caption .title { margin-top: 0; height: 86px; } .thumbnail .caption .title > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .thumbnail .caption .info .detail .item { left: 0; text-align: center; display: inline-block; } .thumbnail .caption .info .detail .col1 { padding-top: .5em; padding-left: .5em; } .thumbnail .caption .info .detail .col2 { padding-top: .5em; text-align: center; } .thumbnail .caption .info .detail .col3 { padding-top: .5em; text-align: center; } .thumbnail .caption .info .detail .col4 { padding-top: .5em; text-align: right; padding-right: .5em; } .thumbnail .caption .info .info { width: 90%; margin: 0 auto 1.5em auto; } .thumbnail .caption .info .item .value { font-size: 1.6em; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color: #555555; } .thumbnail .caption .info .item .label { text-transform: uppercase; font-size: .7em; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color: #555555; } .thumbnail a h3 { color: #333333; } .thumbnail a h3:hover { color: #B10A32; } .thumbnail-snipe-label { position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.7); margin: 5px; padding: 4px 8px; } .thumbnail-snipe-label span { color: #FFF; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 13px; text-transform: uppercase; } .thumbnail-snipe-label span:hover { color: #FFF; } .thumbnail-action { border-top: 1px #DDD solid; } .thumbnail-action .included-excursion { color: #333; } .thumbnail-action .btn:not(.book-now-btn) { display: block; width: 100%; color: #FFF !important; font-size: 1em; padding: .5em; margin-bottom: 4px; height: auto; line-height: normal; border: 1px solid #595959; background: #595959; } @media screen and (min-width: 768px) { .grid { display: grid; } .grid--card-collection-three { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr)); grid-gap: 1.5rem; } .grid--card-collection-two { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(50rem, 1fr)); grid-gap: 1.5rem; } .grid__card { display: flex !important; flex-direction: column; justify-content: start; position: relative !important; } } .thumbnail-action .btn:not(.book-now-btn):hover { border: 1px solid #456580; background: #456580; } .cruise-videos .thumbnail:hover { background-color: #f2f2f2; } .cruise-videos .thumbnail-action .icon-video { padding-right: 10px; } .cruise-overview { font-family: "Open Sans", sans-serif; border: none; overflow: visible; margin-bottom: 16px; font-weight: 400; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; line-height: 1.5; background-color: #FFF; border-radius: 0; -webkit-transition: border 0.2s ease; transition: border 0.2s ease; } .cruise-overview .caption { z-index: 2; border: 1px solid #ccc; padding-bottom: 0; background: #FFF; cursor: default; -webkit-transition: all .75s ease; transition: all .75s ease; height: auto; overflow: hidden; text-overflow: ellipsis; padding: 9px; color: #333; } .cruise-overview .caption h2 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 28px; margin: 0; } .cruise-overview .caption:not(.price) { min-height: 80px; } .mobile-map .instruction { color: #333333; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; margin: 20px auto 24px auto; text-align: center; } .thumbnail { margin-bottom: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; position: relative; overflow: hidden; min-height: 100%; } .thumbnail:not(.no-flex) { display: -webkit-box; display: -ms-flexbox; display: flex; -flex-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .thumbnail .thumbnail-img { position: relative; -webkit-box-flex: 0; flex: none; -ms-flex: none; } .thumbnail .thumbnail-img img { width: 100%; } .thumbnail .video-thumb-play-lg:not(.old-progressive-image) { background: url(/Content/images/v3/video-play-thumb-lg.png) no-repeat -72px 0; width: 72px; height: 72px; margin: -36px auto 0 auto; position: absolute; top: 50%; bottom: 0; left: 0; right: 0; } .thumbnail.has-action { padding-bottom: 67px; } .thumbnail.drawer { border: none; overflow: visible; } @media screen and (min-width: 1366px) { .thumbnail.drawer:after { content: ''; display: block; position: relative; top: 0; left: 0; width: 100%; min-height: 195px; } .thumbnail.drawer .caption { position: absolute; } } .thumbnail.drawer .caption { z-index: 2; border: 1px solid #cccccc; padding-bottom: 0; background: #FFF; cursor: default; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; height: auto; overflow: hidden; text-overflow: ellipsis; } @media screen and (min-width: 1366px) { .thumbnail.drawer .caption { height: 200px; padding-bottom: 30px; } } .thumbnail.drawer .drawer-action { position: absolute; bottom: 0; left: 0; width: 100%; padding: 8px; padding-top: 16px; background: #FFF; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(51%, white), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 51%, white 100%); /* W3C */ border: 1px solid #cccccc; border-top: none; } @media screen and (min-width: 1366px) { .thumbnail.drawer .drawer-action { border: none; display: none !important; } } .thumbnail.drawer .drawer-action a { position: relative; display: block; width: 100%; color: #333333; text-align: right; } .thumbnail.drawer .drawer-action span { -webkit-transition: all .75s ease; text-transform: uppercase; } .thumbnail.drawer .drawer-action .icon { font-size: 10px; } .thumbnail.drawer .drawer-action .more { position: absolute; right: 0; white-space: nowrap; } .thumbnail.drawer .drawer-action .less { opacity: 0; } .thumbnail.drawer.extend .caption { height: auto; } .thumbnail.drawer.extend .drawer-action .more { opacity: 0; } .thumbnail.drawer.extend .drawer-action .less { opacity: 1; } .thumbnail.map .expand { position: absolute; bottom: 8px; right: 8px; } .thumbnail.map .icon { opacity: .5; font-size: 40px; color: #333333; } .thumbnail.map:hover .icon { opacity: .85; } .thumbnail.call-out { padding-right: 48px; padding-left: 48px; display: table; min-height: 280px; width: 100%; text-align: center; } .thumbnail.call-out * { color: #FFF; } .thumbnail.call-out h3 { font-size: 14px; } .thumbnail.call-out.red { line-height: 28px; background-color: #B10A32; padding-right: 16px; padding-left: 16px; } .thumbnail.call-out.red .caption { font-size: 22px; } .thumbnail.call-out.red .caption h3.text-medium { font-size: 28px; margin-bottom: 6px; margin-top: 4px; line-height: 28px; } .thumbnail.call-out.blue-dk { background-color: #142640; } .thumbnail.call-out .caption { padding: 0; display: table-cell; vertical-align: middle; } .thumbnail h2 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif ; font-size: 28px; margin: 0; } .thumbnail h3 { text-transform: none; font-size: 24px; margin: 0; } .thumbnail:hover a:not(.btn) { color: #2b2b2b; } .thumbnail:hover .video-thumb-play-lg { background-position: 0 0; } .thumbnail > p { margin: 0; } a .thumbnail:hover { cursor: pointer; } a.thumbnail-anchor { display: block; color: #333; } a.thumbnail-anchor:hover { color: #B10A32; } a.thumbnail-anchor .thumbnail:hover .thumbnail-action { color: #B10A32; } a.thumbnail-anchor .thumbnail:hover .thumbnail-action .included-excursion { color: #B10A32; } a.thumbnail-anchor .thumbnail:hover h3 { color: #B10A32; } a.thumbnail-anchor .thumbnail:active .thumbnail-action { color: #FF154E; } a.thumbnail-anchor .thumbnail:active h3 { color: #FF154E; } a.thumbnail-anchor .thumbnail.call-out:hover * { color: #FFF; } a.thumbnail-anchor .thumbnail.call-out:active * { color: #FFF; } a.thumbnail-anchor .thumbnail.call-out .caption { cursor: pointer; } a.thumbnail-anchor .thumbnail-action { border-top: 1px #DDD solid; } a.thumbnail-anchor .thumbnail-action .included-excursion { color: #333; font-family: Arial, sans-serif; font-weight: 800; } a.thumbnail-anchor .thumbnail-action .thumbnail:hover .included-excursion { color: #B10A32; } .thumbnail-action { padding: 4px 9px; width: 100%; font-size: 13px; color: #777777; text-transform: uppercase; margin-top: auto; } .thumbnail-action .icon { font-size: 14px; margin-top: -4px; } .thumbnail-action span { vertical-align: middle; display: inline-block; } .thumbnail .caption a:not(.btn) { color: #B10A32; } .thumbnail .caption a:not(.btn):hover { color: #B10A32; } .thumbnail .caption p.subtitle { font-size: 15px; } .responsive-thumbnail { position: relative; } .responsive-thumbnail.ratio-2by1::after { content: ""; display: block; padding-bottom: 50%; } .responsive-thumbnail.ratio-3by1::after { content: ""; display: block; padding-bottom: 33.33333333%; } .responsive-thumbnail.ratio-3by4::after { content: ""; display: block; padding-bottom: 72.17573222%; } .responsive-thumbnail.ratio-4by1::after { content: ""; display: block; padding-bottom: 25%; } /* * Deckplans - Staterooms */ [id="change-stateroom-confirm"] .contents { padding: 0 15px; } [id="change-stateroom-confirm"] .contents strong { font-size: 13px; font-weight: 600; text-transform: uppercase; } #change-stateroom-confirm.modal-ecommerce { padding: 20px 30px 20px 30px; } @media screen and (min-width: 1136px) { .stateroom-popup-content { padding-left: 250px; } } @media screen and (min-width: 961px) { .stateroom-popup-content > ul { width: 315px; } } .stateroom-type { padding-left: 25px; display: inline; float: left; width: 249px; } .stateroom-changer { padding-left: 0; display: inline; float: left; width: 270px; } /* * essentially making them invisible on page load - must have at least 1 px or it will not be accessible in the DOM */ .stateroom-changer input.hit_area[type="radio"] { height: 1px; right: 0; top: 0; width: 1px; } .stateroom-changer h4 { /*font-weight: bold;*/ } .stateroom-type h3 { font-size: 14px; margin: 25px 0; } .stateroom-images { padding-top: 40px; position: relative; vertical-align: top; width: 500px; } .stateroom-header img { display: none; } #bsModal stateroom-popup-content { display: inline-block; padding: 20px 4% 40px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #bsModal .stateroom-header { border-bottom: 5px solid #B10A32; padding-bottom: 15px; margin-bottom: 23px; width: 100%; } #bsModal .stateroom-header h3 { color: #B10A32; font-family: "Open Sans", sans-serif; font-variant: small-caps; /*font-weight: bold;*/ letter-spacing: 0.05em; line-height: 1; display: block; padding: 0; font-size: 36px; padding-top: 34px; text-align: center; margin: 0; } #bsModal .stateroom-header a { float: left; } #bsModal .stateroom-header img { display: inline; margin-bottom: 0; width: 100%; } #bsModal .stateroom-header ~ .stateroom-header { display: none; } #bsModal .stateroom-images { margin: 0; display: inline-block; padding: 0; } .embedded-staterooms { margin-left: 20px; padding-left: 20px; } .embedded-deckplans { display: none; background-color: #ffffff; } .embedded-staterooms .flex-control-thumbs li { margin: 1.0em 4px 0 0; } #bsModal .flex-control-thumbs li { margin: 1.0em 0 0 0; padding: 0 2px; width: 25%; } .embedded-staterooms .flex-control-thumbs img.flex-active, #bsModal .flex-control-thumbs img.flex-active { border-bottom: 4px solid #b10a32; } .embedded-staterooms flex-control-thumbs li img, #bsModal .flex-control-thumbs li img { width: 100%; border-bottom: 4px solid #FFF; cursor: pointer; } .embedded-staterooms .slides, .embedded-staterooms .slides > li, #bsModal .slides, #bsModal .slides > li { margin: 0; /*padding: 1px;*/ list-style: none; } /* * Ship gallery flexslider */ #ship-flex-container .flex-direction-nav .flex-prev { left: 8px; } #ship-flex-container .flex-direction-nav .flex-next { right: 8px; } #ship-flex-container .flex-direction-nav a { background-color: rgba(103, 96, 96, 0.5); } /*****Setup Structure for Navigation and header*******/ .why-viking #cruise-hdr .subnav-wrapper ul.list-inline { text-align: center; font-size: 0; /*Removes Horizontal gapping due to li elements being inline-block*/ /*LI Elements have to be inlin-block to support centering inside the nav*/ /* * Now requires setting item-length-* to fix potential wrapping to new line */ } @media screen and (max-width: 1199px) { .why-viking #cruise-hdr .subnav-wrapper ul.list-inline { white-space: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline::-webkit-scrollbar { display: none; } } @media screen and (max-width: 767px) { .why-viking #cruise-hdr .subnav-wrapper ul.list-inline { text-align: left; } .why-viking .recipe-details { padding-right: 8px; padding-left: 8px; } } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-1 li { max-width: 100%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-2 li { max-width: 50%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-3 li { max-width: 33.33333333333333%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-4 { text-align: center !important; display: flex !important; flex-direction: row !important; justify-content: center !important; margin: 0 auto !important; max-width: 748px !important; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-4 li { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0 !important; max-width: none !important; width: auto !important; min-width: unset !important; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-5 li { max-width: 20%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-6 li { max-width: 16.66666666666667%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-7 li { max-width: 14.28571428571429%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-8 li { max-width: 12.5%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-9 li { max-width: 11.11111111111111%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-10 li { max-width: 10%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-11 li { max-width: 9.09090909090909%; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-12 li { width: 8.33333333333333%; } @media screen and (max-width: 1199px) { .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-1 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-2 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-3 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-4 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-5 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-6 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-7 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-8 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-9 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-10 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-11 li, .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-12 li { max-width: 100% !important; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-4 { display: block !important; max-width: unset !important; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-4 li { flex-shrink: unset !important; } .why-viking #cruise-hdr .subnav-wrapper ul.list-inline li a span br { display: none; } } @media screen and (max-width: 767px) { .why-viking #cruise-hdr .subnav-wrapper ul.list-inline.item-length-4 { justify-content: left !important; } } .why-viking #cruise-hdr .subnav-wrapper li { float: none; vertical-align: top; } .why-viking #cruise-hdr .subnav-wrapper li a .text { font-size: 14px; color: #142640; line-height: 20px; text-align: center; } .why-viking #cruise-hdr .subnav-wrapper li a .text.standard { display: table-cell; } @media screen and (max-width: 1024px) { .why-viking #cruise-hdr .subnav-wrapper li a .text.standard { display: none; } } .why-viking #cruise-hdr .subnav-wrapper li a .text.short { display: none; } @media screen and (max-width: 1024px) { .why-viking #cruise-hdr .subnav-wrapper li a .text.short { display: table-cell; } } .why-viking #cruise-hdr .subnav-wrapper li a.active { border-bottom: none; background: #456580; } .why-viking #cruise-hdr .subnav-wrapper li a.active .text { color: #FFF; } @media screen and (max-width: 1199px) { .why-viking #cruise-hdr .subnav-wrapper li a.active { background: #ffffff; border-bottom: 3px solid #142640; color: #142640; } .why-viking #cruise-hdr .subnav-wrapper li a.active .text { color: #142640; } } @media screen and (min-width: 768px) { .why-viking #why-viking-left-nav { position: fixed; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); } } .why-viking .why-viking-left-nav-mobile-toggle { margin: 0; min-height: 45px; } .why-viking .why-viking-left-nav-mobile-toggle a .icon-chevron-down { display: none; padding-right: 5px; } .why-viking .why-viking-left-nav-mobile-toggle a .icon-chevron-up { padding-right: 5px; } .why-viking .why-viking-left-nav-mobile-toggle a.collapsed .icon-chevron-down { display: inline-block; } .why-viking .why-viking-left-nav-mobile-toggle a.collapsed .icon-chevron-up { display: none; } .why-viking .left-wrapper aside ul { list-style: none; padding: 0; } .why-viking .left-wrapper aside ul li { text-transform: uppercase; /*font-weight: 600;*/ border-bottom: 1px #c2c2c2 solid; } .why-viking .left-wrapper aside ul li.active > a { color: #B10A32; border-left: 4px solid #B10A32; padding-left: 8px; } .why-viking .left-wrapper aside ul li a { font-family: "Open Sans", sans-serif; font-size: 14px; padding: 12px; display: block; color: #333; } .why-viking .left-wrapper aside ul li a:hover { color: #B10A32; border-left: 4px #B10A32 solid; padding-left: 8px; } .why-viking .left-wrapper aside ul li a .text { display: inline-block; width: calc(100% - 19px); } .why-viking .left-wrapper aside ul li a .icon-chevron-down { display: none; padding-right: 5px; } .why-viking .left-wrapper aside ul li a .icon-chevron-up { padding-right: 5px; } .why-viking .left-wrapper aside ul li a.collapsed .icon-chevron-down { display: inline-block; } .why-viking .left-wrapper aside ul li a.collapsed .icon-chevron-up { display: none; } .why-viking .left-wrapper aside ul li ul { padding-left: 0; padding-bottom: 12px; } .why-viking .left-wrapper aside ul li ul li { font-weight: 300; border: none; } .why-viking .left-wrapper aside ul li ul li a { padding: 12px 0 12px 12px; } .why-viking .left-wrapper aside ul li ul li:hover a { border-left: 4px #B10A32 solid; padding-left: 8px; } .why-viking .left-wrapper aside ul li:last-child { border-bottom: none; } @media screen and (min-width: 768px) { .why-viking .left-wrapper aside { padding-right: 16px; } .why-viking .left-wrapper aside ul li a { padding: 24px 0 24px 12px; } } @media screen and (min-width: 1024px) { .why-viking .left-wrapper aside { padding-right: 34px; } } .why-viking #cruise-main-content { padding-bottom: 32px; } @media screen and (min-width: 768px) { .why-viking .left-wrapper + #cruise-main-content { border-left: 1px solid #dedede; padding-left: 32px; } } .why-viking .why-viking-follow-us iframe#twitter-widget-0 { border: 1px solid #e5e5e5 !important; height: 672px !important; } .why-viking.sticky-active #cruise-hdr .subnav-wrapper li a, .why-viking.sticky-active #cruise-hdr .subnav-wrapper li a.active { background-color: #456580; color: #FFF; } /**************Shared Component Styles***************/ .head-line { position: relative; text-align: center; margin-top: 0; margin-bottom: 26px; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 24px; } .why-viking-fullscreen-carousel-template, .why-viking-card-template, .why-viking-content-template, .why-viking-content-carousel-template, .component-5, .component-6, .component-7 { margin: 30px 0; font-size: 16px; letter-spacing: .025em; overflow: hidden; } .why-viking-fullscreen-carousel-template .flexslider, .why-viking-card-template .flexslider, .why-viking-content-template .flexslider, .why-viking-content-carousel-template .flexslider, .component-5 .flexslider, .component-6 .flexslider, .component-7 .flexslider { margin-bottom: 0; } .why-viking-fullscreen-carousel-template .cta, .why-viking-card-template .cta, .why-viking-content-template .cta, .why-viking-content-carousel-template .cta, .component-5 .cta, .component-6 .cta, .component-7 .cta { position: relative; font-size: 15px; padding: 12px !important; margin: 40px auto 0; width: 100%; max-width: 211px; height: 48px; text-align: center; } .why-viking-fullscreen-carousel-template .cta:focus, .why-viking-card-template .cta:focus, .why-viking-content-template .cta:focus, .why-viking-content-carousel-template .cta:focus, .component-5 .cta:focus, .component-6 .cta:focus, .component-7 .cta:focus { color: #FFF; } .why-viking .hero-container.first-position, .why-viking-content-template.first-position, .why-viking-content-carousel-template.first-position, .component-6.first-position, .component-7.first-position { margin-top: 0; } .why-viking .hero-container.first-position, .why-viking-fullscreen-carousel-template.layout-first-position, .why-viking .ships-map-hero.first-position, .why-viking-fullscreen-carousel-template.first-position, .why-viking-card-template.first-position, .why-viking-card-template.short-stack.first-position { margin-top: 20px; } /*MW-7008*/ .careers-benefits-section .section-headline { position: relative; margin: 0; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; font-size: 26px; } .careers-benefits-section h2.section-headline { text-align: center; padding-bottom: 26px; font-size: 26px; } .careers-benefits-section h3.section-headline { text-align: left; padding-bottom: 8px; font-size: 20px; line-height: 1.2em; } @media screen and (min-width: 768px) { .hero-container .flex-direction-nav, .why-viking-fullscreen-carousel-template .flex-direction-nav, .why-viking-card-template .flex-direction-nav, .why-viking-content-template .flex-direction-nav { display: none; } } .hero-container .video-thumb-play-lg, .why-viking-fullscreen-carousel-template .video-thumb-play-lg, .why-viking-card-template .video-thumb-play-lg, .why-viking-content-template .video-thumb-play-lg { display: block; position: relative; } .hero-container .video-thumb-play-lg:hover::after, .why-viking-fullscreen-carousel-template .video-thumb-play-lg:hover::after, .why-viking-card-template .video-thumb-play-lg:hover::after, .why-viking-content-template .video-thumb-play-lg:hover::after { background-position: 0 0; } .hero-container .video-thumb-play-lg::after, .why-viking-fullscreen-carousel-template .video-thumb-play-lg::after, .why-viking-card-template .video-thumb-play-lg::after, .why-viking-content-template .video-thumb-play-lg::after { content: ""; display: block; background: url(/Content/images/v3/video-play-thumb-lg.png) no-repeat -72px 0; width: 72px; height: 72px; margin: 0 auto; position: absolute; top: 50%; bottom: 0; left: 0; right: 0; margin-top: -36px; } /************ Page Hero section on Press Release pages ****************/ .why-viking .page-hero { background-color: #44687d; color: #FFF; margin-bottom: 20px; } .why-viking .page-hero .hero-background { position: relative; width: 100%; padding-bottom: 44.94876%; background-size: cover; } .why-viking .page-hero .hero-inner { position: absolute; top: 50%; left: 50%; margin: 0 auto; padding: 0 20px; width: 100%; max-width: 768px; color: #FFF; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .why-viking .page-hero h2 { margin: 0; font-family: "Open Sans", sans-serif; font-size: 30px; line-height: 1; letter-spacing: 0.6px; } @media screen and (min-width: 768px) { .why-viking .page-hero h2 { margin: 0 0 20px; font-size: 44px; } } @media screen and (min-width: 1366px) { .why-viking .page-hero h2 { font-size: 48px; } } .why-viking .page-hero p { margin: 0; font-size: 16px; font-weight: 100; letter-spacing: 0.53px; } .why-viking .page-hero .hero-caption-mobile { padding: 20px; text-align: center; } .why-viking .page-hero .hero-background { background-position-x: 50%; } @media screen and (min-width: 768px) { .why-viking .page-hero .hero-background { width: 100%; padding-bottom: 33.46354%; } } @media screen and (min-width: 1024px) { .why-viking .page-hero .hero-background { width: 100%; padding-bottom: 25.09766%; } } @media screen and (min-width: 1366px) { .why-viking .page-hero .hero-background { width: 100%; padding-bottom: 18.81406%; } } /************Hero Container Comp 1 Homepage**************/ @media screen and (min-width: 1024px) { .hero-container.copy-left .video-thumb-play-lg::after { left: 50%; } .hero-container.copy-right .video-thumb-play-lg::after { left: -50%; } .hero-container.copy-center .video-thumb-play-lg::after { left: 80%; } } /************Carousel Template**************/ .why-viking-fullscreen-carousel-template { position: relative; } .why-viking-fullscreen-carousel-template::after { content: " "; display: table; clear: both; } .why-viking-fullscreen-carousel-template .flex-caption { margin: 10.5px; line-height: 1.5em; font-size: 13px; display: none; } @media screen and (min-width: 768px) { .why-viking-fullscreen-carousel-template .video-thumb-play-lg::after { left: 50%; } } @media screen and (min-width: 768px) { .why-viking-fullscreen-carousel-template .copy-block-container { position: absolute; bottom: 40px; left: 4.15%; } .why-viking-fullscreen-carousel-template .copy-block-container .copy-block { z-index: 5; border: 1px solid #dddddd; border-top-width: 6px; background: #FFF; padding: 50px; } } @media screen and (min-width: 1024px) { .why-viking-fullscreen-carousel-template .copy-block-container { top: 33%; bottom: auto; } } .why-viking-fullscreen-carousel-template.layout-copy-right .flex-caption { float: left; } .why-viking-fullscreen-carousel-template.layout-copy-center .copy-block { background: none; border: none; } .why-viking-fullscreen-carousel-template.layout-copy-center .video-thumb-play-lg::after { left: 0; } .why-viking-fullscreen-carousel-template.layout-copy-center .head-line { position: absolute; width: 100%; color: #FFF; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); z-index: 3; pointer-events: none; } .why-viking-fullscreen-carousel-template.layout-copy-center .head-line::after { display: none; } .why-viking-fullscreen-carousel-template.layout-copy-right .copy-block-container .copy-block { left: auto; } @media screen and (min-width: 768px) { .why-viking-fullscreen-carousel-template.layout-copy-right .video-thumb-play-lg::after { left: 0; right: 50%; } .why-viking-fullscreen-carousel-template.layout-copy-right .copy-block-container { left: auto; } .why-viking-fullscreen-carousel-template.layout-copy-right .copy-block-container .copy-block { left: 45.85%; } .why-viking-fullscreen-carousel-template.layout-copy-right .custom-numbered-controls ul { float: left; } .why-viking-fullscreen-carousel-template.layout-copy-right .flex-caption { text-align: left; } .why-viking-fullscreen-carousel-template .flex-caption { font-size: 14px; font-style: italic; display: block; text-align: right; float: right; margin-top: 30px; width: 41.7%; } } @media screen and (min-width: 1024px) { .why-viking-fullscreen-carousel-template.layout-copy-right .copy-block-container .copy-block { left: 54.15%; } } /**********Card Template****************/ .why-viking-cards-container { position: relative; } .why-viking-cards-container .why-viking-anchor { position: absolute; top: -60px; } @media screen and (min-width: 768px) { .why-viking-cards-container .why-viking-anchor { top: -80px; } } @media screen and (min-width: 1024px) { .why-viking-cards-container .why-viking-anchor { top: -120px; } } @media screen and (min-width: 1366px) { .why-viking-cards-container .why-viking-anchor { top: -120px; } } .why-viking-card-template { position: relative; } .why-viking-card-template .flexslider { background: transparent; } .why-viking-card-template .flexslider li img { border: 1px solid #dddddd; border-top-width: 6px; } .why-viking-card-template .flexslider .custom-numbered-controls { display: none; } .why-viking-card-template .flexslider .flex-direction-nav { display: block; visibility: hidden; } .why-viking-card-template .flexslider .flex-direction-nav.adjusted { visibility: visible; } .why-viking-card-template .flexslider .flex-direction-nav a { background: none; } .why-viking-card-template.short-stack .flexslider li img { border-top-width: 1px; } @media screen and (min-width: 1366px) { .why-viking-card-template.layout-copy-right .flexslider li img { border-right: 0; } .why-viking-card-template.layout-copy-left .flexslider li img { border-left: 0; } } .why-viking-card-template .flex-caption { font-style: italic; font-size: 14px; text-align: center; margin-top: 20px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; width: 100%; } @media screen and (min-width: 1366px) { .why-viking-card-template .flex-caption { text-align: left; margin-top: 5px; margin-bottom: 25px; } } .why-viking-card-template .copy-block-container .row { margin: 0; } .why-viking-card-template .copy-block-container .copy-block { opacity: 0; padding: 40px; z-index: 5; border: 1px solid #dddddd; border-top-width: 6px; background: #FFF; } @media screen and (min-width: 1366px) { .why-viking-card-template .copy-block-container .copy-block { padding: 50px; } } @media screen and (max-width: 768px) { .why-viking-card-template .flexslider { margin-bottom: 0; } } .why-viking-card-template .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1365px) { .why-viking-card-template .flex-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .why-viking-card-template .flex-container .copy-block-container .copy-block { height: auto; max-height: 100%; } .why-viking-card-template .flex-container .copy-block-container .copy-block p { height: auto; } @media screen and (min-width: 1366px) { .why-viking-card-template .flex-container .flex-caption { position: absolute; } } .why-viking-card-template.layout-copy-left .flexslider { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (max-width: 1365px) { .why-viking-card-template.layout-copy-left .flexslider { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .why-viking-card-template.layout-copy-left .copy-block-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media screen and (max-width: 1365px) { .why-viking-card-template.layout-copy-left .copy-block-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .why-viking-card-template.text-top .flexslider { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (max-width: 1365px) { .why-viking-card-template.text-top .flexslider { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 0px; } } .why-viking-card-template.text-top .copy-block-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media screen and (max-width: 1365px) { .why-viking-card-template.text-top .copy-block-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding-bottom: 30px; } } .why-viking-card-template.layout-copy-left .flex-caption { /*float: left;*/ margin-bottom: 8px; } .why-viking-card-template.layout-copy-left .custom-numbered-controls { position: static; padding: 0; } .why-viking-card-template.layout-copy-left .custom-numbered-controls ul { float: none; padding: 0; margin: 8px auto; margin-top: 0; width: 110px; text-align: center; color: #333333; } .why-viking-card-template.layout-copy-left .custom-numbered-controls ul .prev::before, .why-viking-card-template.layout-copy-left .custom-numbered-controls ul .next::before { color: #333333; } @media screen and (min-width: 768px) { .why-viking-card-template.layout-copy-left .flexslider { float: right; } } .why-viking-card-template.layout-copy-right .flex-caption { margin-bottom: 8px; } .why-viking-card-template.layout-copy-right .custom-numbered-controls { position: static; padding: 0; } .why-viking-card-template.layout-copy-right .custom-numbered-controls ul { float: none; padding: 0; margin: 8px auto; margin-top: 0; width: 110px; text-align: center; color: #333333; } .why-viking-card-template.layout-copy-right .custom-numbered-controls ul .prev::before, .why-viking-card-template.layout-copy-right .custom-numbered-controls ul .next::before { color: #333333; } @media screen and (min-width: 1366px) { .why-viking-card-template.layout-condensed.layout-copy-right .flexslider { padding-right: 0; } .why-viking-card-template.layout-condensed.layout-copy-right .copy-block-container { padding-left: 0; } .why-viking-card-template.layout-condensed.layout-copy-left .flexslider { padding-left: 0; } .why-viking-card-template.layout-condensed.layout-copy-left .copy-block-container { padding-right: 0; } } .why-viking-card-template.short-stack { margin: 0 0 20px; } .why-viking-card-template.short-stack .copy-block { border-top-width: 1px; } .why-viking-card-template.short-stack .cta { margin-top: 20px; } .why-viking-card-template .cta { position: relative; font-size: 14px; padding: 12px !important; margin: 40px auto 0; width: 100%; max-width: 211px; height: 48px; text-align: center; } .why-viking-card-template .cta:focus { color: #FFF; } .why-viking-card-template .btn-quickview { background-color: #2B3D52; color: #FFFFFF; width: 190px; height: 38px; } /**********WEB-12756************/ .bg-blue-copy .why-viking-card-template .copy-block-container .copy-block { background-color: #2B3D52; color: #FFFFFF; } .bg-blue-copy .why-viking-card-template .copy-block-container .copy-block a { color: #FFA400; } .bg-blue-copy .why-viking-card-template .copy-block-container .copy-block a:hover { color: #FFD90D; } /************Content Carousel Template*/ .why-viking-content-carousel-template { background: #FFF; } .why-viking-content-carousel-template .head-line { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 30px; } .why-viking-content-carousel-template p.subtitle { margin-bottom: 30px; } .why-viking-content-carousel-template .mobile-content .mobile-overflow-container { overflow: hidden; -webkit-transition: height .5s ease; transition: height .5s ease; } .why-viking-content-carousel-template .mobile-content .mobile-overflow-container > section { overflow: hidden; margin-bottom: 16px; } .why-viking-content-carousel-template .mobile-content img { width: 100%; } .why-viking-content-carousel-template .flex-next, .why-viking-content-carousel-template .flex-prev { background: none; } .why-viking-content-carousel-template .flex-next::before, .why-viking-content-carousel-template .flex-prev::before { color: rgba(0, 0, 0, 0.5); } .why-viking-content-carousel-template .flex-next:hover::before, .why-viking-content-carousel-template .flex-prev:hover::before { color: black; } .why-viking-content-carousel-template .custom-numbered-controls { padding: 32px 0; position: static; text-align: center; color: #555555; } .why-viking-content-carousel-template .custom-numbered-controls ul { float: none; display: inline-block; margin: 0; } .why-viking-content-carousel-template .custom-numbered-controls ul .prev::before, .why-viking-content-carousel-template .custom-numbered-controls ul ul .next::before { display: none; } .why-viking-content-carousel-template .btn-cta { padding: 12px; margin-top: 40px; margin-bottom: 72px; width: 100%; max-width: 211px; height: 48px; } /***********Content Card Template*********/ .why-viking-content-template.ships-index { border: 1px solid #dddddd; border-top-width: 4px; padding-top: 32px; padding-bottom: 32px; } @media screen and (max-width: 767px) { .why-viking-content-template.ships-index { text-align: center; } } .why-viking-content-template .subtitle { margin-bottom: 48px; } .why-viking-content-template .subtitle.narrow-copy { max-width: 80%; margin: 0 auto; } .why-viking-content-template .ship-index-header, .why-viking-content-template .ship-tile-stacked p { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; text-transform: uppercase; font-size: 20px; color: #dddddd; } .why-viking-content-template .ship-index-header + ul { font-size: 14px; } .why-viking-content-template .ship-tile-stacked ul { font-size: 14px; padding-left: 0; list-style: none; } .why-viking-content-template.article-component .text-center .img-responsive { display: inline-block; } .why-viking-content-template.article-component p { margin-bottom: 2em; font-size: 14px; } .why-viking-content-template.article-component img { margin-left: 0; } @media screen and (min-width: 1024px) { .why-viking-content-template.article-component img { padding-left: 25px; } } /**********WEB-12756************/ .bg-blue-copy .why-viking-content-template.copy-block { background-color: #2B3D52; color: #FFFFFF; } .bg-blue-copy .why-viking-content-template.copy-block a { color: #FFA400; } .bg-blue-copy .why-viking-content-template.copy-block a:hover { color: #FFD90D; } /**********Custom pagination controls for carousel*************/ .custom-numbered-controls { display: none; width: 100%; position: absolute; left: 0; right: 0; padding-right: 38px; z-index: 5; color: #FFF; } @media screen and (min-width: 768px) { .custom-numbered-controls { display: block; } } .custom-numbered-controls ul { float: right; list-style-type: none; overflow: hidden; margin-bottom: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; } .custom-numbered-controls ul li { display: inline-block; float: left; padding-right: 8px; } .custom-numbered-controls ul li:last-of-type { padding-right: 0; } .custom-numbered-controls ul .prev, .custom-numbered-controls ul .next { cursor: pointer; } .custom-numbered-controls ul .prev::before { font-family: "icomoon"; font-size: 12px; display: inline-block; content: "\e611"; color: rgba(255, 255, 255, 0.8); } .custom-numbered-controls ul .next::before { font-family: "icomoon"; font-size: 12px; display: inline-block; content: "\e610"; color: rgba(255, 255, 255, 0.8); } .custom-numbered-controls .current-slide, .custom-numbered-controls .max-slides { width: 20px; } .why-viking { /* why viking component header */ /* why viking component 5 */ /* why viking component 6 */ /* why viking component 7 */ /* why viking component 11 */ /* why viking component footer */ /* To fill the container and nothing else */ } .why-viking .header-container { width: 100%; overflow: auto; } .why-viking .header-container > h2 { float: left; } .why-viking .header-container > .social-links { float: right; margin-top: 21px; margin-bottom: 10.5px; } .why-viking header { padding-bottom: 30px; } .why-viking header p { color: #333; font-size: 16px; line-height: 24px; text-align: center; } .why-viking header p.narrow-copy { max-width: 80%; margin: 0 auto; } .why-viking .component-5 h3, .why-viking .component-5 h4, .why-viking .component-6 h3, .why-viking .component-6 h4, .why-viking .component-7 h3, .why-viking .component-7 h4 { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 1024px) { .why-viking header p { padding: 0; } } @media screen and (max-width: 767px) { .why-viking header p { margin-bottom: 32px; } } .why-viking .component-5:before:before, .why-viking .component-5:before:after, .why-viking .component-5:after:before, .why-viking .component-5:after:after, .why-viking .component-6:before:before, .why-viking .component-6:before:after, .why-viking .component-6:after:before, .why-viking .component-6:after:after, .why-viking .component-7:before:before, .why-viking .component-7:before:after, .why-viking .component-7:after:before, .why-viking .component-7:after:after { content: " "; display: table; } .why-viking .component-5:before:after, .why-viking .component-5:after:after, .why-viking .component-6:before:after, .why-viking .component-6:after:after, .why-viking .component-7:before:after, .why-viking .component-7:after:after { clear: both; } .why-viking .component-5 .thumbnail { border-color: #dddddd; border-top-width: 6px; } .why-viking .component-5 .thumbnail .caption { font-size: 16px; padding: 20px 20px 20px 20px; } .why-viking .component-5 .thumbnail .caption p { margin-bottom: 0px; } .why-viking .component-5 .thumbnail-action { border-color: #cccccc; } .why-viking .component-5.three-up section { padding: 16px 8px; overflow: hidden; } .why-viking .component-5.three-up section > .container-fluid.bg-white { padding-top: 16px; } .why-viking .component-5.three-up section .thumbnail { -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; } .why-viking .component-5.three-up section .thumbnail.off-screen { opacity: 0; } .why-viking .component-5.three-up section .thumbnail .caption h3 { font-size: 21px; margin: 0; margin-bottom: 20px; white-space: inherit; } .why-viking .component-5.three-up section .thumbnail .thumbnail-action { font-size: 13px; color: #777777; padding: 20px; } .why-viking .component-5.three-up section .thumbnail .thumbnail-action .icon { margin-right: 10px; } .why-viking .component-5.two-up section { padding: 16px 8px; overflow: hidden; } .why-viking .component-5.two-up section > .container-fluid.bg-white { padding-top: 16px; } .why-viking .component-5.two-up section .thumbnail { -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; border: none; } .why-viking .component-5.two-up section .thumbnail.off-screen { opacity: 0; } .why-viking .component-5.two-up section .thumbnail .caption h3 { font-size: 26px; margin: 0; margin-bottom: 20px; } .why-viking .component-5.two-up section .thumbnail .thumbnail-action { font-size: 13px; color: #b10a32; padding: 20px; border-top: none; } .why-viking .component-5.two-up .thumbnail-anchor:hover .thumbnail:before { background-color: transparent; } .why-viking .component-5.two-up section .thumbnail .thumbnail-action .icon { margin-right: 10px; } .why-viking .component-5.thumbnail-only section { overflow: hidden; } .why-viking .component-5.thumbnail-only section .thumbnail-img { margin-bottom: 16px; } .why-viking .component-5.thumbnail-only section .thumbnail-img img { display: block; width: 100%; height: auto; -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; } .why-viking .component-5.thumbnail-only section .thumbnail-img img.off-screen { opacity: 0; } .why-viking .component-5.one-up section { overflow: hidden; } .why-viking .component-5.one-up section .article { overflow: hidden; padding-bottom: 40px; margin-bottom: 40px; border-bottom: #eee solid 1px; } .why-viking .component-5.one-up section .article .thumbnail-img { display: block; width: 100%; height: auto; margin-bottom: 16px; } .why-viking .component-5.one-up section .article .caption { padding-left: 30px; } .why-viking .component-5.one-up section .article .caption h3 { margin: 0 0 20px 0; font-size: 30px; } .why-viking .component-5.one-up section .article .caption p { font-size: 16px; color: #777777; } .why-viking .component-5.one-up footer .cta { margin-top: 20px; } .why-viking .component-5.awards .thumbnail-img { text-align: center; margin-bottom: 20px; } .why-viking .component-5.awards .thumbnail-img img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .why-viking .component-5.awards .thumbnail-img img { max-width: 320px; margin: 0 auto; } } .why-viking .component-5.itinerary { font-size: 14px; } @media screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) { .why-viking .component-5.itinerary .thumbnail-wrapper > .col-xs-6 { width: 100%; } } .why-viking .component-5.itinerary .thumbnail .caption { font-size: 14px; padding: 9px; } .why-viking .component-5.itinerary .thumbnail .caption .title { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif ; color: #000000; font-size: 2.6em; text-align: center; margin-top: .75em; } .why-viking .component-5.itinerary .thumbnail .caption .title h4 { text-transform: capitalize; } .why-viking .component-5.itinerary .thumbnail .caption .title h3, .why-viking .component-5.itinerary .thumbnail .caption .title h4 { font-weight: 400; } .why-viking .component-5.itinerary .thumbnail .thumbnail-action { border-top: 0; } .why-viking .component-6.news-strip.has-hidden .slides { overflow: hidden; } .why-viking .component-6.news-strip .slides > .item { margin-bottom: 40px; } .why-viking .component-6.news-strip header { padding-bottom: 0; } .why-viking .component-6.news-strip header p:last-of-type { margin-bottom: 40px; } .why-viking .component-6.news-strip .article-text { width: 100%; margin: 0 auto; } @media screen and (min-width: 768px) { .why-viking .component-6.news-strip .article-text { width: 95%; } } .why-viking .component-6.news-strip .article-text h3 { font-size: 32px; margin: 0 0 24px; } .why-viking .component-6.news-strip .article-text p { font-size: 16px; } .why-viking .component-6.news-strip .article-img { margin-bottom: 16px; display: block; width: 100%; height: auto; } .why-viking .component-6.tables section { height: auto; overflow: hidden; } .why-viking .component-6.tables section .opacity-0 { opacity: 0; } .why-viking .component-6.tables section .opacity-100 { opacity: 1; } .why-viking .component-6.tables section .row > div { overflow: hidden; } .why-viking .component-6.tables .table { table-layout: fixed; } .why-viking .component-6.tables-scroll .table-scroll-message { font-size: 13px; } .why-viking .component-6.tables-scroll section { height: auto; overflow: hidden; } .why-viking .component-6.tables-scroll section .scroll-content { width: 100%; overflow-x: auto; border-left: 1px #E1E1E1 solid; border-right: 1px #E1E1E1 solid; } .why-viking .component-6.tables-scroll section .scroll-content .table-striped { margin-bottom: 0px; border-right: none; border-left: none; } .why-viking .component-6.tables-scroll section .opacity-0 { opacity: 0; } .why-viking .component-6.tables-scroll section .opacity-100 { opacity: 1; } .why-viking .component-6.large-itinerary .table-striped th, .why-viking .component-6.large-itinerary .table-striped td { padding: 5px 7px; font-size: 13px; height: auto; white-space: normal; } @media screen and (min-width: 1024px) { .why-viking .component-6.large-itinerary .table-striped th, .why-viking .component-6.large-itinerary .table-striped td { font-size: 14px; } } .why-viking .component-6.large-itinerary table em { display: block; font-size: 12px; } @media screen and (min-width: 1024px) { .why-viking .component-6.large-itinerary table em { font-size: 13px; } } .why-viking .component-6 .table { margin-bottom: 24px; } .why-viking .component-6 col.highest-value { border: 3px solid #B10A32; } .why-viking .component-6 .table-striped { background: #FFF; border: 1px #E1E1E1 solid; } .why-viking .component-6 .table-striped th, .why-viking .component-6 .table-striped td { font-size: 14px; color: #333333; padding: 16px; } .why-viking .component-6 .table-striped th { text-transform: uppercase; background: #ECEEF1; } .why-viking .component-6 .table-striped tr:nth-child(odd) > td, .why-viking .component-6 .table-striped tr:nth-child(odd) > th { background-color: #ECEEF1; border-top: 1px #E1E1E1 solid; } .why-viking .component-6 .allow-wrap td { white-space: normal; } .why-viking .component-6 .col-width-50 td { width: 50% !important; } .why-viking .component-7.numeric-list section { padding-top: 24px; overflow: hidden; } .why-viking .component-7.numeric-list section .article-text { margin-bottom: 40px; -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; } .why-viking .component-7.numeric-list section .article-text.off-screen { opacity: 0; } .why-viking .component-7.numeric-list section .article-text .article-number { color: #FFF; font-size: 22px; font-weight: 600; background: #b9092d; border-radius: 1000px; display: block; margin: 0 auto 24px; width: 35px; height: 35px; text-align: center; } .why-viking .component-7.numeric-list section .article-text .title { margin-top: 0; margin-bottom: 16px; } .why-viking .component-7.numeric-list section .article-text .text { margin-bottom: 24px; } .why-viking .component-7.numeric-list section .article-text .article-link { display: inline-block; margin-bottom: 24px; } .why-viking .component-11.gallery section { margin-top: 24px; overflow: hidden; } .why-viking .component-11.gallery section .item { -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; } .why-viking .component-11.gallery section .item.off-screen { opacity: 0; } .why-viking .component-11.gallery section .item .thumbnail { border-color: #dddddd; } .why-viking footer { text-align: center; } .why-viking footer .cta { font-size: 14px; padding: 12px !important; margin-top: 60px; width: 100%; max-width: 211px; height: 48px; } .why-viking footer .cta:focus { color: #FFF; } .why-viking #fb-root { display: none; } @media screen and (min-width: 1366px) { .why-viking .fb_iframe_widget span iframe[style] { width: 100% !important; } } .why-viking #viking-fb-widget, .why-viking #viking-twitter-widget, .why-viking .viking-google-widget { text-align: center; padding-top: 16px; } @media screen and (min-width: 1366px) { .why-viking #viking-fb-widget, .why-viking #viking-twitter-widget, .why-viking .viking-google-widget { padding-top: 0; text-align: left; } } .why-viking .panel.panel-topic-info { margin: 0; } @media screen and (max-width: 1024px) { .why-viking .panel.panel-topic-info .panel-heading { padding: 0; } } @media screen and (max-width: 1024px) { .why-viking .panel.panel-topic-info .panel-heading a { padding: 16px 0; font-size: 18px; } } .why-viking .panel.panel-topic-info .panel-heading a .icon { display: block; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .why-viking .panel.panel-topic-info .panel-heading a .title-text { display: block; } @media screen and (max-width: 1024px) { .why-viking .panel.panel-topic-info .panel-heading a .title-text { margin-left: 35px; } } .why-viking .panel.panel-topic-info .panel-heading a.collapsed .icon { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .why-viking .bg-blue { background-color: #2B3D52; color: #FFFFFF; } .why-viking .recipe-details h4 { margin-bottom: 2px; } .why-viking .cruise-side-rail.side-left.sticky-only { width: 0; } .why-viking.sticky-active .cruise-side-rail.side-left.sticky-only { width: 14.285714286%; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul { display: block; text-align: justify; width: 100%; text-justify: distribute; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul.item-length-4 { width: 67%; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul.item-length-3 { width: 50%; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul.item-length-2 { width: 33%; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul li { width: auto; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul li a { background-color: #2B3D52; color: #fff; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul li a .text { background-color: #2B3D52; color: #fff; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul li a.active { padding-bottom: 8px; background-color: #2B3D52; color: #fff; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul li a.active .text { background-color: #2B3D52; color: #fff; } .why-viking.sticky-active #cruise-hdr .cruise-hdr-ribbon .cruise-sub-header .flex-fit-container .subnav-wrapper ul:after { content: ''; display: inline-block; width: 100%; } .progressive-image { position: relative; overflow: hidden; background-size: cover; background-position: center; } .progressive-image img { width: 100%; height: auto; } .progressive-image .overlay { position: absolute; top: 0; left: 0; opacity: 0; } .old-progressive-image { position: relative; overflow: hidden; } .old-progressive-image img { width: 100%; height: auto; } .old-progressive-image .overlay { position: absolute; top: 0; left: 0; opacity: 0; } .ios body { cursor: pointer; } /**********WEB-13025************/ .bg-blue-copy .flex-container { background-color: #2B3D52; color: #FFFFFF; } .bg-blue-copy .flex-container a { color: #FFFFFF; } .bg-blue-copy .flex-container a:hover { color: #FFD90D; } .bg-blue-copy .flexslider { padding-right: 0px; } .bg-blue-copy .video-container { color: #333333; } .bg-blue-copy .video-container a { color: #b10a32; } .bg-blue-copy .video-container a:hover { color: #333333; } @media all and (min-width: 1020px) and (max-width: 1060px) { .item-image img { width: 90% !important; } .double-column-tile .item-image { margin-right: 0px !important; } } .why-viking.filmography .hdr-canvas.ext-semi-canvas { height: 130px; } @media screen and (min-width: 768px) { .why-viking.filmography .hdr-canvas.ext-semi-canvas { height: 170px; } } @media screen and (min-width: 1024px) { .why-viking.filmography .hdr-canvas.ext-semi-canvas { height: 185px; } } .why-viking.filmography #cruise-main-content > .container-fluid > .row > .container:not(.no-padding) { padding-top: 0; } .why-viking.filmography .content-section .film-group .panel-group-title { margin-top: 18px; margin-bottom: -8px; } .why-viking.co-branded.filmography .hdr-canvas.ext-semi-canvas { height: 130px; } @media screen and (min-width: 768px) { .why-viking.co-branded.filmography .hdr-canvas.ext-semi-canvas { height: 195px; } } @media screen and (min-width: 1024px) { .why-viking.co-branded.filmography .hdr-canvas.ext-semi-canvas { height: 210px; } } @media screen and (max-width: 1024px) { .pull-right, .thumbnail-action .quick-look { float: left !important; } .table-header-pull-right, .footer-links .pull-right, .footer-links .thumbnail-action .quick-look, .thumbnail-action .footer-links .quick-look { float: right !important; } } /*# sourceMappingURL=why-viking.css.map */ @charset "UTF-8"; /****************************************************************************** WARNING THIS IS COMPILED SASS FILE LOCATED IN SCSS DO NOT EDIT IN THE CSS FILE *******************************************************************************/ /* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: "icomoon"; src: url("/Content/fonts/icomoon.eot"); src: url("/Content/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/icomoon.woff") format("woff"), url("/Content/fonts/icomoon.ttf") format("truetype"), url("/Content/fonts/icomoon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-container a:focus, .flex-slider a:hover, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 24px; background: #fff; border: none; position: relative; zoom: 1; border-radius: 4px; -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flexslider .slides ul { list-style-type: disc; } .flexslider.flexslider-carousel { margin: 0 30px; } .flexslider.flexslider-carousel a, .flexslider.flexslider-carousel button { background-color: transparent; } .flexslider.flexslider-carousel a.flex-next, .flexslider.flexslider-carousel button.flex-next { right: -50px; } .flexslider.flexslider-carousel a.flex-prev, .flexslider.flexslider-carousel button.flex-prev { left: -50px; } .flexslider.flexslider-carousel li { margin-right: 16px; cursor: pointer; } .flexslider.flexslider-carousel .flex-active-slide { position: relative; } .flexslider.flexslider-carousel .flex-active-slide:before { content: ''; display: block; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; right: 0; background-color: #B10A32; } @media screen and (min-width: 860px) { .flexslider.flexslider-carousel .flex-direction-nav a.flex-prev, .flexslider.flexslider-carousel .flex-direction-nav button.flex-prev { opacity: 1; } .flexslider.flexslider-carousel .flex-direction-nav a.flex-next, .flexslider.flexslider-carousel .flex-direction-nav button.flex-next { opacity: 1; } } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a, .flex-direction-nav button { text-decoration: none; display: block; width: 50px; height: 88px; margin: -44px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; text-align: center; cursor: pointer; background-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before, .flex-direction-nav button:before { font-family: "icomoon"; font-size: 44px; display: inline-block; content: ""; color: rgba(255, 255, 255, 0.8); margin: 11px 0; } .flexslider-carousel .flex-direction-nav a:before, .flexslider-carousel .flex-direction-nav button:before { font-size: 29px; margin: 22px 0; color: rgba(0, 0, 0, 0.8); } .flex-direction-nav a.flex-next:before, .flex-direction-nav button.flex-next:before { content: ""; } .flex-direction-nav .flex-prev { left: 0px; } .flex-direction-nav .flex-next { right: 0px; } @media screen and (min-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; } .flex-direction-nav .flex-next { opacity: 1; } } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; display: none; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "${font-name}"; font-size: 20px; display: inline-block; content: ""; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: ""; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 24%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flexslider-slides .flex-direction-nav .flex-prev { opacity: 1; left: -24px; } .flexslider-slides .flex-direction-nav .flex-next { opacity: 1; right: -24px; } } /*# sourceMappingURL=flexslider.css.map */ table { margin: 0; font-weight: normal; color: inherit; } table tr th { height: auto; min-height: initial; padding: initial; border: none; background: none; background-size: auto; text-transform: none; } table tr td { height: auto; min-height: initial; padding: initial; background: none; border: none; } form select { margin: 0; border-radius: 0px; } form .field-validation-error { font-size: 14px; color: #B10A32; text-align: left; height: 10px; line-height: 10px; white-space: nowrap; } form input[type="text"].input-validation-error, form input[type="email"].input-validation-error, form input[type="password"].input-validation-error, form input[type="tel"].input-validation-error, form select.input-validation-error { border: 2px solid #B10A32; } .modern-browser .styled-select { position: relative; background: #FFF; } .modern-browser .styled-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/Content/images/v3/drop_arrow.svg") no-repeat right; background-position-x: calc(100% - 8px); } .modern-browser .styled-select select::-ms-expand { display: none; } .ieall .styled-select select { padding: 6px 0; } body { font-family: "Open Sans", sans-serif; } .btn { font-family: "Open Sans", sans-serif; } h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; } table { font-family: "Open Sans", sans-serif; } .thumbnail { font-family: "Open Sans", sans-serif; } #cruise-hdr .cruise-hdr-ribbon ul li { width: 12.5%; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; width: 1px; overflow: hidden; position: absolute !important; word-wrap: normal !important; } .static-container-xs { width: 100%; max-width: 480px; margin: auto; } .static-container-sm { width: 100%; max-width: 768px; margin: auto; } .static-container-md { width: 100%; max-width: 1024px; margin: auto; } .static-container-lg { width: 100%; max-width: 1366px; margin: auto; } .static-container-xl { width: 100%; max-width: 1400px; margin: auto; } .static-container-2xl { width: 100%; max-width: 1440px; margin: auto; } @media screen and (min-width: 0) { .col-tn-items-1 { width: 100%; } } @media screen and (min-width: 480px) { .col-xs-items-1 { width: 100%; } } @media screen and (min-width: 768px) { .col-sm-items-1 { width: 100%; } } @media screen and (min-width: 1024px) { .col-md-items-1 { width: 100%; } } @media screen and (min-width: 1366px) { .col-lg-items-1 { width: 100%; } } @media screen and (min-width: 0) { .col-tn-items-2 { width: 50%; } } @media screen and (min-width: 480px) { .col-xs-items-2 { width: 50%; } } @media screen and (min-width: 768px) { .col-sm-items-2 { width: 50%; } } @media screen and (min-width: 1024px) { .col-md-items-2 { width: 50%; } } @media screen and (min-width: 1366px) { .col-lg-items-2 { width: 50%; } } @media screen and (min-width: 0) { .col-tn-items-3 { width: 33.33333%; } } @media screen and (min-width: 480px) { .col-xs-items-3 { width: 33.33333%; } } @media screen and (min-width: 768px) { .col-sm-items-3 { width: 33.33333%; } } @media screen and (min-width: 1024px) { .col-md-items-3 { width: 33.33333%; } } @media screen and (min-width: 1366px) { .col-lg-items-3 { width: 33.33333%; } } @media screen and (min-width: 0) { .col-tn-items-4 { width: 25%; } } @media screen and (min-width: 480px) { .col-xs-items-4 { width: 25%; } } @media screen and (min-width: 768px) { .col-sm-items-4 { width: 25%; } } @media screen and (min-width: 1024px) { .col-md-items-4 { width: 25%; } } @media screen and (min-width: 1366px) { .col-lg-items-4 { width: 25%; } } @media screen and (min-width: 0) { .col-tn-items-5 { width: 20%; } } @media screen and (min-width: 480px) { .col-xs-items-5 { width: 20%; } } @media screen and (min-width: 768px) { .col-sm-items-5 { width: 20%; } } @media screen and (min-width: 1024px) { .col-md-items-5 { width: 20%; } } @media screen and (min-width: 1366px) { .col-lg-items-5 { width: 20%; } } @media screen and (min-width: 0) { .col-tn-items-6 { width: 16.66667%; } } @media screen and (min-width: 480px) { .col-xs-items-6 { width: 16.66667%; } } @media screen and (min-width: 768px) { .col-sm-items-6 { width: 16.66667%; } } @media screen and (min-width: 1024px) { .col-md-items-6 { width: 16.66667%; } } @media screen and (min-width: 1366px) { .col-lg-items-6 { width: 16.66667%; } } .form-error-panel { -webkit-transition: background 0.25s; transition: background 0.25s; } .form-error-panel.active { background: #FFF; } .jumbo-stat { font-size: 90px; line-height: 1; text-align: right; margin-bottom: 60px; } .jumbo-stat .jumbo-stat-pre { font-size: 0.22em; } .jumbo-stat .jumbo-stat-post { font-size: 0.12em; opacity: 0.75; } @media screen and (min-width: 480px) { .jumbo-stat { font-size: 140px; } } @media screen and (min-width: 768px) { .jumbo-stat { font-size: 200px; } } .image-mask-1-by-1 { background-size: cover; background-position: center; width: 100%; padding-bottom: 100%; } @media print { .image-mask-1-by-1 { padding-bottom: 0; } } .image-mask-2-by-1 { background-size: cover; background-position: center; width: 100%; padding-bottom: 50%; } @media print { .image-mask-2-by-1 { padding-bottom: 0; } } .image-mask-1-by-1, .image-mask-2-by-1 { margin-bottom: 16px; } [class^="col-"] .image-mask-2-by-1 { padding-bottom: calc(50% - 8px); } .thumbnail-2 { width: 100%; text-align: center; } .thumbnail-2 .thumbnail-2-icon { margin-bottom: 16px; } .thumbnail-2 .thumbnail-2-caption { text-align: center; } .inclusive-value-header { background-color: #2B3D52; text-align: center; text-transform: uppercase; } .inclusive-value-header h3 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; } .inclusive-value-body { padding: 8px; background-color: #FFF; color: #333333; } .inclusive-value-body .flex-row { display: block !important; } @media screen and (min-width: 768px) { .inclusive-value-body .flex-row { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .inclusive-value-body .inclusive-value-content { height: 100%; border: 1px #cccccc solid; } .inclusive-value-body .inclusive-value-content h3, .inclusive-value-body .inclusive-value-content h4 { margin: 0; padding: 12px; background-color: #44687d; color: #FFF; font-family: "Open Sans", sans-serif; font-size: 12px; font-style: normal; text-transform: uppercase; } .inclusive-value-body .inclusive-value-content .flex-ul { list-style: none; margin: 10.5px 0; padding-left: 10px; } .inclusive-value-body .inclusive-value-content .flex-ul li { margin-bottom: 10.5px; padding-left: 30px; padding-right: 10px; font-family: "Open Sans", sans-serif; font-size: 13px; } .inclusive-value-body .inclusive-value-content .flex-ul li .icon { position: absolute; color: #44687d; font-size: 18px; margin-left: -30px; } @media screen and (min-width: 1024px) { .inclusive-value-body .inclusive-value-content .flex-ul.expanded li { line-height: 1.8; } } .inclusive-value-body .inclusive-value-content .fine-print { font-size: 11px; font-style: italic; } .inclusive-value-body .inclusive-value-content .value-callout { padding: 6px; background-color: #B10A32; color: #FFF; font-size: 12px; text-transform: uppercase; } @media screen and (min-width: 1024px) { .inclusive-value-body .inclusive-value-content .value-callout { position: absolute; bottom: 0; width: calc(100% - 18px); } } .inclusive-value-body .inclusive-value-footer { padding-top: 10px; } .inclusive-value-body .inclusive-value-footer h3, .inclusive-value-body .inclusive-value-footer h4 { margin: 0 0 6px 0; padding: 12px; background-color: #44687d; color: #FFF; font-family: "Open Sans", sans-serif; font-size: 12px; font-style: normal; text-transform: uppercase; } .inclusive-value-body .inclusive-value-footer .icons-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 -2px; padding: 0; font-size: 0; } .inclusive-value-body .inclusive-value-footer .icons-ul li { 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; width: 50%; padding: 5px; color: #FFF; font-size: 32px; text-align: center; line-height: 1; background-color: #2B3D52; border: 2px #FFF solid; } .inclusive-value-body .inclusive-value-footer .icons-ul li svg { height: 1em; } .inclusive-value-body .inclusive-value-footer .icons-ul li svg path { fill: currentColor; } .inclusive-value-body .inclusive-value-footer .icons-ul li span { font-size: 11px; font-weight: 100; } @media screen and (min-width: 480px) { .inclusive-value-body .inclusive-value-footer .icons-ul li { width: 25%; } } @media screen and (min-width: 768px) { .inclusive-value-body .inclusive-value-footer .icons-ul li { width: 33.33333%; } } @media screen and (min-width: 1024px) { .inclusive-value-body .inclusive-value-footer .icons-ul li { width: 12.5%; } } #contentWrapper blockquote { border-left: 0; text-align: right; line-height: 1; margin-top: 10px; margin-bottom: 20px; font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 24px; font-style: italic; } #contentWrapper blockquote footer { color: #cccccc; text-align: right; display: block; margin-top: 10px; font-family: "Open Sans", sans-serif; font-size: 18px; } #contentWrapper .section-header, #contentWrapper .section-body { padding: 16px 0; } @media (min-width: 768px) { #contentWrapper .section-header .section-header-title { text-align: right; } } #contentWrapper .section-header .section-header-title h2 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 42px; margin-bottom: 20px; } #contentWrapper .section-footer { 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: end; -ms-flex-pack: end; justify-content: flex-end; padding: 40px 0; } #contentWrapper .section-footer > *:not(:last-child) { margin-bottom: 16px; } #contentWrapper .section-footer .next-section-cta { display: inline-block; padding: 4px; } @media screen and (min-width: 768px) { #contentWrapper .section-footer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #contentWrapper .section-footer > *:not(:last-child) { margin-bottom: 0; margin-left: 16px; } #contentWrapper .section-footer .next-section-cta-group { margin-left: 80px; } #contentWrapper .section-footer .next-section-cta { display: block; } } #contentWrapper .section-inner { overflow: hidden; padding: 0 20px; } @media screen and (min-width: 1024px) { #contentWrapper .section-inner { padding: 0 30px; } } @media screen and (min-width: 1366px) { #contentWrapper .section-inner { padding: 0 60px; } } #contentWrapper section { padding: 20px 0; } #contentWrapper section .left-nav { margin-top: 100px; text-align: left; } #contentWrapper section .left-nav h2 { font-size: 20px; margin-bottom: 10px; color: #000; } #contentWrapper section .left-nav ul li.active { border-bottom: 1px solid #C6BDBD; border-top: 1px solid #C6BDBD; } #contentWrapper section .left-nav ul li.active a { opacity: 1; } #contentWrapper section .left-nav ul li a { font-size: 18px; font-weight: 400; display: block; padding: 10px 0; color: #000; line-height: 1; text-decoration: none; opacity: 0.7; } #contentWrapper section .left-nav ul li a:hover { opacity: 1; } #contentWrapper section .left-nav.invert-colors h2 { color: #FFF; } #contentWrapper section .left-nav.invert-colors ul li a { color: #FFF; } #contentWrapper .section-highclere-castle, #contentWrapper .section-worlds-best, #contentWrapper .section-better-staterooms, #contentWrapper .section-newest-fleet, #contentWrapper .section-best-value-at-sea, #contentWrapper .section-newest-river-fleet, #contentWrapper .section-spacious-staterooms, #contentWrapper .section-more-time-in-more-ports, #contentWrapper .section-services-guarantee, #contentWrapper .section-find-out-more { background-color: #2B3D52; color: whitesmoke; } #contentWrapper .section-cruisers-choice, #contentWrapper .section-dining-choices, #contentWrapper .section-more-ports, #contentWrapper .section-what-viking-is-not, #contentWrapper .section-number-one-river-cruise, #contentWrapper .section-award-winning-longships, #contentWrapper .section-most-al-fresco-dining, #contentWrapper .section-guest-satisfaction, #contentWrapper .section-inclusive-value { background-color: #44687d; color: #FFF; } #contentWrapper .section-highclere-castle, #contentWrapper .section-worlds-best, #contentWrapper .section-number-one-river-cruise, #contentWrapper .section-award-winning-longship, #contentWrapper .section-find-out-more { background-size: cover; } #contentWrapper .section-highclere-castle, #contentWrapper .section-worlds-best, #contentWrapper .section-number-one-river-cruise, #contentWrapper .section-find-out-more { background-color: #ffffff; margin: 0 auto; padding: 0; position: relative; width: 100%; } @media screen and (max-width: 767px) { #contentWrapper .section-highclere-castle, #contentWrapper .section-worlds-best, #contentWrapper .section-number-one-river-cruise, #contentWrapper .section-find-out-more { background-image: none !important; } @media screen and (max-width: 767px) { #contentWrapper #worldsBest.section-worlds-best { background-color: #2B3D52; } } } #contentWrapper .section-number-one-river-cruise, #contentWrapper .section-worlds-best, #contentWrapper .section-highclere-castle { text-align: right; } @media screen and (max-width: 767px) { #contentWrapper .section-number-one-river-cruise, #contentWrapper .section-worlds-best, #contentWrapper .section-highclere-castle { text-align: left; } } #contentWrapper .section-number-one-river-cruise .hero-content, #contentWrapper .section-worlds-best .hero-content, #contentWrapper .section-highclere-castle .hero-content { padding-top: 20px; } @media screen and (min-width: 480px) { #contentWrapper .section-number-one-river-cruise .hero-content, #contentWrapper .section-worlds-best .hero-content, #contentWrapper .section-highclere-castle .hero-content { padding-top: 30px; } } #contentWrapper .section-number-one-river-cruise .hero-content h2, #contentWrapper .section-worlds-best .hero-content h2, #contentWrapper .section-highclere-castle .hero-content h2 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 36px; margin-top: 0; margin-bottom: 30px; } #contentWrapper .section-number-one-river-cruise .hero-content .img-responsive, #contentWrapper .section-worlds-best .hero-content .img-responsive, #contentWrapper .section-highclere-castle .hero-content .img-responsive { display: inline-block; padding-bottom: 20px; } @media screen and (max-width: 767px) { #contentWrapper .section-number-one-river-cruise .hero-content .img-responsive, #contentWrapper .section-worlds-best .hero-content .img-responsive, #contentWrapper .section-highclere-castle .hero-content .img-responsive { display: block; margin: 0 auto; } } #contentWrapper .section-number-one-river-cruise .hero-content p, #contentWrapper .section-worlds-best .hero-content p, #contentWrapper .section-highclere-castle .hero-content p { margin-bottom: 0px; font-size: 12px; } #contentWrapper .section-newest-river-fleet .table-underlined { background-color: #2B3D52; } #contentWrapper .section-newest-river-fleet .table-underlined th, #contentWrapper .section-newest-river-fleet .table-underlined td { padding: 8px 16px; } #contentWrapper .section-newest-river-fleet .table-underlined th { font-size: 18px; font-style: italic; font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; } #contentWrapper .section-newest-river-fleet .table-underlined td { font-size: 14px; } #contentWrapper .section-newest-river-fleet .table-underlined tr.highlight { background-color: #4D657F; color: #FFF; } #contentWrapper .section-newest-river-fleet .table-underlined thead td, #contentWrapper .section-newest-river-fleet .table-underlined thead th { border-bottom: 2px solid #cccccc; } #contentWrapper .section-newest-river-fleet .table-underlined tbody td, #contentWrapper .section-newest-river-fleet .table-underlined tbody th { border-bottom: 1px solid rgba(204, 204, 204, 0.25); } #contentWrapper .section-newest-river-fleet .table-underlined:not(:last-child) { margin-bottom: 40px; } #contentWrapper .section-number-one-river-cruise { min-height: 780px; } #contentWrapper .section-number-one-river-cruise .hero-content .award-logo { width: 200px; } #contentWrapper .section-number-one-river-cruise .section-footer { padding: 60px 0; } #contentWrapper .section-highclere-castle-hero { position: relative; } #contentWrapper .section-highclere-castle-hero .section__hero--standard { margin: 0 auto 32px; max-width: 1440px; } #contentWrapper .section-highclere-castle-hero .section__hero--image-cropped { height: auto; object-fit: cover; object-position: center; width: 100%; } #contentWrapper .section-highclere-castle-hero .section__h1 { color: #fff; font-family: "adobe-garamond-pro", sans-serif; font-size: 90px; font-style: normal; font-weight: 600; line-height: normal; } #contentWrapper .section-highclere-castle-hero .section__h1--overlay { left: calc(50% - 294px); margin: 0; position: absolute; top: calc(50% - 57.5px); z-index: 2; } #contentWrapper .section-highclere-castle-hero .section__hero--gradient-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #contentWrapper .section-highclere-castle-intro .block__heading, #contentWrapper .section-highclere-castle-intro .block__heading p { color: #000000; text-align: center; font-family: 'adobe-garamond-pro', sans-serif; font-size: 44px; font-style: normal; font-weight: 600; line-height: 48px; margin: 0 auto 12px; width: calc(100% - 32px); } #contentWrapper .section-highclere-castle-intro .block__text { color: #333333; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; margin: 0 auto 32px; width: 984px; } #contentWrapper .section-highclere-castle .section-inner { background: linear-gradient(0deg, #142640 0%, #142640 100%); box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.10); height: auto; margin: 0 auto 24px; padding: 0; width: 1344px; } #contentWrapper .section-highclere-castle .timeline { height: 100%; padding: 48px 0; } #contentWrapper .section-highclere-castle .timeline__title { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 30px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 19px; margin-top: 0; text-align: center; } #contentWrapper .section-highclere-castle .timeline-thermometer { padding: 28px 0; width: auto; margin: 0 auto; color: #fff; font-family: 'Open Sans', sans-serif; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-table { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; position: relative; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col { display: flex; flex-direction: column; align-items: flex-end; margin: 0; width: 100px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year-left { position: absolute; right: 182px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year-right { left: 182px; position: absolute; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(1) { top: 3px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(2) { top: 42px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(3) { top: 75px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(4) { top: 109px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(5) { top: 142px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(6) { top: 176px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(7) { top: 209px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(8) { top: 243px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(9) { top: 306px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(10) { top: 340px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(11) { top: 374px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(12) { top: 438px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(13) { top: 472px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(14) { top: 505px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(15) { top: 537px; } @media screen and (max-width: 1365px) { #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year-left { right: 153px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year-right { left: 153px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(1) { top: 1px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(2) { top: 35px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(3) { top: 65px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(4) { top: 97px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(5) { top: 126px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(6) { top: 158px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(7) { top: 188px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(8) { top: 219px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(9) { top: 277px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(10) { top: 307px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(11) { top: 339px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(12) { top: 398px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(13) { top: 426px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(14) { top: 458px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(15) { top: 488px; } } @media screen and (max-width: 1024px) { #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year-left { right: 133px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year-right { left: 133px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(1) { top: 1px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(2) { top: 26px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(3) { top: 54px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(4) { top: 85px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(5) { top: 113px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(6) { top: 145px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(7) { top: 173px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(8) { top: 204px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(9) { top: 260px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(10) { top: 287px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(11) { top: 319px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(12) { top: 375px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(13) { top: 403px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(14) { top: 434px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-col .timeline-year:nth-of-type(15) { top: 461px; } } .timeline-col.right { align-items: flex-start; width: 100px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-year { border: 3px solid transparent; font-size: 30px; font-style: normal; font-weight: 400; line-height: 130%; padding: 0 4px; position: relative; text-align: center; width: auto; z-index: 2; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-year.active { border: 3px solid #fff; padding: 0 4px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-year a, #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-year a:hover { color: #fff; } #contentWrapper .section-highclere-castle .timeline-thermometer button.timeline__year { background: none; border: none; cursor: pointer; } #contentWrapper .section-highclere-castle .timeline-thermometer button.timeline__year:hover { text-decoration: none; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-center { display: flex; flex-direction: column; height: 575px; align-items: center; position: absolute; width: 100%; } @media screen and (max-width: 1365px) { #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-center { height: 520px; } } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-center::before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 3px; height: 100%; background: #fff; z-index: 1; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick { width: 10px; height: 3px; background: #fff; z-index: 2; position: relative; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick:nth-child(even) { left: 5px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick:nth-child(odd) { left: -5px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2009 { top: 4.509735%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2010 { top: 10.619469%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2011 { top: 15.929204%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2012 { top: 21.238938%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2013 { top: 26.548672%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2014 { top: 31.858406%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2015 { top: 37.168141%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2016 { top: 42.477875%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2018 { left: 5px !important; top: 53.097345%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2019 { left: -5px !important; top: 58.40708%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2020 { left: 5px !important; top: 63.716814%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2022 { left: 5px !important; top: 74.336283%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2023 { left: -5px !important; top: 79.646018%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2024 { left: 5px !important; top: 84.955752%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2025 { left: -5px !important; top: 90.065487%; } @media screen and (max-width: 1024px) { #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2009 { top: 4.809735%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2010 { top: 9.119469%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2011 { top: 14.429204%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2012 { top: 19.738938%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2013 { top: 25.048672%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2014 { top: 30.358406%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2015 { top: 35.668141%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2016 { top: 40.977875%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2018 { left: 5px !important; top: 51.597345%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2019 { left: -5px !important; top: 56.90708%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2020 { left: 5px !important; top: 62.216814%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2022 { left: 5px !important; top: 72.836283%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2023 { left: -5px !important; top: 78.146018%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2024 { left: 5px !important; top: 83.455752%; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-tick-2025 { left: -5px !important; top: 88.565487%; } } #contentWrapper .section-highclere-castle .section__sidebar { position: relative; width: 100%; max-width: 336px; margin: 0 auto; padding: 0; } #contentWrapper .section-highclere-castle .section__content { background: #ffffff; padding: 0; } #contentWrapper .section-highclere-castle .section__content .section__content-image { position: relative; } #contentWrapper .section-highclere-castle .section__content .section__copyright-container { background: rgba(0, 0, 0, 0.60); bottom: 0; position: absolute; right: 0; z-index: 2; } .section__copyright-text:empty { padding: 0; } .section__copyright-text:not(:empty) { padding: 4px; } #contentWrapper .section-highclere-castle .section__content .section__copyright-text { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 130%; } #contentWrapper .section-highclere-castle .section__content .section__image-cropped { max-width: 100%; object-fit: cover; object-position: center; width: 100%; } #contentWrapper .section-highclere-castle .section__content .timeline__content { min-height: 188px; padding: 24px 0 36px 40px; text-align: left; width: 932px; } #contentWrapper .section-highclere-castle .section__content .timeline__year-display { border-bottom: 4px solid #B10A32; color: #000000; font-family: "Open Sans", sans-serif; font-size: 30px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 12px; width: 69px; } #contentWrapper .section-highclere-castle .section__content .timeline__text { color: #000000; font-family: "Open Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; margin: 0 24px 0 0; opacity: 1; transition: opacity 0.3s ease; } #contentWrapper .section-highclere-castle:nth-of-type(13) .section__content .timeline__text { padding-right: 16px; } #contentWrapper .section-highclere-castle .section__content .timeline__text.fade-out { opacity: 0; } #contentWrapper .section-highclere-castle .section__content .timeline__text.fade-in { opacity: 1; } #contentWrapper .section-highclere-castle .section__content .timeline__text a { color: #456580; } #contentWrapper .section-highclere-castle .section__content .section__content--cta .section__content--cta-next { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 116px; position: absolute; bottom: 35px; right: 24px; width: 50px; } #contentWrapper .section-highclere-castle:last-child .section__content .section__content--cta .section__content--cta-next { justify-content: flex-start; } #contentWrapper .section-highclere-castle .section__content .section__content--cta a { display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; border-radius: 50%; background: #B10A32; color: #FFFFFF; text-decoration: none; line-height: 50px; } #contentWrapper .section-highclere-castle .section__content .section__content--cta a:first-child { margin-top: 0; } #contentWrapper .section-highclere-castle .section__content .section__content--cta a:first-child img { position: relative; top: -2px; } #contentWrapper .section-highclere-castle:first-child .section__content .section__content--cta a img { position: relative; top: 2px; } #contentWrapper .section-highclere-castle .section__content .section__content--cta a:last-child { margin-top: 16px; } #contentWrapper .section-highclere-castle .section__content .section__content--cta a img { position: relative; top: 2px; } #contentWrapper .section-highclere-castle .section__content .carousel { position: relative; width: 100%; overflow: hidden; } #contentWrapper .section-highclere-castle .section__content .carousel__container { display: flex; transition: transform 0.3s ease-in-out; } #contentWrapper .section-highclere-castle .section__content .carousel__slide { min-width: 100%; } #contentWrapper .section-highclere-castle .section__content .carousel__button { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 40px; border: none; background-color: rgba(255, 255, 255, 0.9); cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); } #contentWrapper .section-highclere-castle .section__content .carousel__button:hover { background-color: #fff; } #contentWrapper .section-highclere-castle .section__content .carousel__button img { width: 24px; height: 24px; } #contentWrapper .section-highclere-castle .section__content .carousel__button--prev { border-top-left-radius: 8px; border-bottom-left-radius: 8px; left: 20px; } #contentWrapper .section-highclere-castle .section__content .carousel__button--next { border-top-right-radius: 8px; border-bottom-right-radius: 8px; right: 20px; } @media screen and (max-width: 1366px) { #contentWrapper .section-highclere-castle .section__sidebar { max-width: 25%; } #contentWrapper .section-highclere-castle .section-inner { height: auto; margin: 0 34px 24px; width: calc(100% - 68px); } #contentWrapper .section-highclere-castle .timeline { padding: 40px 0; } #contentWrapper .section-highclere-castle .section__content .timeline__content { min-height: 212px; } } @media screen and (max-width: 1365px) { #contentWrapper .section-highclere-castle .timeline-thermometer { padding: 24px 0; } #contentWrapper .section-highclere-castle .timeline__title { margin-bottom: 16px; } #contentWrapper .section-highclere-castle .section__sidebar { min-height: 628px; } #contentWrapper .section-highclere-castle .section__content .timeline__content { width: calc(100% - 100px); } } @media screen and (max-width: 1180px) { #contentWrapper .section-highclere-castle .timeline { padding: 40px 0 0; } #contentWrapper .section-highclere-castle .timeline__title { font-size: 24px; } #contentWrapper .section-highclere-castle .timeline__year { font-size: 24px; } #contentWrapper .section-highclere-castle .timeline__years { width: 134px; } } @media screen and (max-width: 1024px) { #contentWrapper .section-highclere-castle .timeline { padding: 40px 0 0; } #contentWrapper .section-highclere-castle .timeline__title { font-size: 24px; } #contentWrapper .section-highclere-castle .timeline__year { font-size: 24px; } #contentWrapper .section-highclere-castle .section__content .timeline__content { min-height: 240px; } #contentWrapper .section-highclere-castle .timeline-thermometer .timeline-center { height: 500px; } #contentWrapper .section-highclere-castle .section__sidebar { min-height: 596px; } } @media screen and (max-width: 1023px) { #contentWrapper .section-highclere-castle-hero .section__hero--gradient-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.73) 100%); } #contentWrapper .section-highclere-castle-hero .section__hero--standard { margin: 0 auto 32px; } #contentWrapper .section-highclere-castle-hero .section__h1 { font-size: 44px; letter-spacing: normal; text-transform: none; } #contentWrapper .section-highclere-castle-hero .section__h1--overlay { left: calc(50% - 135px); top: calc(50% - 28px); } #contentWrapper .section-highclere-castle .section__content .section__image-cropped { height: auto; object-fit: cover; object-position: center; width: 100%; } #contentWrapper .section-highclere-castle .section-inner { height: auto; margin: 0 34px 24px; width: calc(100% - 68px); } #contentWrapper .section-highclere-castle-intro .block__heading, #contentWrapper .section-highclere-castle-intro .block__heading p { font-size: 32px; line-height: 36px; margin: 0 auto 8px; width: calc(100% - 32px); } #contentWrapper .section-highclere-castle-intro .block__text { font-size: 16px; line-height: 22px; width: calc(100% - 98px); } #contentWrapper .section-highclere-castle .section__content .timeline__content { width: calc(100% - 100px); } #contentWrapper .section-highclere-castle .section__content .timeline__text { margin: 0 12px 0 0; } } @media screen and (max-width: 767px) { #contentWrapper .section-highclere-castle-hero .section__hero--gradient-overlay { background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.25) 12.5%, rgba(0, 0, 0, 0.58) 100%); } #contentWrapper .section-cruisers-choice .section-inner { padding: 0; } #contentWrapper .section-highclere-castle .section-inner { height: auto; margin: 0 12px 16px; width: calc(100% - 24px); } #contentWrapper .section-highclere-castle-hero .section__hero--standard { margin: 0 auto 16px; } #contentWrapper .section-highclere-castle-hero .section__h1 { font-size: 32px; } #contentWrapper .section-highclere-castle-hero .section__h1--overlay { left: calc(50% - 99.5px); top: calc(50% - 20px); } #contentWrapper .section-highclere-castle-intro .block__heading, #contentWrapper .section-highclere-castle-intro .block__heading p { font-size: 24px; line-height: 28px; margin: 0 auto 4px; width: calc(100% - 24px); } #contentWrapper .section-highclere-castle-intro .block__text { font-size: 16px; line-height: 22px; margin: 0 auto 16px; width: calc(100% - 32px); } #contentWrapper .section-highclere-castle .section__content .section__content--cta { display: none; } #contentWrapper .section-highclere-castle .section__content .timeline__content { min-height: auto; padding: 16px 16px 20px 16px; width: 100%; } #contentWrapper .section-highclere-castle .section__content .carousel .carousel__slide-wrapper { box-shadow: 0px 4px 96px 0px rgba(0, 0, 0, 0.10); margin-bottom: 16px; } #contentWrapper .section-highclere-castle .section__content .carousel .carousel__slide-wrapper:last-child { box-shadow: 0px 4px 96px 0px rgba(0, 0, 0, 0.10); margin-bottom: 0; } #contentWrapper .section-highclere-castle .section__content .carousel .timeline__content { background: transparent; min-height: auto; padding: 16px 16px 20px; width: 100%; } #contentWrapper .section-highclere-castle .section__content .carousel + .timeline__content { display: none; } #contentWrapper .section-highclere-castle .section__content .timeline__year-display { font-size: 18px; line-height: 120%; margin-bottom: 4px; width: 42px; } #contentWrapper .section-highclere-castle .section__content .timeline__text { font-size: 16px; line-height: 150%; } #contentWrapper .section-highclere-castle .section__content .timeline__year-display--mobile { font-size: 18px; line-height: 120%; margin-bottom: 4px; width: 42px; } #contentWrapper .section-highclere-castle .section__content .timeline__text--mobile { font-size: 16px; line-height: 150%; } #contentWrapper .section-highclere-castle .section__content .carousel .carousel__container { display: block; transform: none !important; } #contentWrapper .section-highclere-castle .section__content .carousel .carousel__slide { width: 100%; margin-bottom: 0; transform: none; } #contentWrapper .section-highclere-castle .section__content .carousel__button { display: none; } #contentWrapper .section-highclere-castle .section__content .carousel__slide { box-shadow: 0 2px 4px rgba(0,0,0,0.1); overflow: hidden; } #contentWrapper .section-highclere-castle .section__content .carousel__slide picture { width: 100%; display: block; } #contentWrapper .section-highclere-castle .section__content .carousel__slide .section__image-cropped { width: 100%; height: auto; } #contentWrapper .section-highclere-castle .section__content .carousel__button { width: 24px; height: 27px; } #contentWrapper .section-highclere-castle .section__content .carousel__button img { width: 16px; height: 16px; } #contentWrapper .section-highclere-castle .section__content .carousel__button--next { border-top-right-radius: 4px; border-bottom-right-radius: 4px; right: 8px; } #contentWrapper .section-highclere-castle .section__content .carousel__button--prev { border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 8px; } } @media screen and (max-width: 767px) and (orientation: landscape) { #contentWrapper .section-highclere-castle .section__content .carousel__slide-wrapper { display: flex; flex-direction: row; gap: 16px; padding: 16px; margin-bottom: 16px; } #contentWrapper .section-highclere-castle .section__content .carousel__slide-wrapper .carousel__slide { flex: 0 0 60%; margin: 0; } #contentWrapper .section-highclere-castle .section__content .carousel__slide-wrapper .timeline__content { flex: 0 0 40%; padding: 0; display: flex; flex-direction: column; justify-content: flex-start; } #contentWrapper .section-highclere-castle .section__content .carousel__slide-wrapper .section__image-cropped { height: 280px; object-fit: cover; width: 100%; } #contentWrapper .section-highclere-castle .section__content .carousel__slide-wrapper:last-child { margin-bottom: 0; } #contentWrapper .section-highclere-castle .section__content .timeline__year-display--mobile { margin-top: 0; } } #contentWrapper .section-cruisers-choice .section-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #contentWrapper .section-cruisers-choice .section-header .section-header-title { text-align: right; margin-right: 16px; } #contentWrapper .section-cruisers-choice .section-header .section-header-title h2, #contentWrapper .section-cruisers-choice .section-header .section-header-title h3, #contentWrapper .section-cruisers-choice .section-header .section-header-title p { margin: 0; } #contentWrapper .section-cruisers-choice .section-header .section-header-title h2 { font-size: 36px; } #contentWrapper .section-cruisers-choice .section-header .section-header-title h3 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; } #contentWrapper .section-cruisers-choice .cruisers-chioce-img-container { background-color: #fff; padding: 24px; } #contentWrapper .section-cruisers-choice .section-body { width: 100%; margin-bottom: 36px; } #contentWrapper .section-cruisers-choice .section-body img { margin: auto; } @media screen and (max-width: 767px) { #contentWrapper .section-cruisers-choice .section-footer-left { display: none; } } @media screen and (max-width: 767px) { #contentWrapper .section-cruisers-choice { padding-top: 0; } #contentWrapper .section-cruisers-choice .section-header { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 32px; padding-bottom: 20px; } #contentWrapper .section-cruisers-choice .section-header .section-header-title { margin-right: 0; text-align: center; margin-top: 16px; } } #contentWrapper .section-newest-fleet { text-align: right; } @media screen and (max-width: 767px) { #contentWrapper .section-newest-fleet { text-align: left; } } #contentWrapper .section-newest-fleet .newest-fleet h2 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 36px; margin-bottom: 10px; } #contentWrapper .section-newest-fleet .newest-fleet img { display: inline-block; padding-bottom: 40px; } @media screen and (max-width: 767px) { #contentWrapper .section-newest-fleet .newest-fleet img { display: block; margin: 0 auto; } } #contentWrapper .section-newest-fleet .newest-fleet p { margin-bottom: 40px; font-size: 18px; } #contentWrapper .section-newest-fleet .next-section-cta { color: #FFF; } #contentWrapper .section-better-staterooms { text-align: right; } @media screen and (max-width: 767px) { #contentWrapper .section-better-staterooms { text-align: left; } } #contentWrapper .section-better-staterooms .better-staterooms .section-header { padding: 0; } @media screen and (min-width: 768px) { #contentWrapper .section-better-staterooms .better-staterooms .section-header { display: inline-block; max-width: 580px; } } #contentWrapper .section-better-staterooms .better-staterooms h2 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 36px; margin-bottom: 20px; } #contentWrapper .section-better-staterooms .better-staterooms img { display: inline-block; padding-bottom: 40px; } @media screen and (max-width: 767px) { #contentWrapper .section-better-staterooms .better-staterooms img { display: block; margin: 0 auto; } } #contentWrapper .section-better-staterooms .better-staterooms p { margin-bottom: 40px; font-size: 14px; line-height: 1.7; } #contentWrapper .section-better-staterooms .better-staterooms .quote { margin-bottom: 20px; font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 24px; font-style: italic; line-height: 1.2; } @media screen and (min-width: 768px) { #contentWrapper .section-better-staterooms .better-staterooms .quote { display: inline-block; max-width: 580px; } } #contentWrapper .section-better-staterooms .better-staterooms .quote span { display: block; margin-top: 10px; font-family: "Open Sans", sans-serif; font-size: 18px; } #contentWrapper .section-better-staterooms .next-section-cta { color: #FFF; } #contentWrapper .section-dining-choices { text-align: right; } @media screen and (max-width: 767px) { #contentWrapper .section-dining-choices { text-align: left; } } #contentWrapper .section-dining-choices .dining-choices .section-header { padding: 0; } @media screen and (min-width: 768px) { #contentWrapper .section-dining-choices .dining-choices .section-header { display: inline-block; max-width: 500px; } } #contentWrapper .section-dining-choices .dining-choices h2 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 36px; margin-bottom: 20px; } #contentWrapper .section-dining-choices .dining-choices img { display: inline-block; padding-bottom: 40px; } @media screen and (max-width: 767px) { #contentWrapper .section-dining-choices .dining-choices img { display: block; margin: 0 auto; } } #contentWrapper .section-dining-choices .dining-choices p { margin-bottom: 40px; font-size: 14px; line-height: 1.7; } #contentWrapper .section-dining-choices .dining-choices .quote { margin-bottom: 20px; font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 24px; font-style: italic; line-height: 1.2; } @media screen and (min-width: 768px) { #contentWrapper .section-dining-choices .dining-choices .quote { display: inline-block; max-width: 580px; } } #contentWrapper .section-dining-choices .dining-choices .quote span { display: block; margin-top: 10px; font-family: "Open Sans", sans-serif; font-size: 18px; } #contentWrapper .section-dining-choices .next-section-cta { color: #FFF; } #contentWrapper .section-more-ports { text-align: right; } @media screen and (max-width: 767px) { #contentWrapper .section-more-ports { text-align: left; } } #contentWrapper .section-more-ports .more-ports .section-header { padding: 0; } @media screen and (min-width: 768px) { #contentWrapper .section-more-ports .more-ports .section-header { display: inline-block; max-width: 600px; } } #contentWrapper .section-more-ports .more-ports h2, #contentWrapper .section-more-ports .more-ports h3 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 36px; margin-top: 10px; margin-bottom: 10px; } #contentWrapper .section-more-ports .more-ports h3 { font-size: 30px; margin-bottom: 10px; } #contentWrapper .section-more-ports .more-ports img { display: inline-block; padding-bottom: 20px; } @media screen and (max-width: 767px) { #contentWrapper .section-more-ports .more-ports img { display: block; margin: 0 auto; } } #contentWrapper .section-more-ports .more-ports p { margin-bottom: 20px; font-size: 14px; line-height: 1.7; } #contentWrapper .section-more-ports .more-ports .quote { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 24px; font-style: italic; line-height: 1.2; } #contentWrapper .section-more-ports .more-ports .quote span { display: block; margin-top: 10px; font-family: "Open Sans", sans-serif; font-size: 18px; } #contentWrapper .section-more-ports .next-section-cta { color: #FFF; } #contentWrapper .section-best-value-at-sea .section-header { padding-top: 0; } #contentWrapper .section-best-value-at-sea .section-header .section-header-title { text-align: left; } @media screen and (min-width: 768px) { #contentWrapper .section-best-value-at-sea .section-header .section-header-title { margin-left: auto; max-width: 424px; text-align: right; } } #contentWrapper .section-best-value-at-sea .section-header .section-header-title h2 { margin-top: 0; margin-bottom: 10px; } #contentWrapper .section-best-value-at-sea .section-header .section-header-title h3 { margin-top: 10px; font-size: 18px; } #contentWrapper .section-best-value-at-sea .section-body { padding-top: 0; padding-bottom: 0; } #contentWrapper .section-best-value-at-sea .section-body table { width: 100%; } #contentWrapper .section-best-value-at-sea .section-body td, #contentWrapper .section-best-value-at-sea .section-body th { font-size: 16px; } #contentWrapper .section-best-value-at-sea .section-body th { font-style: italic; font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; } @media screen and (max-width: 1023px) { #contentWrapper .section-best-value-at-sea .section-body .desktop-chart { display: none; } } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart thead td, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart thead th { border-bottom: 2px solid #cccccc; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody td, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody th { border: 1px solid rgba(204, 204, 204, 0.25); } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody td:first-child, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody th:first-child { border-left: 0; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody td:last-child, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody th:last-child { border-right: 0; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody tr:first-child td, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody tr:first-child th { border-top: 0; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody tr:last-child td, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tbody tr:last-child th { border-bottom: 0; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart td, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart th { text-align: center; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart td:first-child, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart th:first-child { text-align: left; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart td.highlight, #contentWrapper .section-best-value-at-sea .section-body .desktop-chart th.highlight { background-color: #4D657F; color: #FFF; border: 0; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart th { line-height: 24px; vertical-align: bottom; font-size: 24px; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart td { padding: 4px; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart td:not(:first-child) { width: 100px; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tr:last-child td { font-size: 24px; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tr:last-child td:first-child { border-right: 0; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tr:last-child td:nth-child(2) { border-left: 0; } #contentWrapper .section-best-value-at-sea .section-body .desktop-chart tr:last-child td:first-child { font-style: italic; font-size: 26px; font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart { max-width: 568px; margin: auto; } @media screen and (min-width: 1024px) { #contentWrapper .section-best-value-at-sea .section-body .mobile-chart { display: none; } } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart h3, #contentWrapper .section-best-value-at-sea .section-body .mobile-chart h4 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-style: italic; text-align: center; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table { margin-bottom: 20px; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table thead td, #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table thead th { border-bottom: 2px solid #cccccc; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table tbody td, #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table tbody th { border-bottom: 1px solid rgba(204, 204, 204, 0.25); } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table td, #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table th { text-align: right; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table td:first-child, #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table th:first-child { text-align: left; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table th { font-size: 24px; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .feature-value-table td { vertical-align: top; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table th, #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table td { vertical-align: middle; padding: 8px; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table th img, #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table td img { display: block; margin: auto; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table th { text-align: left; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table td { text-align: right; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table tr.highlight { background-color: #4D657F; color: #FFF; } #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table tr.highlight th, #contentWrapper .section-best-value-at-sea .section-body .mobile-chart .total-value-table tr.highlight td { font-size: 24px; } #contentWrapper .section-best-value-at-sea .next-section-cta { color: #FFF; } #contentWrapper .section-what-viking-is-not .section-header-title h3 { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 100; margin: 0; } #contentWrapper .section-what-viking-is-not .section-header { margin-bottom: 20px; } #contentWrapper .section-what-viking-is-not .list-panels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #contentWrapper .section-what-viking-is-not .list-panels .list-panel { padding: 20px; margin-bottom: 20px; background: #2B3D52; color: #FFF; } @media screen and (min-width: 768px) { #contentWrapper .section-what-viking-is-not .list-panels .list-panel { background: transparent; } } #contentWrapper .section-what-viking-is-not .list-panels .list-panel li { font-weight: 100; } #contentWrapper .section-what-viking-is-not .list-panels .list-panel li em { font-weight: 600; font-style: italic; } @media screen and (min-width: 768px) { #contentWrapper .section-what-viking-is-not .next-section-cta { color: #FFF; } } @media screen and (max-width: 767px) { #contentWrapper .section-what-viking-is-not { background-image: none !important; } } @media screen and (min-width: 768px) { #contentWrapper .section-what-viking-is-not { background-color: #4D657F; color: #FFF; background-size: cover; background-position: center; background-repeat: no-repeat; } #contentWrapper .section-what-viking-is-not .section-header-title { max-width: 480px; margin-left: auto; text-align: right; } #contentWrapper .section-what-viking-is-not .list-panels { max-width: 410px; margin-left: auto; } #contentWrapper .section-what-viking-is-not .list-panels .list-panel { margin-left: 20px; } } @media screen and (min-width: 1024px) { #contentWrapper .section-what-viking-is-not .list-panels { max-width: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } #contentWrapper .section-award-winning-longships { background-position-y: bottom; background-position-x: right; } @media screen and (max-width: 1365px) { #contentWrapper .section-award-winning-longships { background-image: none !important; } } #contentWrapper .section-award-winning-longships .section-footer { padding-top: 0; } #contentWrapper .section-find-out-more { text-align: right; } @media screen and (min-width: 768px) { #contentWrapper .section-find-out-more { min-height: 720px; } } @media screen and (max-width: 767px) { #contentWrapper .section-find-out-more { text-align: left; } } #contentWrapper .section-find-out-more .hero-content { padding-top: 20px; padding-bottom: 30px; } @media screen and (min-width: 768px) { #contentWrapper .section-find-out-more .hero-content { padding-top: 60px; } } #contentWrapper .section-find-out-more .hero-content h2 { font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif; font-size: 44px; margin-bottom: 10px; } #contentWrapper .section-find-out-more .hero-content p { margin-bottom: 30px; font-size: 18px; } @media screen and (min-width: 768px) { #contentWrapper .section-find-out-more .hero-content .form-error-panel { float: right; } } #contentWrapper .section-find-out-more .hero-content .form-error-panel.active { padding: 16px; } #contentWrapper .section-find-out-more .hero-content table { width: 100%; margin: 0 auto; } @media screen and (min-width: 480px) { #contentWrapper .section-find-out-more .hero-content table { min-width: 300px; max-width: 300px; } } @media screen and (min-width: 768px) { #contentWrapper .section-find-out-more .hero-content table { width: auto; } } #contentWrapper .section-find-out-more .hero-content table td { padding: 4px; } #contentWrapper .section-find-out-more .hero-content table td.form-submit { padding-top: 15px; } @media screen and (max-width: 767px) { #contentWrapper .section-find-out-more .hero-content table td.form-submit { text-align: center; } } #contentWrapper .section-find-out-more .hero-content form select, #contentWrapper .section-find-out-more .hero-content form input { height: 50px; } #contentWrapper .section-find-out-more .hero-content form .field-validation-error { white-space: normal !important; } .find-out-more__disclaimer-text { font-size: 14px !important; color: #333333; text-align: left; background: #ffffff; padding: 5px; } .find-out-more__disclaimer-link { white-space: nowrap; text-decoration: underline; color: #B10A32; } /*# sourceMappingURL=did-you-know.css.map */ a.thumbnail-anchor:focus { outline: 5px auto currentColor !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: 1px; } @media screen and (max-width: 640px) and (max-height: 489px) { #trd-header { position: relative !important; transform: none !important; } #cruise-hdr { position: relative !important; transform: none !important; } #trd-hero-video { min-height: 256px !important; } .hdr-canvas { height: 0 !important; } } @media screen and (max-height: 256px) { #trd-header { position: relative !important; transform: none !important; } #cruise-hdr { position: relative !important; transform: none !important; } .trd-body-wrapper.trd-itinerary { top: 0 !important; } .why-viking .hdr-canvas.ext-canvas, .why-viking .hdr-canvas.ext-semi-canvas { height: 0 !important; } .why-viking #cruise-hdr { top: 0 !important; } } @media screen and (max-height: 256px) { #persistentFooter { position: relative; } } @media screen and (orientation:landscape) and (min-device-width: 320px) and (max-device-width: 926px) { #trd-header { position: fixed !important; } #cruise-hdr { position: fixed !important; } }