/* Minification failed. Returning unminified contents. (506,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_teal' (848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (889,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_transparent' (890,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_black' (900,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_black' (905,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_black' (910,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_white' (915,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_white' (920,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_headerDark' (925,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_headerDark' (930,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_legalGrey' (935,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_legalGrey' (940,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greyLite' (945,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greyLite' (950,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greyMed' (955,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greyMed' (960,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greyDark' (965,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greyDark' (970,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_blueLite' (975,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_blueLite' (980,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_blueMed' (985,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_blueMed' (990,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_blueDark' (995,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_blueDark' (1000,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_navyLite' (1005,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_navyLite' (1010,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_navyMed' (1015,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_navyMed' (1020,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_navyDark' (1025,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_navyDark' (1030,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_lavenderLite' (1035,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_lavenderLite' (1040,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_lavenderMed' (1045,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_lavenderMed' (1050,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_lavenderDark' (1055,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_lavenderDark' (1060,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_redLite' (1065,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_redLite' (1070,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_redMed' (1075,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_redMed' (1080,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_redDark' (1085,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_redDark' (1090,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_pinkLite' (1095,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_pinkLite' (1100,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_pinkMed' (1105,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_pinkMed' (1110,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_pinkDark' (1115,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_pinkDark' (1120,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_maroonLite' (1125,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_maroonLite' (1130,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_maroonMed' (1135,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_maroonMed' (1140,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_maroonDark' (1145,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_maroonDark' (1150,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_yellowLite' (1155,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_yellowLite' (1160,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_yellowMed' (1165,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_yellowMed' (1170,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_yellowDark' (1175,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_yellowDark' (1180,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_mustardLite' (1185,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_mustardLite' (1190,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_mustardMed' (1195,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_mustardMed' (1200,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_mustardDark' (1205,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_mustardDark' (1210,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greenLite' (1215,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greenLite' (1220,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greenMed' (1225,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greenMed' (1230,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greenDark' (1235,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_greenDark' (1243,35): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_teal' (1286,40): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_teal' (1311,35): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_teal' (1419,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_contrastOnWhite' (1424,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_legalGrey' (1452,36): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_teal' (1460,36): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_teal' (1494,25): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_contrastOnWhite' (1736,28): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_teal' (1763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1944,33): run-time error CSS1039: Token not allowed after unary operator: '-cnb_megaNavMarg_b_sfx' (1948,25): run-time error CSS1039: Token not allowed after unary operator: '-cnb_footNavMarg_b_sfx' (1952,18): run-time error CSS1039: Token not allowed after unary operator: '-cnb_navPadd_v_sfx' (1953,19): run-time error CSS1039: Token not allowed after unary operator: '-cnb_navPadd_v_sfx' (1953,44): run-time error CSS1039: Token not allowed after unary operator: '-cnb_navPadd_h_sfx' (1957,23): run-time error CSS1039: Token not allowed after unary operator: '-cnb_navPadd_v_sfx' (1973,19): run-time error CSS1039: Token not allowed after unary operator: '-cnb_megaNavPadd_v_sfx' (1973,48): run-time error CSS1039: Token not allowed after unary operator: '-cnb_navPadd_h_sfx' (2010,25): run-time error CSS1039: Token not allowed after unary operator: '-cnb_megaNavMarg_b_sfx' (2034,29): run-time error CSS1039: Token not allowed after unary operator: '-cnb_megaNavPadd_v_sfx' (2034,60): run-time error CSS1039: Token not allowed after unary operator: '-cnb_megaNavPadd_v_sfx' (2154,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_contrastOnWhite' (2180,36): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_teal' (2189,25): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_contrastOnWhite' (2249,21): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_contrastOnWhite' (2925,17): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_contrastOnWhite' (2957,21): run-time error CSS1039: Token not allowed after unary operator: '-cnb_hexColor_contrastOnWhite' (3430,20): run-time error CSS1039: Token not allowed after unary operator: '-cnb_slot_button_hPos_highToLow_pixels' (3431,19): run-time error CSS1039: Token not allowed after unary operator: '-cnb_slot_button_vPos_highToLow_pixels' (4869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4918,31): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing' (4961,32): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing_adj' (4961,68): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing_noSuffix' (4961,108): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacingLowBound_noSuffix_adj' (5016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5061,40): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing' (5066,33): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing' (5100,46): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing_noSuffix_adj' (5100,98): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing_noSuffix_adj' (5100,142): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacingLowBound_noSuffix_adj' (5104,43): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing_noSuffix_adj' (5104,95): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacing_noSuffix_adj' (5104,139): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padBotVertSpacingLowBound_noSuffix_adj' (5395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5428,27): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padTopBotVertSpacing' (5478,37): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padTopBotVertSpacing_noSuffix_adj' (5478,92): run-time error CSS1039: Token not allowed after unary operator: '-cbk_padTopBotVertSpacing_noSuffix_adj' (6480,19): run-time error CSS1030: Expected identifier, found 'select' (6480,25): run-time error CSS1031: Expected selector, found ')' (6480,25): run-time error CSS1025: Expected comma or open brace, found ')' (6500,31): run-time error CSS1030: Expected identifier, found 'input' (6500,36): run-time error CSS1031: Expected selector, found ')' (6500,36): run-time error CSS1025: Expected comma or open brace, found ')' (7329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7346,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (7360,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (7361,35): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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,menu,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-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-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;-moz-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;-moz-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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../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:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro: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;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;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:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@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[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top: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 .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{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.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{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.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{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.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .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-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.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;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{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 .btn,.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-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-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:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(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{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .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>.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-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.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-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 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.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.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,.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: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:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.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,.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: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:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.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,.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{border-bottom-left-radius:3px}.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,.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{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.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,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>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{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.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:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.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-heading .badge{color:#dff0d8;background-color:#3c763d}.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-heading .badge{color:#d9edf7;background-color:#31708f}.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-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.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-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-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;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.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:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.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{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-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;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left: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}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.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}} /*# sourceMappingURL=bootstrap.min.css.map */ @charset "UTF-8"; /* @link https://utopia.fyi/type/calculator?c=320,12,1.2,1240,12,1.25,10,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */ .btn, .b.btn-lg, .btn-group-lg > .btnmary { border-radius: 0; } .container { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%; } .container::after, .container::before { display: none; } .breadcrumb > li + li:before { display: none; } /* ###################################### */ /* ### BEGIN Standards Initialization ### */ html { font-family: 'GothamBook', sans-serif; font-size: 16px; scroll-behavior: smooth; } body { background-color: #fff; color: #004745; font-family: inherit; line-height: normal; margin: 0rem; } *, *::before, *::after { box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; } address { font-style: normal; } fieldset { border: none; display: inline-block; margin: 0px; padding: 0px; } sup { font-size: 60%; } table { border: 1px solid #000; border-collapse: collapse; border-spacing: 0rem; font-size: inherit; } thead.cnb-filledTableHeaderRow { background-color: var(--cnb_hexColor_teal); color: #fff; } th, td { border: 1px solid #000; padding: .75rem; } table.cnb-table-centered { margin: 0px auto; } .cnb-clearBoth { clear: both; } .cnb-clearLeft { clear: left; } .cnb-clearNone { clear: none; } .cnb-clearRight { clear: right; } .cnb-hidden { display: none; } .cnb-empty { visibility: hidden; } .cnb-display-block { display: block; } .cnb-display-inline { display: inline; } .cnb-display-inlineBlock { display: inline-block; } .cnb-display-desktop, .cnb-display-desktop.cnb-display-block, .cnb-display-desktop.cnb-display-inline, .cnb-display-desktop.cnb-display-inlineBlock, .cnb-display-mobile, .cnb-display-mobile.cnb-display-block, .cnb-display-mobile.cnb-display-inline, .cnb-display-mobile.cnb-display-inlineBlock, .cnb-display-smDesktops, .cnb-display-smDesktops.cnb-display-block, .cnb-display-smDesktops.cnb-display-inline, .cnb-display-smDesktops.cnb-display-inlineBlock, .cnb-display-smDesktopsTablets, .cnb-display-smDesktopsTablets.cnb-display-block, .cnb-display-smDesktopsTablets.cnb-display-inline, .cnb-display-smDesktopsTablets.cnb-display-inlineBlock, .cnb-display-smDesktopsTabletsMobile, .cnb-display-smDesktopsOnDown, .cnb-display-tablets, .cnb-display-tablets.cnb-display-block, .cnb-display-tablets.cnb-display-inline, .cnb-display-tablets.cnb-display-inlineBlock, .cnb-display-tabletsMobile, .cnb-display-tabletsMobile.cnb-display-block, .cnb-display-tabletsMobile.cnb-display-inline, .cnb-display-tabletsMobile.cnb-display-inlineBlock, .cnb-display-tabletsOnDown, .cnb-display-tabletsOnDown.cnb-display-block, .cnb-display-tabletsOnDown.cnb-display-inline, .cnb-display-tabletsOnDown.cnb-display-inlineBlock { display: none; } .cnb-accountStatusIndicator { display: inline-block; vertical-align: middle; } .cnb-signedIn { display: none; } .cnb-text-alignCenter { text-align: center; } .cnb-text-alignJustify { text-align: justify; } .cnb-text-alignLeft { text-align: left; } .cnb-text-alignRight { text-align: right; } .cnb-keepTextWhole { white-space: nowrap; } .cnb-notSignedIn { display: inline-block; } .cnb-lineHeightNorm { line-height: normal; } .cnb-darkBkg { background-color: #004745; color: #fff; } .cnb-lowercase { text-transform: lowercase; } .cnb-normalcase { text-transform: none; } .cnb-uppercase { text-transform: uppercase; } .cnb-smallText { font-size: .9rem; } .cnb-tinyText { font-size: .75rem; } .cnb-diminutiveText { font-size: .66rem; } .cnb-fineText { font-size: .625rem; } .cnb-headline { font-family: 'GothamBold', sans-serif; } .cnb-italic { font-style: italic; } .cnb-bold { font-weight: 700; } .cnb-bolder { font-weight: 900; } .cnb-normalText { font-style: normal; font-weight: 500; } .cnb-gothamBook { font-family: 'GothamBook', sans-serif; } .cnb-gothamLight { font-family: 'GothamLight', sans-serif; } .cnb-gothamMedium { font-family: 'GothamMedium', sans-serif; } .cnb-gothamBold { font-family: 'GothamBold', sans-serif; } .cnb-playfair { font-family: 'Playfair Display', sans-serif; } .cnb-fontSize10 { font-size: .625rem; } .cnb-fontSize12 { font-size: .75rem; } .cnb-fontSize14 { font-size: .875rem; } .cnb-fontSize16 { font-size: 1rem; } .cnb-fontSize18 { font-size: 1.125rem; } .cnb-fontSize20 { font-size: 1.25rem; } .cnb-fontSize22 { font-size: 1.375rem; } .cnb-fontSize24 { font-size: 1.5rem; } .cnb-fontSize30 { font-size: 1.875rem; } .cnb-fontSize32 { font-size: 2rem; } .cnb-fontSize36 { font-size: 2.25rem; } .cnb-fontSize40 { font-size: 2.5rem; } .cnb-fontSize45 { font-size: 2.8125rem; } .cnb-fontSize48 { font-size: 3rem; } .cnb-fontSize50 { font-size: 3.125rem; } .cnb-fontSize55 { font-size: 3.4375rem; } .cnb-fontSize60 { font-size: 3.75rem; } .cnb-fontSize64 { font-size: 4rem; } .cnb-fontSize65 { font-size: 4.0625rem; } .cnb-fontSize70 { font-size: 4.375rem; } .cnb-fontSize75 { font-size: 4.6875rem; } .cnb-fontSize80 { font-size: 5rem; } .cnb-maxWidth20 { max-width: 20%; } .cnb-maxWidth25 { max-width: 25%; } .cnb-maxWidth33 { max-width: 33.33%; } .cnb-maxWidth50 { max-width: 50%; } .cnb-maxWidth66 { max-width: 66.67%; } .cnb-maxWidth75 { max-width: 75%; } .cnb-maxWidth80 { max-width: 80%; } #cnb-shoppingStatus #cart-items-count { background-color: transparent; } .scroll-top-wrapper { background-color: #fafafa; border: 1px solid #999; bottom: 0rem; cursor: pointer; height: 45px; position: fixed; right: 1rem; text-align: center; width: 65px; z-index: 70; } .scroll-top-wrapper .scroll-top-inner { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; height: 100%; } .scroll-top-wrapper .scroll-top-inner .fa { font-size: 50px; line-height: 16px; } /* ######################################### */ /* ### BEGIN Static Landing Page Styling ### */ body { --cnb_hexColor_contrastOnWhite: #004745; --cnb_hexColor_transparent: transparent; --cnb_hexColor_black: #000; --cnb_hexColor_white: #fff; --cnb_hexColor_headerDark: #7a7aa5; --cnb_hexColor_legalGrey: var(--cnb_hexColor_contrastOnWhite); --cnb_hexColor_brown: #6c6256; --cnb_hexColor_teal: #00afaa; --cnb_hexColor_greyLite: #f4f4f4; --cnb_hexColor_greyMed: #ededed; --cnb_hexColor_greyDark: #a3a3a3; --cnb_hexColor_blueLite: #aac5ed; --cnb_hexColor_blueMed: #56739e; --cnb_hexColor_blueDark: #223d66; --cnb_hexColor_navyLite: #5c9fbe; --cnb_hexColor_navyMed: #246583; --cnb_hexColor_navyDark: #034963; --cnb_hexColor_lavenderLite: #f0f1f2; --cnb_hexColor_lavenderMed: #adadd1; --cnb_hexColor_lavenderDark: #7a7aa5; --cnb_hexColor_redLite: #ff383f; --cnb_hexColor_redMed: #da2128; --cnb_hexColor_redDark: #931c20; --cnb_hexColor_pinkLite: #f3cfe0; --cnb_hexColor_pinkMed: #e3b4ca; --cnb_hexColor_pinkDark: #cd88a8; --cnb_hexColor_maroonLite: #9d4952; --cnb_hexColor_maroonMed: #8a313a; --cnb_hexColor_maroonDark: #7a1d27; --cnb_hexColor_yellowLite: #faf7e5; --cnb_hexColor_yellowMed: #fff769; --cnb_hexColor_yellowDark: #efe425; --cnb_hexColor_mustardLite: #fae2a9; --cnb_hexColor_mustardMed: #e8aa01; --cnb_hexColor_mustardDark: #c68f00; --cnb_hexColor_greenLite: #46db4f; --cnb_hexColor_greenMed: #479b4c; --cnb_hexColor_greenDark: #375e4b; } .cnb-slotPromo .cnb-gridCell { background-color: var(--cnb_hexColor_transparent); color: var(--cnb_hexColor_black); padding: 0.375rem 1.5rem; } #product-browse-results .row { margin: 0rem -15px; } .cbn-bkgColor-black, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-black { background-color: var(--cnb_hexColor_black); } .cbn-textColor-black, .cnb-slotPromo .cnb-gridCell.cbn-textColor-black { color: var(--cnb_hexColor_black); } .cbn-bkgColor-white, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-white { background-color: var(--cnb_hexColor_white); } .cbn-textColor-white, .cnb-slotPromo .cnb-gridCell.cbn-textColor-white { color: var(--cnb_hexColor_white); } .cbn-bkgColor-headerDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-headerDark { background-color: var(--cnb_hexColor_headerDark); } .cbn-textColor-headerDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-headerDark { color: var(--cnb_hexColor_headerDark); } .cbn-bkgColor-legalGrey, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-legalGrey { background-color: var(--cnb_hexColor_legalGrey); } .cbn-textColor-legalGrey, .cnb-slotPromo .cnb-gridCell.cbn-textColor-legalGrey { color: var(--cnb_hexColor_legalGrey); } .cbn-bkgColor-greyLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-greyLite { background-color: var(--cnb_hexColor_greyLite); } .cbn-textColor-greyLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-greyLite { color: var(--cnb_hexColor_greyLite); } .cbn-bkgColor-greyMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-greyMed { background-color: var(--cnb_hexColor_greyMed); } .cbn-textColor-greyMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-greyMed { color: var(--cnb_hexColor_greyMed); } .cbn-bkgColor-greyDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-greyDark { background-color: var(--cnb_hexColor_greyDark); } .cbn-textColor-greyDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-greyDark { color: var(--cnb_hexColor_greyDark); } .cbn-bkgColor-blueLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-blueLite { background-color: var(--cnb_hexColor_blueLite); } .cbn-textColor-blueLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-blueLite { color: var(--cnb_hexColor_blueLite); } .cbn-bkgColor-blueMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-blueMed { background-color: var(--cnb_hexColor_blueMed); } .cbn-textColor-blueMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-blueMed { color: var(--cnb_hexColor_blueMed); } .cbn-bkgColor-blueDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-blueDark { background-color: var(--cnb_hexColor_blueDark); } .cbn-textColor-blueDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-blueDark { color: var(--cnb_hexColor_blueDark); } .cbn-bkgColor-navyLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-navyLite { background-color: var(--cnb_hexColor_navyLite); } .cbn-textColor-navyLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-navyLite { color: var(--cnb_hexColor_navyLite); } .cbn-bkgColor-navyMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-navyMed { background-color: var(--cnb_hexColor_navyMed); } .cbn-textColor-navyMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-navyMed { color: var(--cnb_hexColor_navyMed); } .cbn-bkgColor-navyDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-navyDark { background-color: var(--cnb_hexColor_navyDark); } .cbn-textColor-navyDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-navyDark { color: var(--cnb_hexColor_navyDark); } .cbn-bkgColor-lavenderLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-lavenderLite { background-color: var(--cnb_hexColor_lavenderLite); } .cbn-textColor-lavenderLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-lavenderLite { color: var(--cnb_hexColor_lavenderLite); } .cbn-bkgColor-lavenderMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-lavenderMed { background-color: var(--cnb_hexColor_lavenderMed); } .cbn-textColor-lavenderMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-lavenderMed { color: var(--cnb_hexColor_lavenderMed); } .cbn-bkgColor-lavenderDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-lavenderDark { background-color: var(--cnb_hexColor_lavenderDark); } .cbn-textColor-lavenderDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-lavenderDark { color: var(--cnb_hexColor_lavenderDark); } .cbn-bkgColor-redLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-redLite { background-color: var(--cnb_hexColor_redLite); } .cbn-textColor-redLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-redLite { color: var(--cnb_hexColor_redLite); } .cbn-bkgColor-redMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-redMed { background-color: var(--cnb_hexColor_redMed); } .cbn-textColor-redMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-redMed { color: var(--cnb_hexColor_redMed); } .cbn-bkgColor-redDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-redDark { background-color: var(--cnb_hexColor_redDark); } .cbn-textColor-redDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-redDark { color: var(--cnb_hexColor_redDark); } .cbn-bkgColor-pinkLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-pinkLite { background-color: var(--cnb_hexColor_pinkLite); } .cbn-textColor-pinkLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-pinkLite { color: var(--cnb_hexColor_pinkLite); } .cbn-bkgColor-pinkMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-pinkMed { background-color: var(--cnb_hexColor_pinkMed); } .cbn-textColor-pinkMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-pinkMed { color: var(--cnb_hexColor_pinkMed); } .cbn-bkgColor-pinkDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-pinkDark { background-color: var(--cnb_hexColor_pinkDark); } .cbn-textColor-pinkDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-pinkDark { color: var(--cnb_hexColor_pinkDark); } .cbn-bkgColor-maroonLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-maroonLite { background-color: var(--cnb_hexColor_maroonLite); } .cbn-textColor-maroonLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-maroonLite { color: var(--cnb_hexColor_maroonLite); } .cbn-bkgColor-maroonMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-maroonMed { background-color: var(--cnb_hexColor_maroonMed); } .cbn-textColor-maroonMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-maroonMed { color: var(--cnb_hexColor_maroonMed); } .cbn-bkgColor-maroonDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-maroonDark { background-color: var(--cnb_hexColor_maroonDark); } .cbn-textColor-maroonDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-maroonDark { color: var(--cnb_hexColor_maroonDark); } .cbn-bkgColor-yellowLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-yellowLite { background-color: var(--cnb_hexColor_yellowLite); } .cbn-textColor-yellowLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-yellowLite { color: var(--cnb_hexColor_yellowLite); } .cbn-bkgColor-yellowMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-yellowMed { background-color: var(--cnb_hexColor_yellowMed); } .cbn-textColor-yellowMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-yellowMed { color: var(--cnb_hexColor_yellowMed); } .cbn-bkgColor-yellowDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-yellowDark { background-color: var(--cnb_hexColor_yellowDark); } .cbn-textColor-yellowDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-yellowDark { color: var(--cnb_hexColor_yellowDark); } .cbn-bkgColor-mustardLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-mustardLite { background-color: var(--cnb_hexColor_mustardLite); } .cbn-textColor-mustardLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-mustardLite { color: var(--cnb_hexColor_mustardLite); } .cbn-bkgColor-mustardMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-mustardMed { background-color: var(--cnb_hexColor_mustardMed); } .cbn-textColor-mustardMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-mustardMed { color: var(--cnb_hexColor_mustardMed); } .cbn-bkgColor-mustardDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-mustardDark { background-color: var(--cnb_hexColor_mustardDark); } .cbn-textColor-mustardDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-mustardDark { color: var(--cnb_hexColor_mustardDark); } .cbn-bkgColor-greenLite, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-greenLite { background-color: var(--cnb_hexColor_greenLite); } .cbn-textColor-greenLite, .cnb-slotPromo .cnb-gridCell.cbn-textColor-greenLite { color: var(--cnb_hexColor_greenLite); } .cbn-bkgColor-greenMed, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-greenMed { background-color: var(--cnb_hexColor_greenMed); } .cbn-textColor-greenMed, .cnb-slotPromo .cnb-gridCell.cbn-textColor-greenMed { color: var(--cnb_hexColor_greenMed); } .cbn-bkgColor-greenDark, .cnb-slotPromo .cnb-gridCell.cbn-bkgColor-greenDark { background-color: var(--cnb_hexColor_greenDark); } .cbn-textColor-greenDark, .cnb-slotPromo .cnb-gridCell.cbn-textColor-greenDark { color: var(--cnb_hexColor_greenDark); } .cnb-staticLandingPage { line-height: 150%; } .cnb-headlineUnderline { border-bottom: 1px solid var(--cnb_hexColor_teal); padding-bottom: .125rem; } .cnb-staticLandingPage li { margin-bottom: .25rem; } .cnb-staticLandingPage li::marker { font-weight: 700; } .cnb-staticLandingPage .cnb-headline, .cnb-staticLandingPage .cnb-subHeadline, .cnb-staticLandingPage .cnb-tertiaryHeadline, .cnb-staticLandingPage .cnb-quaternaryHeadline, .cnb-staticLandingPage .cnb-legalDisclaimer { line-height: normal; } .cnb-staticLandingPage .cnb-headline, .cnb-staticLandingPage .cnb-subHeadline, .cnb-staticLandingPage .cnb-tertiaryHeadline { font-family: 'Playfair Display', 'Times New Roman', serif; font-weight: 400; margin: 0px auto; text-align: center; text-transform: capitalize; } .cnb-staticLandingPage .cnb-quaternaryHeadline { font-family: 'GothamBook', sans-serif; font-size: inherit; font-weight: 700; margin: 1rem 0rem; } .cnb-staticLandingPage .cnb-headline { font-size: 2.25rem; margin-bottom: 1rem; } .cnb-staticLandingPage .cnb-headline.cnb-pageHeader { border-bottom: 1px dotted var(--cnb_hexColor_teal); padding-bottom: 0.5rem; margin-bottom: 1.5rem; } .cnb-staticLandingPage .cnb-landingSection .cnb-headline { font-size: 1.75rem; text-align: left; } .cnb-adjustedHeader { margin: 0rem; padding: 0rem 0rem 1rem 0rem; } p > .cnb-adjustedHeader { display: block; } .cnb-staticLandingPage .cnb-subHeadline { font-size: 1.75rem; font-weight: 700; } .cnb-staticLandingPage .cnb-landingSection .cnb-subHeadline { border-bottom: 1px solid var(--cnb_hexColor_teal); color: #000; font-family: 'GothamBook', sans-serif; font-size: 1.5rem; font-variant-caps: all-small-caps; text-align: left; } .cnb-staticLandingPage .cnb-tertiaryHeadline { font-size: 1.33rem; font-weight: 600; } .cnb-headline-smallest { color: #000; font-family: 'GothamMedium', sans-serif; line-height: normal; text-transform: uppercase; } .cnb-staticLandingPage .cnb-landingSection .cnb-tertiaryHeadline { font-size: 1.25rem; text-align: left; } .cnb-staticLandingPage .cnb-landingSection .cnb-definitionList .cnb-tertiaryHeadline { font-family: 'Gotham Medium', sans-serif; font-size: 1rem; font-weight: 500; } .cnb-staticLandingPage .cnb-addressField { font-style: normal; padding-left: 1.5rem; } .cnb-staticLandingPage .cnb-bulletList, .cnb-staticLandingPage .cnb-numberedList { margin-left: 1rem; } .cnb-alphaCapList { list-style-type: upper-alpha; } .cnb-alphaLowerList { list-style-type: lower-alpha; } .cnb-alphaCapList > li { margin-bottom: 1rem; } .cnb-staticLandingPage .cnb-definitionList, .cnb-insetText, .cnb-quotation { padding: 0.5rem; width: calc(100% - 3.5rem - .25rem); } .cnb-staticLandingPage .cnb-definitionList, .cnb-insetText { border-left: .25rem solid #00b2c0; } .cnb-staticLandingPage .cnb-definitionList { margin-left: 2.5rem; } .cnb-staticLandingPage .cnb-definitionList dd { font-style: italic; } .cnb-staticLandingPage ol .cnb-definitionList, .cnb-staticLandingPage ul .cnb-definitionList { border-left: none; margin: 0rem; padding: 0rem; width: 100%; } .cnb-staticLandingPage ol .cnb-definitionList dt, .cnb-staticLandingPage ul .cnb-definitionList dt { font-family: 'GothamBook', sans-serif; margin-bottom: .5rem; } .cnb-staticLandingPage ol .cnb-definitionList dd, .cnb-staticLandingPage ul .cnb-definitionList dd { font-style: normal; margin-left: 0rem; } .cnb-staticLandingPage ol .cnb-definitionList dd p:last-child, .cnb-staticLandingPage ul .cnb-definitionList dd p:last-child { margin-bottom: 0rem; } .cnb-staticLandingPage .cnb-landingSection .cnb-headline.cnb-text-alignCenter { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 1.5rem; padding-bottom: 1.5rem; padding-top: 1.5rem; text-align: center; } .cnb-staticLandingPage a:not(.button) { color: var(--cnb_hexColor_contrastOnWhite); } .cnb-slotPromo .cnb-gridCell.cnb-legalDisclaimer.cbn-textColor-legalGrey, .cnb-slotPromo .cnb-gridCell.cnb-legalDisclaimer.cbn-textColor-legalGrey a { color: var(--cnb_hexColor_legalGrey); } .cnb-staticLandingPage a:focus, .cnb-staticLandingPage a:hover { text-decoration: underline; } .cnb-staticLandingPage .cnb-2ColLayout { border-bottom: 1px solid #ccc; display: flex; padding-bottom: 1.5rem; } .cnb-staticLandingPage .cnb-2ColLayout .cnb-column { flex: 50%; padding: 0.75rem; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-layout20_80 .cnb-column:first-of-type { flex: 20%; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-layout20_80 .cnb-column:last-of-type { flex: 80%; } .cnb-staticLandingPage .cnb-landingSection section.cnb-faqAnswer { border-bottom: 1px dotted var(--cnb_hexColor_teal); } .cnb-staticLandingPage .cnb-landingSection section.cnb-faqAnswer:last-of-type { border-bottom: none; } .cnb-commonQuestions { border-bottom: 1px dotted var(--cnb_hexColor_teal); border-left: none; margin: 1.5rem 0rem; padding-bottom: 1.5rem; } .cnb-commonQuestions.cnb-answers { border-bottom: none; margin-bottom: 0rem; padding-bottom: 0rem; } .cnb-commonQuestions::before { border: none; color: transparent; content: 'common questions'; display: block; font-size: inherit; height: 0rem; width: 0rem; text-align: center; text-transform: uppercase; } .cnb-commonQuestions.cnb-answers::before { content: ''; display: none; } .cnb-commonQuestions .cnb-vertical.cnb-bulletList { margin: 0rem; } .cnb-commonQuestions .cnb-vertical.cnb-bulletList li::marker { color: var(--cnb_hexColor_contrastOnWhite); content: 'q. '; font-family: 'GothamMedium', sans-serif; text-transform: uppercase; } .cnb-commonQuestions.cnb-answers .cnb-vertical.cnb-bulletList > li::marker { color: #000; } .cnb-commonQuestions.cnb-answers .cnb-vertical.cnb-bulletList > li:first-of-type { font-family: 'GothamMedium', sans-serif; } .cnb-commonQuestions.cnb-answers .cnb-vertical.cnb-bulletList > li:last-of-type::marker { content: 'a. '; } .cnb-commonQuestions .cnb-vertical.cnb-bulletList li li::marker { content: initial; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-outerBorderOnly { border: none; } .cnb-staticLandingPage figure { margin: .5rem; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-outerBorderOnly .cnb-column { background-color: #f4f4f4; border: 1px solid #000; padding: 1rem .5rem; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-outerBorderOnly.cnb-borderColorGrey .cnb-column { border-color: #ccc; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-outerBorderOnly .cnb-column:first-of-type { border-right: none; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-outerBorderOnly .cnb-column:last-of-type { border-left: none; } .cnb-outerBlockRow.cnb-2ColLayout.cnb-borders { border-bottom: none; } .cnb-borders .cnb-column, .cnb-outerBorderOnly { border: 1px solid #000; } .cnb-outerBlockRow { padding: .75rem; } .cnb-2ColLayout.cnb-borders .cnb-column:last-of-type { border-left: none; } .cnb-2ColLayout { margin: 0rem auto; width: 100%; } .cnb-gridCell .cnb-innerRowContainer, .card .container .cnb-innerRowContainer { display: block; } .cnb-innerRowContainer { margin-bottom: 1rem; } .cnb-innerRowContainer:last-child { margin-bottom: 0rem; } /* ### END Static Landing Page Styling ### */ /* ######################################### */ .cnb-navLinks.cnb-vertical.cnb-bulletList li > a:focus, .cnb-navLinks.cnb-vertical.cnb-bulletList li > a:hover { text-decoration: underline; } .cnb-quotation { font-style: italic; } .cnb-quotation::after, .cnb-quotation::before { color: #00b2c0; font-size: 1.5rem; font-weight: 700; } .cnb-quotation::after { content: '”'; } .cnb-quotation::before { content: '“'; } .cnb-responsiveImg { width: 100%; } i.fa { float: none; } .cnb-noSubNav i.fa { display: none; } .cnb-collapsibleResponsiveNav > .cnb-collapsibleNavigationButton { display: none; } .cnb-windowBlocker { background-color: #000; display: none; height: 100%; opacity: .25; position: fixed; top: 0px; width: 100%; z-index: 99; } .cnb-collapsibleResponsiveNav .cnb-hasSubNav .fa.fa-plus, .cnb-collapsibleResponsiveNav .cnb-hasSubNav .fa.fa-minus { display: none; float: right; padding-left: 1em; } .cnb-slideContent, .cnb-slideDownWindow { display: none; position: relative; -webkit-transition: display 0s ease 0s; transition: display 0s ease 0s; } .cnb-slideContent.cnb-show { display: inline; } .cnb-bkgNavIcon-after::after, .cnb-bkgNavIcon-before::before, .cnb-bkgNavIcon-within { background-image: url(/images/plp-sprite.png); background-repeat: no-repeat; content: ' '; display: inline-block; padding: 0px; position: absolute; z-index: 15; } #MainContent header, #MainContent main, #MainContent footer { display: block; } #cnb-fullBotNav { bottom: 0px; position: relative; width: 100%; z-index: 1; } #cnb-permaHeader #cnb-permaLinks, #cnb-shoppingHeader, #cnb-mainPageContent, #cnb-secondaries, #cnb-fullBotNav #cnb-emailSignUp, #cnb-fullBotNav #cnb-bottomNavigation { margin: 0px auto; max-width: 1302px; width: 100%; } .cnb-present ~ .cnb-mainContentWrapper { display: inline-block; float: right; max-width: calc(66.67% - 24px); vertical-align: top; width: calc(66.67% - 24px); } .cnb-altTextTranspImg { height: 1px; max-width: 434px; } #cnb-secondaries { background: linear-gradient(#aeaeae, #aeaeae) calc(1 * 100% / 2); background-repeat: no-repeat; background-size: 1px 100%; margin: 24px auto; } #cnb-secondaries > section { display: inline-block; text-align: center; vertical-align: bottom; width: calc(50% - 15px); } #cnb-secondaries > section:first-child { margin-right: 12px; } #cnb-secondaries > section:last-child { margin-left: 12px; } #cnb-secondaries > section img { aspect-ratio: 651 / 210; max-height: 210px; max-width: 651px; width: 100%; } #cnb-permaLinks #cnb-permaBanner, #cnb-permaLinks #cnb-permaNav { display: inline-block; vertical-align: top; width: 100%; } #cnb-permaBanner .cnb-slideDownWindow { background-color: #fff; border: 2px solid var(--cnb_hexColor_teal); color: #000; margin-top: 6px; max-width: 50%; padding: 12px; position: absolute; width: 100%; z-index: 100; } #cnb-permaLinks #cnb-permaBanner { cursor: pointer; max-width: calc(66.67% - 27px); padding-left: 12px; padding-right: 12px; } #cnb-permaLinks #cnb-permaNav { font-family: 'GothamMedium', sans-serif; max-width: calc(33.33% - 3px); } /* ### END Standards Initialization ### */ /* ###################################### */ /* ######################################### */ /* ### Navigation Layout and Positioning ### */ body { --cnb_navPadd_v: .15; --cnb_navPadd_v_sfx: calc(var(--cnb_navPadd_v) * 1rem); --cnb_navPadd_h: .2; --cnb_navPadd_h_sfx: calc(var(--cnb_navPadd_h) * 1rem); --cnb_megaNavMarg_b: 1; --cnb_megaNavMarg_b_sfx: calc(var(--cnb_megaNavMarg_b) * 1rem); --cnb_megaNavPadd_v: .5; --cnb_megaNavPadd_v_sfx: calc(var(--cnb_megaNavPadd_v) * 1rem); --cnb_footNavMarg_b: .5; --cnb_footNavMarg_b_sfx: calc(var(--cnb_footNavMarg_b) * 1rem); --cnb_footNavPadd_v: .5; --cnb_footNavPadd_v_sfx: calc(var(--cnb_footNavPadd_v) * 1rem); } #cnb-siteSearch, #cnb-shoppingStatus { display: inline-block; vertical-align: bottom; } #cnb-shoppingStatus.cnb-miniCart a { background-image: url(/images/icon-shoppingBag.png); background-position: center center; background-repeat: no-repeat; background-size: auto 100%; color: #fff; display: inline-block; font-family: 'GothamMedium'; font-size: .75rem; height: 1.75rem; padding-top: .66rem; text-align: center; width: 1.5rem; } #cnb-siteSearch form { margin-bottom: 0px; } #cnb-siteSearch fieldset { border-bottom: 1px solid #bfbfbf; } #cnb-emailSignUp, #email-alert-signup { font-size: 0rem; } #email-alert-signup > div { font-size: 1rem; } #email-alert-signup > a { font-size: .875rem; text-align: center; } #cnb-emailSignUp label { color: #fff; display: inline-block; font-size: .875rem; padding: 0px 12px; vertical-align: bottom; width: calc(100% - 554px); } #cnb-emailSignUp label > a { font-size: 85.7%; padding-right: 2rem; text-align: right; } #email-alert-signup .cnb-privacyPolicyLink { display: none; } #cnb-emailSignUp .cnb-subscribeFooter { color: #fff; display: inline-block; vertical-align: bottom; width: 527px; } #cnb-siteSearch input[type="text"], #cnb-emailSignUp input[type="email"] { border: none; color: #999; display: inline-block; font-family: 'GothamMedium'; font-size: .875rem; outline: none; vertical-align: bottom; width: calc(100% - 2.125rem - 5px); } #cnb-emailSignUp input[type="email"] { border: none; color: #4d4d4f; display: inline-block; font-family: 'GothamLight'; font-size: .75rem; font-weight: 400; height: 43px; letter-spacing: .075rem; margin-left: 0px; outline: none; padding: 10px 10px 12px 10px; text-indent: 5px; width: 385px; } #cnb-emailSignUp button { background-color: #000; border: none; color: #fff; cursor: pointer; display: inline-block; font-size: .75rem; font-weight: 400; height: 43px; letter-spacing: 1.2px; margin-left: 0; outline: 0; padding: 10px 10px 12px 10px; text-indent: 5px; width: 139px; } #cnb-siteSearch button { background-color: transparent; border: none; color: #c7c7c7; cursor: pointer; display: inline-block; height: 2.125rem; overflow: hidden; vertical-align: bottom; width: 2.125rem; } #cnb-siteSearch button .fa { font-size: 1rem; padding-top: 10px; } .cnb-navLinks { align-content: stretch; align-items: baseline; display: flex; list-style-type: none; justify-content: space-evenly; margin: 0rem; max-width: 1302px; padding: 0rem; position: relative; width: 100%; } .cnb-navLinks.cnb-horizontal.cnb-alignLinksReverse { align-items: flex-end; flex-direction: row-reverse; } .cnb-navLinks.cnb-horizontal > li { display: inline-flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; margin: 0rem auto; } .cnb-navLinks.cnb-vertical { align-content: initial; align-items: initial; display: block; list-style-type: none; justify-content: initial; width: 100%; } .cnb-navLinks.cnb-vertical > li { margin-bottom: var(--cnb_megaNavMarg_b_sfx); } #cnb-bottomNavigation .cnb-navLinks.cnb-vertical > li { margin-bottom: var(--cnb_footNavMarg_b_sfx); } .cnb-navLinks.cnb-horizontal li > a { margin: var(--cnb_navPadd_v_sfx) auto; padding: var(--cnb_navPadd_v_sfx) var(--cnb_navPadd_h_sfx); } #cnb-permaNav .cnb-navLinks.cnb-horizontal li > a { margin: calc(var(--cnb_navPadd_v_sfx) * -1) auto; } #cnb-intermittentLeftNavMobile { display: none; } #cnb-megaNav .cnb-navLinks.cnb-horizontal > li { border-bottom: 1px solid #8c8c8c; border-top: 1px solid #8c8c8c; } #cnb-megaNav .cnb-navLinks.cnb-horizontal li > a { font-family: 'GothamBook', sans-serif; font-weight: 700; font-size: .8125rem; padding: var(--cnb_megaNavPadd_v_sfx) var(--cnb_navPadd_h_sfx); position: relative; text-transform: uppercase; } .cnb-hasSubNav { text-align: center; -webkit-transition: border-color 0s ease 0s; transition: border-color 0s ease 0s; width: calc(100% - 6px); } .cnb-hasSubNav.cnb-open { background-color: #fff; border-bottom: none; position: relative; z-index: 61; } #cnb-megaNav .cnb-navLinks.cnb-horizontal li > a.cnb-hasSubNav.cnb-open { padding-bottom: 8px; } #cnb-megaNav .cnb-navLinks.cnb-vertical li > a { font-size: .75rem; padding-left: 0px; } #cnb-bottomNavigation a:focus, #cnb-bottomNavigation a:hover, #cnb-megaNav .cnb-catSubNav a:focus, #cnb-megaNav .cnb-catSubNav a:hover { text-decoration: underline; } #cnb-megaNav .cnb-catSubNav dl, #cnb-megaNav .cnb-headline { margin-bottom: var(--cnb_megaNavMarg_b_sfx); } #cnb-megaNav .cnb-headline a { text-transform: uppercase; font-family: 'GothamMedium'; } #cnb-megaNav dt a { text-transform: uppercase; font-weight: 700; font-family: 'GothamMedium'; } #cnb-megaNav dd { margin-left: 0rem; } .cnb-catSubNav { background-color: #fff; left: 0px; max-width: 1302px; padding: 12px; position: absolute; top: calc(1.1rem + var(--cnb_megaNavPadd_v_sfx) + var(--cnb_megaNavPadd_v_sfx)); width: 100%; z-index: 60; } #cnb-megaNav .cnb-catSubNav dl dd .cnb-navLinks.cnb-vertical li > a { font-weight: 400; } #cnb-megaNav .cnb-catSubNav { font-size: 0; } #cnb-megaNav .cnb-catSubNav .cnb-subCatNavSection { display: inline-block; font-size: .75rem; padding: 0px 12px; vertical-align: top; width: calc(20% - 0px); } #cnb-megaNav .cnb-catSubNav .cnb-subCatNavSection:last-child { width: calc(40% - 0px); } #cnb-megaNav .cnb-navLinks.cnb-horizontal li.cnb-specialNav > a { color: #ff0000; font-family: 'GothamMedium', sans-serif; } #cnb-megaNav img.cnb-megaNavBanner { aspect-ratio: 480 / 240; max-height: 240px; max-width: 480px; width: 100%; } img.cnb-socialMediaIcon { aspect-ratio: 28 / 28; max-height: 28px; max-width: 28px; width: 100%; } hr.cnb-secondariesBar { border: none; border-top: 1px solid #aeaeae; margin: 10px auto 24px auto; max-width: 1302px; width: 100%; } hr.cnb-secondariesBar.cnb-secBot { margin: 24px auto 10px auto; } #cnb-secondaries figcaption { margin-top: 6px; } #cnb-secondaries .cnb-secondaryImg { max-width: 651px; } #cnb-bottomNavigation { align-content: stretch; align-items: baseline; display: flex; list-style-type: none; justify-content: space-evenly; margin: 0rem; max-width: 1302px; padding: 0rem; position: relative; width: 100%; } #cnb-bottomNavigation > .cnb-footerNavColumn { align-content: stretch; align-items: baseline; display: inline-flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; list-style-type: none; justify-content: space-evenly; margin: 0rem 1rem; padding: 0rem; position: relative; width: calc(33.3% - 2rem); } #cnb-bottomNavigation > .cnb-footerNavColumn .cnb-subSectionNav { margin-bottom: 0.5rem; } #cnb-bottomNavigation > .cnb-footerNavColumn .cnb-subSectionNav:last-child { margin-bottom: 0px; } #cnb-bottomNavigation > .cnb-footerNavColumn:first-child { margin-left: 0rem; } #cnb-bottomNavigation > .cnb-footerNavColumn:last-child { margin-right: 0rem; } #cnb-bottomNavigation > .cnb-footerNavColumn > .cnb-hasSubNav { font-family: 'GothamMedium'; margin-bottom: .5rem; text-align: left; width: auto; } #cnb-bottomNavigation a { font-family: 'GothamLight'; } #cnb-intermittentLeftNav dt { color: var(--cnb_hexColor_contrastOnWhite); border-bottom: 3px double #e5e5e5; font-family: 'Playfair Display', serif; font-size: 2rem; margin-bottom: 1rem; } #cnb-intermittentLeftNav .cnb-hasSubNav.cnb-open { z-index: 9; } .cnb-subPageLeftNav > dl { margin: 0px; } .cnb-subPageLeftNav dd { font-size: .8rem; margin-left: 0px; } .cnb-subPageLeftNav dd a { display: block; padding: .25rem 0rem; } .cnb-subPageLeftNav dd a.cnb-hasSubNav.cnb-open { background-color: var(--cnb_hexColor_teal); color: #fff; padding-left: 0.25rem; } .cnb-subPageLeftNav dd a.cnb-activeLinkedPage, .cnb-subPageLeftNav dd a:focus, .cnb-subPageLeftNav dd a:hover { background-color: #ededed; color: var(--cnb_hexColor_contrastOnWhite); } .cnb-subPageLeftNav dd > a, .cnb-subPageLeftNav dd > a + .cnb-subSectionNav nav { border-bottom: 1px solid #e5e5e5; padding: 0.5rem 0rem; } .cnb-subPageLeftNav dd > a { color: #004745; font-weight: 700; text-align: left; width: 100%; } .cnb-subPageLeftNav dd > a:last-of-type { border-bottom: 3px double #e5e5e5; } .cnb-subPageLeftNav section.cnb-subSectionNav { display: none; } .cnb-subPageLeftNav section.cnb-subSectionNav.cnb-openSubNav { display: block; } .cnb-subPageLeftNav .cnb-navLinks.cnb-vertical > li { display: block; margin-bottom: .25rem; } .cnb-subPageLeftNav .cnb-navLinks.cnb-vertical > li:last-of-type { margin-bottom: 0px; } .cnb-subPageLeftNav .cnb-navLinks.cnb-vertical > li a { font-size: .75rem; } .cnb-subPageLeftNav .cnb-hasSubNav i.fa { display: inline-block; float: right; left: -6px; position: relative; top: 2px; } /* ### Navigation Layout and Positioning ### */ /* ######################################### */ /* ############# */ /* ### Links ### */ a { color: #004745; text-decoration: none; } a:not(.button):focus, a:not(.button):hover { color: var(--cnb_hexColor_contrastOnWhite); } a.button:focus, a.button:hover { color: #fff; } .cnb-darkBkg a { color: #fff; } .cnb-darkBkg a:focus, .cnb-darkBkg a:hover { color: #ccc; } #cnb-bottomNavigation a { font-size: .75rem; } .cnb-legalDisclaimer a:hover { text-decoration: underline; } /* ### Links ### */ /* ############# */ /* ################################ */ /* ### Navigation Functionality ### */ .cnb-hasSubNav + .cnb-catSubNav { display: none; } #cnb-megaNav .cnb-hasSubNav.cnb-open + .cnb-catSubNav { border-bottom: 1px solid #8c8c8c; border-top: 1px solid #8c8c8c; box-shadow: 5px 2px 5px 0px #00000033, -5px 2px 5px 0px #00000033; margin-top: .2rem; } #cnb-megaNav .cnb-navLinks.cnb-horizontal li > a.cnb-hasSubNav.cnb-open::after { background-image: url(/images/icon-caretUp-whiteBkg.png); background-position: center center; background-repeat: no-repeat; background-size: auto 100%; bottom: -4px; content: ' '; display: inline-block; height: 11px; left: calc(50% - 5.5px); padding: 0px; position: absolute; width: 13px; z-index: 61; } .cnb-hasSubNav.cnb-open + .cnb-catSubNav { display: block; } /* ### Navigation Functionality ### */ /* ################################ */ /* ########################################## */ /* ### BEGIN Specific Section Adjustments ### */ #cnb-permaBanner { font-size: .75rem; } #cnb-permaBanner i.fa { font-size: .875rem; margin-right: .625rem; } #cnb-mainLogo { padding: 40px 24px 30px 24px; position: relative; text-align: center; } #cnb-mainLogo .cnb-responsiveImg { display: inline-block; margin: 0px auto; max-width: 541px; } #cnb-permaNav { font-size: .75rem; text-transform: uppercase; } #cnb-permaNav .cnb-navLinks { max-width: 382px; } #cnb-permaNav .cnb-navLinks.cnb-horizontal > li:first-child a { margin-left: 0rem; } #cnb-permaNav .cnb-navLinks.cnb-horizontal > li:last-child a { margin-right: 0rem; } #cnb-permaHeader #cnb-permaLinks { padding: 15px 0px; } #cnb-fullBotNav { padding: 10px; } @media (min-width: 1024px) { #cnb-fullBotNav { padding: 15px; } } #cnb-fullBotNav #cnb-emailSignUp { border-bottom: 1px solid #6f6f73; margin-bottom: 30px; padding-bottom: 30px; padding-top: 40px; } .cnb-globalElement.cnb-subPageLeftNav.cnb-present { display: inline-block; float: left; margin-right: 24px; max-width: calc(33.33% - 24px); vertical-align: top; width: calc(100% - 24px); } .cnb-navLinks.cnb-horizontal > li.cnb-notPresent, .cnb-globalElement.cnb-subPageLeftNav.cnb-notPresent { display: none; } .cnb-globalElement.cnb-globalBanner { display: block; max-width: none; width: 100%; } .cnb-globalElement.cnb-subPageLeftNav.cnb-present + .cnb-globalElement.cnb-globalBanner { display: inline-block; float: right; max-width: calc(66.67% - 24px); vertical-align: top; width: calc(66.67% - 24px); } /* ################################# */ /* ### BEGIN Promo/Generic Slots ### */ .cnb-container { max-width: 100%; } #product-browse-results .row .cnb-container { margin-left: 0px; margin-right: -15px; } .cnb-container.cnb-slotPromo { align-content: center; align-items: stretch; display: grid; grid-auto-flow: row dense; grid-template-rows: repeat(5, auto); margin: 0rem auto 1.5rem auto; } #homePageContainer .cnb-container.cnb-slotPromo, #homePageContainer .cnb-container.cnb-columnSlot.cnb-colSpacing0, #homePageContainer .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-colSpacing0 { margin-left: auto; margin-right: auto; margin: 0rem auto 1.5rem auto; } .cnb-container.cnb-slotPromo .cnb-gridCell { display: inline-block; } .cnb-container.cnb-slotPromo.cnb-headers0 .cnb-fullSpanBar:nth-child(1), .cnb-container.cnb-slotPromo.cnb-headers0 .cnb-fullSpanBar:nth-child(2), .cnb-container.cnb-slotPromo.cnb-headers1 .cnb-fullSpanBar:nth-child(1), .cnb-container.cnb-slotPromo.cnb-footers0 .cnb-fullSpanBar:nth-child(7), .cnb-container.cnb-slotPromo.cnb-noDisclaimer .cnb-fullSpanBar:nth-child(8) { display: none; } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25, .cnb-container.cnb-slotPromo.cnb-layout50_25_25, .cnb-container.cnb-slotPromo.cnb-layout25_50_25, .cnb-container.cnb-slotPromo.cnb-layout25_25_50, .cnb-container.cnb-slotPromo.cnb-layout50_50, .cnb-container.cnb-slotPromo.cnb-layout75_25, .cnb-container.cnb-slotPromo.cnb-layout25_75 { grid-template-columns: repeat(4, 1fr); } .cnb-container.cnb-slotPromo.cnb-layout33_33_33, .cnb-container.cnb-slotPromo.cnb-layout66_33, .cnb-container.cnb-slotPromo.cnb-layout33_66 { grid-template-columns: repeat(3, 1fr); } .cnb-container.cnb-slotPromo.cnb-layout100 { grid-template-columns: repeat(1, 1fr); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers1.cnb-footers1 { grid-template-rows: repeat(4, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers1 { grid-template-rows: repeat(3, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers0 { grid-template-rows: repeat(2, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers0.cnb-noDisclaimer { grid-template-rows: repeat(1, auto); } .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers0.cnb-tightVerticalLayout { grid-template-rows: auto; } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-fullSpanBar, .cnb-container.cnb-slotPromo.cnb-layout50_25_25 .cnb-fullSpanBar, .cnb-container.cnb-slotPromo.cnb-layout25_50_25 .cnb-fullSpanBar, .cnb-container.cnb-slotPromo.cnb-layout25_25_50 .cnb-fullSpanBar, .cnb-container.cnb-slotPromo.cnb-layout50_50 .cnb-fullSpanBar, .cnb-container.cnb-slotPromo.cnb-layout75_25 .cnb-fullSpanBar, .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-fullSpanBar { grid-column: span 4; } .cnb-container.cnb-slotPromo.cnb-layout33_33_33 .cnb-fullSpanBar, .cnb-container.cnb-slotPromo.cnb-layout66_33 .cnb-fullSpanBar, .cnb-container.cnb-slotPromo.cnb-layout33_66 .cnb-fullSpanBar { grid-column: span 3; } .cnb-container.cnb-slotPromo.cnb-layout100 .cnb-fullSpanBar { grid-column: span 1; } .cnb-container.cnb-slotPromo.cnb-layout50_25_25 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout25_50_25 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout25_25_50 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout33_33_33 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout75_25 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout75_25 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout66_33 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout66_33 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout33_66 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout33_66 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout75_25 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout75_25 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout50_50 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout50_50 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout66_33 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout33_66 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout100 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout100 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout100 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout0 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout0 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout0 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout0 .cnb-gridCell.cnb-column04 { display: none; } .cnb-container.cnb-slotPromo.cnb-layout50_25_25 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout25_50_25 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout25_25_50 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout50_50 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout50_50 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout66_33 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout33_66 .cnb-gridCell.cnb-column02 { grid-column: span 2; } .cnb-container.cnb-slotPromo.cnb-layout75_25 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-gridCell.cnb-column02 { grid-column: span 3; } .cnb-col .cnb-interiorColWrapper { height: 100%; } .cnb-col p:last-child { margin-bottom: 0rem; } .cnb-container.cnb-slotPromo.cnb-colSpacing0, .cnb-container.cnb-columnSlot.cnb-colSpacing0, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-colSpacing0 { grid-column-gap: 0rem; } .cnb-container.cnb-slotPromo.cnb-colSpacing6, .cnb-container.cnb-columnSlot.cnb-colSpacing6, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-colSpacing6 { grid-column-gap: .375rem; } .cnb-container.cnb-slotPromo.cnb-colSpacing12, .cnb-container.cnb-columnSlot.cnb-colSpacing12, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-colSpacing12 { grid-column-gap: .75rem; } .cnb-container.cnb-slotPromo.cnb-colSpacing18, .cnb-container.cnb-columnSlot.cnb-colSpacing18, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-colSpacing18 { grid-column-gap: 1.125rem; } .cnb-container.cnb-slotPromo.cnb-colSpacing24, .cnb-container.cnb-columnSlot.cnb-colSpacing24, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-colSpacing24 { grid-column-gap: 1.5rem; } .cnb-container.cnb-slotPromo.cnb-rowSpacing0, .cnb-container.cnb-columnSlot.cnb-rowSpacing0, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-rowSpacing0 { grid-row-gap: 0rem; } .cnb-container.cnb-slotPromo.cnb-rowSpacing6, .cnb-container.cnb-columnSlot.cnb-rowSpacing6, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-rowSpacing6 { grid-row-gap: .375rem; } .cnb-container.cnb-slotPromo.cnb-rowSpacing12, .cnb-container.cnb-columnSlot.cnb-rowSpacing12, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-rowSpacing12 { grid-row-gap: .75rem; } .cnb-container.cnb-slotPromo.cnb-rowSpacing18, .cnb-container.cnb-columnSlot.cnb-rowSpacing18, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-rowSpacing18 { grid-row-gap: 1.125rem; } .cnb-container.cnb-slotPromo.cnb-rowSpacing24, .cnb-container.cnb-columnSlot.cnb-rowSpacing24, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-rowSpacing24 { grid-row-gap: 1.5rem; } .cnb-container.cnb-slotPromo, .cnb-container.cnb-columnSlot, .cnb-embeddedContainer.cnb-embeddedColumnSlot { align-content: center; align-items: stretch; display: grid; grid-auto-flow: row dense; margin: 0px -15px 24px -15px; padding: 0rem; } .cnb-embeddedContainer.cnb-embeddedColumnSlot { margin-top: 0rem; } .cnb-display-block { display: block; } .cnb-container.cnb-slotPromo.cnb-totalCols-01, .cnb-container.cnb-columnSlot.cnb-totalCols-01, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-01 { grid-template-columns: 1fr; } .cnb-container.cnb-slotPromo.cnb-totalCols-02, .cnb-container.cnb-columnSlot.cnb-totalCols-02, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-02 { grid-template-columns: repeat(2, 1fr); } .cnb-container.cnb-slotPromo.cnb-totalCols-03, .cnb-container.cnb-columnSlot.cnb-totalCols-03, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-03 { grid-template-columns: repeat(3, 1fr); } .cnb-container.cnb-slotPromo.cnb-totalCols-04, .cnb-container.cnb-columnSlot.cnb-totalCols-04, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-04 { grid-template-columns: repeat(4, 1fr); } .cnb-container.cnb-slotPromo.cnb-totalCols-02.cnb-gridColWidth-50_50, .cnb-container.cnb-columnSlot.cnb-totalCols-02.cnb-gridColWidth-50_50, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-02.cnb-gridColWidth-50_50 { grid-template-columns: 50% 50%; } .cnb-container.cnb-slotPromo.cnb-totalCols-02.cnb-gridColWidth-25_75, .cnb-container.cnb-columnSlot.cnb-totalCols-02.cnb-gridColWidth-25_75, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-02.cnb-gridColWidth-25_75 { grid-template-columns: 25% 75%; } .cnb-container.cnb-slotPromo.cnb-totalCols-02.cnb-gridColWidth-75_25, .cnb-container.cnb-columnSlot.cnb-totalCols-02.cnb-gridColWidth-75_25, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-02.cnb-gridColWidth-75_25 { grid-template-columns: 75% 25%; } .cnb-container.cnb-slotPromo.cnb-totalCols-02.cnb-gridColWidth-33_66, .cnb-container.cnb-columnSlot.cnb-totalCols-02.cnb-gridColWidth-33_66, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-02.cnb-gridColWidth-33_66 { grid-template-columns: 33.3% 66.7%; } .cnb-container.cnb-slotPromo.cnb-totalCols-02.cnb-gridColWidth-66_33, .cnb-container.cnb-columnSlot.cnb-totalCols-02.cnb-gridColWidth-66_33, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-02.cnb-gridColWidth-66_33 { grid-template-columns: 66.7% 33.3%; } .cnb-container.cnb-slotPromo.cnb-totalRows-01, .cnb-container.cnb-columnSlot.cnb-totalRows-01, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-01 { grid-template-rows: auto; } .cnb-container.cnb-slotPromo.cnb-totalRows-02, .cnb-container.cnb-columnSlot.cnb-totalRows-02, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-02 { grid-template-rows: repeat(2, auto); } .cnb-container.cnb-slotPromo.cnb-totalRows-03, .cnb-container.cnb-columnSlot.cnb-totalRows-03, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-03 { grid-template-rows: repeat(3, auto); } .cnb-container.cnb-slotPromo.cnb-totalRows-04, .cnb-container.cnb-columnSlot.cnb-totalRows-04, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-04 { grid-template-rows: repeat(4, auto); } .cnb-container.cnb-slotPromo.cnb-totalRows-05, .cnb-container.cnb-columnSlot.cnb-totalRows-05, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-05 { grid-template-rows: repeat(5, auto); } .cnb-container.cnb-slotPromo.cnb-totalRows-06, .cnb-container.cnb-columnSlot.cnb-totalRows-06, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-06 { grid-template-rows: repeat(6, auto); } .cnb-container.cnb-slotPromo.cnb-totalRows-07, .cnb-container.cnb-columnSlot.cnb-totalRows-07, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-07 { grid-template-rows: repeat(7, auto); } .cnb-container.cnb-slotPromo.cnb-totalRows-08, .cnb-container.cnb-columnSlot.cnb-totalRows-08, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-08 { grid-template-rows: repeat(8, auto); } .cnb-container.cnb-slotPromo.cnb-totalRows-09, .cnb-container.cnb-columnSlot.cnb-totalRows-09, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-09 { grid-template-rows: repeat(9, auto); } .cnb-container.cnb-slotPromo.cnb-totalRows-10, .cnb-container.cnb-columnSlot.cnb-totalRows-10, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-10 { grid-template-rows: repeat(10, auto); } .cnb-showDisclaimer.cnb-totalCols-02 .cnb-legalDisclaimer { grid-column: span 2; } .cnb-showDisclaimer.cnb-totalCols-03 .cnb-legalDisclaimer { grid-column: span 3; } .cnb-showDisclaimer.cnb-totalCols-04 .cnb-legalDisclaimer { grid-column: span 4; } .cnb-container.cnb-slotPromo .cnb-gridCell.cnb-legalDisclaimer { background-color: transparent; line-height: normal; margin-top: 0rem; padding: 0rem; } .cnb-container.cnb-showDisclaimer .cnb-gridCell.cnb-legalDisclaimer.cnb-fullSpanBar { display: block; } .cnb-container.cnb-slotPromo.cnb-rowSpacing6 .cnb-gridCell.cnb-legalDisclaimer { margin-top: calc(calc(.375rem * -1) + 4px); } .cnb-container.cnb-slotPromo.cnb-rowSpacing12 .cnb-gridCell.cnb-legalDisclaimer { margin-top: calc(calc(.75rem * -1) + 4px); } .cnb-container.cnb-slotPromo.cnb-rowSpacing18 .cnb-gridCell.cnb-legalDisclaimer { margin-top: calc(calc(1.125rem * -1) + 4px); } .cnb-container.cnb-slotPromo.cnb-rowSpacing24 .cnb-gridCell.cnb-legalDisclaimer { margin-top: calc(calc(1.5rem * -1) + 4px); } .cnb-container.cnb-slotPromo .cnb-gridCell.cnb-legalDisclaimer { line-height: normal; margin-top: 0rem; padding: 0rem; } .cnb-disclaimerPopup { background-color: #fff; border-radius: 7px; border: 1px solid #000; box-shadow: 5px 2px 5px 0px #00000033, -5px 2px 5px 0px #00000033; left: calc(50% - 250px); max-width: 500px; padding: 1rem; position: fixed; width: 100%; z-index: 100; } .cnb-promotionalDisclaimerContainer { display: none; } .cnb-disclaimerPopup .cnb-headline { text-transform: uppercase; } .cnb-disclaimerPopup .cnb-headline:first-of-type { max-width: calc(100% - 1.875rem); } a.cnb-popupCloseLink { color: red; font-size: 1.5rem; position: absolute; right: .5rem; top: .5rem; } a.cnb-popupCloseLink:hover { text-decoration: none; } .cnb-disclaimerPopup .cnb-bodyText a { color: var(--cnb_hexColor_contrastOnWhite); } .cnb-disclaimerPopup .cnb-bodyText a:focus, .cnb-disclaimerPopup .cnb-bodyText a:hover { text-decoration: underline; } /* ##################################################### */ /* ### BEGIN Static Landing Pages - Breadcrumb Links ### */ #cnb-generalBreadcrumbing > .cnb-breadcrumbLink::before { content: ' > '; font-family: 'GothamBook', sans-serif; font-size: .8rem; } #cnb-generalBreadcrumbing > .cnb-breadcrumbLink:first-of-type::before { content: ''; } #cnb-generalBreadcrumbing > .cnb-breadcrumbLink, #cnb-generalBreadcrumbing > .cnb-breadcrumbLink a { font-family: 'GothamBook', sans-serif; font-size: .8rem; } #cnb-generalBreadcrumbing > .cnb-breadcrumbLink a:focus, #cnb-generalBreadcrumbing > .cnb-breadcrumbLink a:hover { text-decoration: underline; } #cnb-generalBreadcrumbing > .cnb-breadcrumbLink a.cnb-onActivePage { color: var(--cnb_hexColor_contrastOnWhite); font-family: 'GothamMedium', sans-serif; } /* ### END Static Landing Pages - Breadcrumb Links ### */ /* ##################################################### */ /* ############################ */ /* ### BEGIN Responsiveness ### */ @media (min-width: 1302px) { /* Desktops: Medium/Large */ } @media (max-width: 1301px) { /* Desktops: Small, on-down */ } @media (max-width: 1030px) { .cnb-container.cnb-slotPromo, .cnb-container.cnb-columnSlot, .cnb-embeddedContainer.cnb-embeddedColumnSlot { margin-left: 15px; } /* Counter legacy 1030px break-point */ #product-browse-results .row { margin: 0rem; } #product-browse-results .row #banner-tb1 { padding-left: 0rem; padding-right: 0rem; } #product-browse-results .row .cnb-container.cnb-slotPromo { margin-left: 0px; margin-right: -30px; } #MainContent .cnb-mainContentWrapper.cnb-staticLandingPage, #MainContent .cnb-mainContentWrapper.cnb-staticLandingPage .cnb-container.cnb-columnSlot, #MainContent .cnb-mainContentWrapper.cnb-staticLandingPage .cnb-container.cnb-slotPromo { margin-left: auto; margin-right: auto; } #homePageContainer .cnb-container.cnb-slotPromo, #homePageContainer .cnb-columnSlot.cnb-colSpacing0, #homePageContainer .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-colSpacing0 { margin-left: auto; margin-right: auto; } #product-browse-results .cnb-container.cnb-slotPromo, #product-browse-results .cnb-columnSlot.cnb-colSpacing0, #product-browse-results .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-colSpacing0 { margin-left: -15px; margin-right: -15px; } #MainContent .cnb-mainContentWrapper.cnb-staticLandingPage .cnb-container.cnb-slotPromo:not([class*='XX']) { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (max-width: 1301px) { /* Desktops: Small */ } @media (min-width: 481px) and (max-width: 767px) { /* Tablets */ } @media (max-width: 767px) { /* Tablets, on-down */ /* ################################################################################# */ /* ### Set number of rows based upon headers, footer, and disclaimer appearance. ### */ /* ### ### */ .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers1.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers1.cnb-footers1 { grid-template-rows: repeat(4, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers0.cnb-footers1, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers1 { grid-template-rows: repeat(3, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers0.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers0 { grid-template-rows: repeat(2, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout50_25_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_50_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_50.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_33_33.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout75_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_75.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout66_33.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout33_66.cnb-headers0.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout100.cnb-headers0.cnb-footers0.cnb-noDisclaimer { grid-template-rows: repeat(1, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers2.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers1 { grid-template-rows: repeat(5, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers2.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers0, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers1 { grid-template-rows: repeat(4, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers1.cnb-footers0.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers1.cnb-noDisclaimer, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers0 { grid-template-rows: repeat(3, auto); } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25.cnb-headers0.cnb-footers0.cnb-noDisclaimer { grid-template-rows: repeat(2, auto); } .cnb-container.cnb-slotPromo.cnb-totalCols-02.cnb-gridColWidth-50_50, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalCols-02.cnb-gridColWidth-50_50 { grid-template-columns: 1fr; } .cnb-container.cnb-slotPromo.cnb-totalRows-01, .cnb-embeddedContainer.cnb-embeddedColumnSlot.cnb-totalRows-01 { grid-template-rows: auto; } /* ######################################################################################################## */ /* ### When stacking multiple cells into extra rows, re-span those that have their column-span altered. ### */ /* ### ### */ .cnb-container.cnb-slotPromo.cnb-layout50_25_25 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout25_50_25 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout25_25_50 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout75_25 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout75_25 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-gridCell.cnb-column02 { grid-column: span 4; } .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-gridCell.cnb-column04, .cnb-container.cnb-slotPromo.cnb-layout50_25_25 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout50_25_25 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout25_50_25 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout25_50_25 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout25_25_50 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout25_25_50 .cnb-gridCell.cnb-column02 { grid-column: span 2; } .cnb-container.cnb-slotPromo.cnb-layout33_33_33 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout33_33_33 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout33_33_33 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout66_33 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout66_33 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout33_66 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout33_66 .cnb-gridCell.cnb-column02 { grid-column: span 3; } /* #################################################################### */ /* ### Reposition hero image cells to appear before non-hero cells. ### */ /* ### ### */ .cnb-container.cnb-slotPromo.cnb-layout50_25_25 .cnb-gridCell.cnb-column01 { grid-row: 4; } .cnb-container.cnb-slotPromo.cnb-layout25_50_25 .cnb-gridCell.cnb-column02 { grid-row: 4; } .cnb-container.cnb-slotPromo.cnb-layout25_75 .cnb-gridCell.cnb-column02 { grid-row: 3; } .cnb-container.cnb-slotPromo.cnb-layout33_66 .cnb-gridCell.cnb-column02 { grid-row: 3; } /* ### ### */ /* #################################################################### */ } @media (min-width: 481px) and (max-width: 1301px) { /* Desktops: Small + Tablets */ } @media (max-width: 480px) { html { font-size: calc(16px + (16 - 11) * ((100vw - 480px) / (480 - 300))); } /* ######################################################################################################## */ /* ### When stacking multiple cells into extra rows, re-span those that have their column-span altered. ### */ /* ### ### */ .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-gridCell.cnb-column01, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-gridCell.cnb-column02, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-gridCell.cnb-column03, .cnb-container.cnb-slotPromo.cnb-layout25_25_25_25 .cnb-gridCell.cnb-column04 { grid-column: span 4; } } /* ### END Responsiveness ### */ /* ############################ */ /* ### END Promo/Generic Slots ### */ /* ################################# */ /* ### END Specific Section Adjustments ### */ /* ########################################## */ /* ############################################# */ /* ### BEGIN Button Appearance/Functionality ### */ .cnb-button { background-color: #fff; color: #000; display: inline-block; font-family: 'GothamMedium', sans-serif; font-size: .6875rem; font-weight: 700; letter-spacing: .165rem; max-width: 233px; position: relative; text-align: center; text-transform: uppercase; width: 100%; } .cnb-button-dropdown, .cnb-button-single, .cnb-button-narrow, .cnb-button-dropdown *, .cnb-button-single *, .cnb-button-narrow * { -webkit-transition: all 0s ease; transition: all 0s ease; } .cnb-button-dropdown .cnb-navLinks { background-color: #ffffffcc; display: none; position: absolute; } .cnb-button-dropdown .cnb-navLinks > li { background-color: rgba(255, 255, 255, 0.9); } .cnb-button .cnb-CTA { background-color: inherit; border: 1px solid #000; color: inherit; display: inline-block; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; padding: 1rem; position: inherit; text-transform: inherit; white-space: nowrap; width: 100%; } .cnb-button .cnb-CTA > a { color: inherit; text-transform: inherit; } .cnb-button a, .cnb-button a:focus, .cnb-button a:hover, .cnb-button .cnb-CTA > a:focus, .cnb-button .cnb-CTA > a:hover { text-decoration: none; } i.fa, .cnb-button .cnb-CTA .fa { float: none; margin-left: .25rem; } .cnb-button .cnb-CTA:hover { cursor: pointer; background-color: #fff; box-shadow: 0px 0px 0px 1px #000 inset; font-family: 'GothamBold', sans-serif; } .cnb-button.cnb-transparentOnDark, .cnb-button.cnb-transparentOnLight { background-color: transparent; } .cnb-button.cnb-transparentOnDark .cnb-CTA { background-color: transparent; border-color: #fff; color: #fff; -webkit-transition: all 0s ease; transition: all 0s ease; } .cnb-button.cnb-transparentOnDark .cnb-CTA:hover { background-color: #fff; border-color: #000; box-shadow: 0px 0px 0px 1px #000 inset; color: #000; } .cnb-button.cnb-transparentOnLight .cnb-CTA { background-color: transparent; border-color: #000; color: #000; -webkit-transition: all 0s ease; transition: all 0s ease; } .cnb-button.cnb-transparentOnLight .cnb-CTA:hover { background-color: #000; border-color: #fff; box-shadow: 0px 0px 0px 1px #fff inset; color: #fff; } .cnb-button .cnb-navLinks.cnb-vertical > li { border: 1px solid #000; margin: .25rem 0rem; } .cnb-button .cnb-navLinks.cnb-vertical > li:last-child { margin-bottom: 0rem; } .cnb-button .cnb-navLinks.cnb-vertical > li a { color: inherit; display: block; padding: 1rem; width: 100%; } .cnb-button .cnb-navLinks.cnb-vertical > li:hover { box-shadow: 0px 0px 0px 1px #000 inset; } .cnb-container.cnb-slotPromo .cnb-button { max-width: 233px; } .cnb-container.cnb-slotPromo .cnb-button .cnb-CTA { padding: 1rem; } .cnb-button.cnb-button-single .cnb-CTA, .cnb-container.cnb-slotPromo .cnb-button.cnb-button-single .cnb-CTA { padding: 0rem; } .cnb-button .cnb-CTA > a:focus, .cnb-button .cnb-CTA > a:hover { text-decoration: none; } .cnb-button.cnb-button-single .cnb-CTA a { display: block; padding: 1rem; width: 100%; } .cnb-button .cnb-navLinks.cnb-vertical > li a:hover { box-shadow: 0px 0px 0px 1px #000 inset; } .cnb-button a, .cnb-button a:focus, .cnb-button a:hover { text-decoration: none; } @media (max-width: 1301px) { /* Small Desktops, Tablets, & Mobiles to 0-Width */ .cnb-slot.cnb-simpleSlot .cnb-button { left: var(--cnb_slot_button_hPos_highToLow_pixels); top: var(--cnb_slot_button_vPos_highToLow_pixels); } .cnb-container.cnb-slotPromo .cnb-button { font-size: calc(11px + (11 - 5) * ((100vw - 1301px) / (1301 - 1))); max-width: calc(233px + (233 - 60) * ((100vw - 1301px) / (1301 - 1))); } .cnb-container.cnb-slotPromo .cnb-button .cnb-CTA { padding: 1rem; } } @media (max-width: 480px) { .cnb-container.cnb-slotPromo .cnb-button .cnb-CTA .fa-plus { display: none; } } .cnb-responsiveDisplay-desktopTabletMobile.cnb-display-block, .cnb-responsiveDisplay-allSizes.cnb-display-block { display: block; } .cnb-responsiveDisplay-desktopTabletMobile.cnb-display-flex, .cnb-responsiveDisplay-allSizes.cnb-display-flex { display: flex; } .cnb-responsiveDisplay-desktopTabletMobile.cnb-display-inline, .cnb-responsiveDisplay-allSizes.cnb-display-inline { display: inline; } .cnb-responsiveDisplay-desktopTabletMobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-allSizes.cnb-display-inlineBlock { display: inline-block; } .cnb-responsiveDisplay-desktopTabletMobile.cnb-display-inlineFlex, .cnb-responsiveDisplay-allSizes.cnb-display-inlineFlex { display: inline-flex; } .cnb-responsiveDisplay-desktop.cnb-display-block, .cnb-responsiveDisplay-desktop.cnb-display-flex, .cnb-responsiveDisplay-desktop.cnb-display-inline, .cnb-responsiveDisplay-desktop.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktop.cnb-display-inlineFlex, .cnb-responsiveDisplay-desktopTablet.cnb-display-block, .cnb-responsiveDisplay-desktopTablet.cnb-display-flex, .cnb-responsiveDisplay-desktopTablet.cnb-display-inline, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-mobile.cnb-display-block, .cnb-responsiveDisplay-mobile.cnb-display-flex, .cnb-responsiveDisplay-mobile.cnb-display-inline, .cnb-responsiveDisplay-mobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-mobile.cnb-display-inlineFlex, .cnb-responsiveDisplay-tablet.cnb-display-block, .cnb-responsiveDisplay-tablet.cnb-display-flex, .cnb-responsiveDisplay-tablet.cnb-display-inline, .cnb-responsiveDisplay-tablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-tablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-tabletMobile.cnb-display-block, .cnb-responsiveDisplay-tabletMobile.cnb-display-flex, .cnb-responsiveDisplay-tabletMobile.cnb-display-inline, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineFlex { display: none; } @media (max-width: 1301px) { #cnb-mainPageContent { padding: 0rem; width: 100%; } } @media (min-width: 768px) and (max-width: 1301px) { /* Small Desktops */ html { font-size: calc(16px + (16 - 12) * ((100vw - 1301px) / (1301 - 768))); } #cnb-permaNav .cnb-navLinks { max-width: calc(382px + (382 - 255) * ((100vw - 1301px) / (1301 - 768))); } } @media (min-width: 768px) { .cnb-responsiveDisplay-desktop.cnb-display-block { display: block; } .cnb-responsiveDisplay-desktop.cnb-display-flex { display: flex; } .cnb-responsiveDisplay-desktop.cnb-display-inline { display: inline; } .cnb-responsiveDisplay-desktop.cnb-display-inlineBlock { display: inline-block; } .cnb-responsiveDisplay-desktop.cnb-display-inlineFlex { display: inline-flex; } .cnb-responsiveDisplay-desktopTablet.cnb-display-block, .cnb-responsiveDisplay-desktopTablet.cnb-display-flex, .cnb-responsiveDisplay-desktopTablet.cnb-display-inline, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-mobile.cnb-display-block, .cnb-responsiveDisplay-mobile.cnb-display-flex, .cnb-responsiveDisplay-mobile.cnb-display-inline, .cnb-responsiveDisplay-mobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-mobile.cnb-display-inlineFlex, .cnb-responsiveDisplay-tablet.cnb-display-block, .cnb-responsiveDisplay-tablet.cnb-display-flex, .cnb-responsiveDisplay-tablet.cnb-display-inline, .cnb-responsiveDisplay-tablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-tablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-tabletMobile.cnb-display-block, .cnb-responsiveDisplay-tabletMobile.cnb-display-flex, .cnb-responsiveDisplay-tabletMobile.cnb-display-inline, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineFlex { display: none; } .cnb-display-desktop.cnb-display-block { display: block; } .cnb-display-desktop.cnb-display-inline { display: inline; } .cnb-display-desktop.cnb-display-inlineBlock { display: inline-block; } } @media (min-width: 768px) and (max-width: 1301px) { .cnb-display-smDesktops.cnb-display-block { display: block; } .cnb-display-smDesktops.cnb-display-inline { display: inline; } .cnb-display-smDesktops.cnb-display-inlineBlock { display: inline-block; } } @media (min-width: 481px) and (max-width: 1301px) { .cnb-display-smDesktopsTablets.cnb-display-block { display: block; } .cnb-display-smDesktopsTablets.cnb-display-inline { display: inline; } .cnb-display-smDesktopsTablets.cnb-display-inlineBlock { display: inline-block; } } @media (max-width: 1301px) { .cnb-display-smDesktopsTabletsMobile.cnb-display-block, .cnb-display-smDesktopsOnDown.cnb-display-block { display: block; } .cnb-display-smDesktopsTabletsMobile.cnb-display-inline, .cnb-display-smDesktopsOnDown.cnb-display-inline { display: inline; } .cnb-display-smDesktopsTabletsMobile.cnb-display-inlineBlock, .cnb-display-smDesktopsOnDown.cnb-display-inlineBlock { display: inline-block; } } @media (min-width: 481px) and (max-width: 767px) { /* Tablets, all */ .cnb-responsiveDisplay-tablet.cnb-display-block { display: block; } .cnb-responsiveDisplay-tablet.cnb-display-flex { display: flex; } .cnb-responsiveDisplay-tablet.cnb-display-inline { display: inline; } .cnb-responsiveDisplay-tablet.cnb-display-inlineBlock { display: inline-block; } .cnb-responsiveDisplay-tablet.cnb-display-inlineFlex { display: inline-flex; } .cnb-responsiveDisplay-desktop.cnb-display-block, .cnb-responsiveDisplay-desktop.cnb-display-flex, .cnb-responsiveDisplay-desktop.cnb-display-inline, .cnb-responsiveDisplay-desktop.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktop.cnb-display-inlineFlex, .cnb-responsiveDisplay-desktopTablet.cnb-display-block, .cnb-responsiveDisplay-desktopTablet.cnb-display-flex, .cnb-responsiveDisplay-desktopTablet.cnb-display-inline, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-mobile.cnb-display-block, .cnb-responsiveDisplay-mobile.cnb-display-flex, .cnb-responsiveDisplay-mobile.cnb-display-inline, .cnb-responsiveDisplay-mobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-mobile.cnb-display-inlineFlex, .cnb-responsiveDisplay-tabletMobile.cnb-display-block, .cnb-responsiveDisplay-tabletMobile.cnb-display-flex, .cnb-responsiveDisplay-tabletMobile.cnb-display-inline, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineFlex { display: none; } .cnb-display-smDesktopsTabletsMobile.cnb-display-block, .cnb-display-smDesktopsOnDown.cnb-display-block { display: block; } .cnb-display-smDesktopsTabletsMobile.cnb-display-inline, .cnb-display-smDesktopsOnDown.cnb-display-inline { display: inline; } .cnb-display-smDesktopsTabletsMobile.cnb-display-inlineBlock, .cnb-display-smDesktopsOnDown.cnb-display-inlineBlock { display: inline-block; } } @media (max-width: 1000px) { /* Small Desktops, on-down */ #cnb-mainLogo { padding: 20px 24px 15px 24px; } #cnb-statusSearch > section { align-content: space-between; align-items: center; display: inline-flex; flex-direction: column; flex-grow: unset; flex-shrink: unset; justify-content: space-evenly; padding: 0rem; } #cnb-statusSearch > section:first-child { align-items: flex-start; } } @media (max-width: 850px) { #cnb-mainLogo { padding-bottom: 12px; padding-top: 12px; } #cnb-fullBotNav #cnb-emailSignUp { margin-bottom: calc(30px + (30 - 12) * ((100vw - 850px) / (850 - 320))); padding-bottom: calc(30px + (30 - 12) * ((100vw - 850px) / (850 - 320))); padding-top: calc(40px + (40 - 16) * ((100vw - 850px) / (850 - 320))); } #cnb-emailSignUp label { display: block; text-align: center; width: 100%; } #cnb-emailSignUp .cnb-subscribeFooter { display: block; margin: 12px auto 0px auto; } #cnb-emailSignUp label > a { display: none; } #email-alert-signup .cnb-privacyPolicyLink { display: block; } } @media (max-width: 767px) { #cnb-mainPageContent { padding: 0rem; width: 100%; } .cnb-collapsibleResponsiveNav > ul { display: none; } .cnb-collapsibleResponsiveNav > .cnb-collapsibleNavigationButton { background-color: #fff; border-radius: 4px; border: 1px solid #ccc; cursor: pointer; display: inline-block; font-size: 2rem; left: 7px; padding: 0.2rem; position: fixed; text-align: center; top: 7px; width: 3rem; z-index: 111; } #cnb-permaHeader { display: none; } .cnb-responsiveDisplay-tabletMobile.cnb-display-block { display: block; } .cnb-responsiveDisplay-tabletMobile.cnb-display-flex { display: flex; } .cnb-responsiveDisplay-tabletMobile.cnb-display-inline { display: inline; } .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineBlock { display: inline-block; } .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineFlex { display: inline-flex; } .cnb-responsiveDisplay-desktop.cnb-display-block, .cnb-responsiveDisplay-desktop.cnb-display-flex, .cnb-responsiveDisplay-desktop.cnb-display-inline, .cnb-responsiveDisplay-desktop.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktop.cnb-display-inlineFlex, .cnb-responsiveDisplay-desktopTablet.cnb-display-block, .cnb-responsiveDisplay-desktopTablet.cnb-display-flex, .cnb-responsiveDisplay-desktopTablet.cnb-display-inline, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-mobile.cnb-display-block, .cnb-responsiveDisplay-mobile.cnb-display-flex, .cnb-responsiveDisplay-mobile.cnb-display-inline, .cnb-responsiveDisplay-mobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-mobile.cnb-display-inlineFlex, .cnb-responsiveDisplay-tablet.cnb-display-block, .cnb-responsiveDisplay-tablet.cnb-display-flex, .cnb-responsiveDisplay-tablet.cnb-display-inline, .cnb-responsiveDisplay-tablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-tablet.cnb-display-inlineFlex { display: none; } #cnb-megaNav .cnb-empty, #cnb-megaNav .cnb-catSubNav .cnb-subCatNavSection.cnb-empty { display: none; } .cnb-collapsibleResponsiveNav > .cnb-collapsibleNavigationButton { background-color: #fff; border-radius: 4px; border: 1px solid #ccc; cursor: pointer; display: inline-block; font-size: 2rem; left: 0rem; padding: 0.2rem; position: absolute; text-align: center; top: -2.85rem; width: 3rem; z-index: 111; } .cnb-collapsibleResponsiveNav { background-color: #fff; border-radius: 7px; box-shadow: 5px 5px 5px #00000033; left: .5rem; max-width: 66.67%; position: absolute; top: 3.33rem; width: 100%; z-index: 100; } .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul { border: 1px solid #8c8c8c; border-radius: 7px; } .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul, .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul.cnb-navLinks.cnb-horizontal, .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul.cnb-navLinks.cnb-horizontal ul, .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul.cnb-navLinks.cnb-horizontal li { display: block; } .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul.cnb-navLinks.cnb-horizontal li:hover { background-color: #ededed; } .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul .cnb-hasSubNav .fa.fa-plus, .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul .cnb-hasSubNav .fa.fa-minus { display: inline-block; } .cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul dt { border: 1px solid #8c8c8c; border-left: none; border-right: none; } .cnb-collapsibleResponsiveNav .cnb-navLinks.cnb-vertical > li { margin-bottom: 0rem; } #cnb-megaNav.cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul.cnb-navLinks.cnb-horizontal > li { border-top: none; } #cnb-megaNav.cnb-collapsibleResponsiveNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul.cnb-navLinks.cnb-horizontal > li > a { border-top: none; display: block; margin: 0rem; padding: .75rem; text-align: left; width: 100%; } #cnb-megaNav.cnb-collapsibleResponsiveNav .cnb-navLinks.cnb-horizontal > li:active, #cnb-megaNav.cnb-collapsibleResponsiveNav .cnb-navLinks.cnb-horizontal > li:hover { background-color: transparent; } #cnb-megaNav .cnb-navLinks.cnb-horizontal li:active > a, #cnb-megaNav .cnb-navLinks.cnb-horizontal li:hover > a { background-color: transparent; } #cnb-megaNav .cnb-navLinks.cnb-horizontal li > a:active, #cnb-megaNav .cnb-navLinks.cnb-horizontal li > a:hover { color: #000; } #cnb-megaNav.cnb-collapsibleResponsiveNav .cnb-navLinks.cnb-horizontal > li:first-child { border-top: none; } #cnb-megaNav.cnb-collapsibleResponsiveNav .cnb-navLinks.cnb-horizontal > li:last-child { border-bottom: none; } #cnb-megaNav .cnb-catSubNav .cnb-subCatNavSection { width: 100%; } #cnb-megaNav .cnb-navLinks.cnb-vertical li { display: block; padding-left: .75rem; } #cnb-megaNav .cnb-catSubNav dl dd .cnb-navLinks.cnb-vertical li > a { display: block; } #cnb-megaNav .cnb-catSubNav { clear: both; position: relative; top: 0px; width: 100%; z-index: inherit; } #cnb-megaNav .cnb-navLinks.cnb-horizontal li > a.cnb-hasSubNav.cnb-open::after { background-image: none; } #cnb-megaNav .cnb-hasSubNav.cnb-open + .cnb-catSubNav, #cnb-megaNav .cnb-hasSubNav.cnb-open + .cnb-catSubNav .cnb-subCatNavSection { background-color: transparent; border: none; box-shadow: none; margin: 0px; padding-left: 0px; padding-top: 0px; } #cnb-megaNav .cnb-hasSubNav.cnb-open + .cnb-catSubNav .cnb-subCatNavSection dl { margin-bottom: 0px; margin-top: 0px; } #cnb-megaNav dd { margin-left: 1.5rem; } #cnb-megaNav .cnb-hasSubNav.cnb-open + .cnb-catSubNav .cnb-subCatNavSection dt { border: 1px solid #ccc; border-left: none; border-right: none; margin-left: .75rem; padding: .25rem .1rem; } #cnb-megaNav .cnb-hasSubNav.cnb-open + .cnb-catSubNav .cnb-subCatNavSection dt:hover { background-color: #ededed; } #cnb-megaNav .cnb-hasSubNav.cnb-open + .cnb-catSubNav .cnb-subCatNavSection dt.cnb-noSubNav { border: none; } #cnb-megaNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul.cnb-navLinks.cnb-horizontal > li > a.cnb-hasSubNav.cnb-open + .cnb-catSubNav .cnb-subCatNavSection dt { border: 1px solid #8c8c8c; border-left: none; border-right: none; margin-top: .75rem; } #cnb-megaNav .cnb-collapsibleNavigationButton.cnb-mobileOpen + ul.cnb-navLinks.cnb-horizontal > li > a.cnb-hasSubNav.cnb-open { background-color: #ededed; border-bottom: 1px solid #8c8c8c; border-radius: 7px 7px 0px 0px; display: block; margin: 0rem; padding: .75rem; text-align: left; width: 100%; } #cnb-megaNav .cnb-catSubNav dl:first-child { margin-bottom: 0rem; } #cnb-intermittentLeftNavMobile.cnb-mobileOpen { display: block; } #cnb-megaNav #cnb-intermittentLeftNavMobile.cnb-globalElement.cnb-subPageLeftNav.cnb-present { float: none; max-width: none; margin-right: 0px; width: 100%; } #cnb-megaNav #cnb-intermittentLeftNavMobile.cnb-subPageLeftNav section.cnb-subSectionNav { display: block; } #cnb-megaNav #cnb-intermittentLeftNavMobile dt.cnb-headline { border-bottom: 1px solid #8c8c8c; color: #8c8c8c; font-family: 'GothamMedium', sans-serif; font-size: 1rem; margin-bottom: 6px; padding-top: 1rem; text-transform: uppercase; } #cnb-megaNav #cnb-intermittentLeftNavMobile dd { border: 1px solid #8c8c8c; border-radius: 7px; margin-left: 0rem; padding-left: 0rem; } #cnb-megaNav #cnb-intermittentLeftNavMobile.cnb-subPageLeftNav dd > a { padding-left: 0.75rem; } #cnb-intermittentLeftNav { display: none; } .cnb-present ~ .cnb-mainContentWrapper, .cnb-globalElement.cnb-subPageLeftNav.cnb-present + .cnb-globalElement.cnb-globalBanner { float: none; max-width: none; width: 100%; } .cnb-display-tabletsMobile.cnb-display-block, .cnb-display-tabletsOnDown.cnb-display-block { display: block; } .cnb-display-tabletsMobile.cnb-display-inline, .cnb-display-tabletsOnDown.cnb-display-inline { display: inline; } .cnb-display-tabletsMobile.cnb-display-inlineBlock, .cnb-display-tabletsOnDown.cnb-display-inlineBlock { display: inline-block; } } @media (max-width: 620px) { #cnb-secondaries { background: none; background-size: 0px; } #cnb-secondaries > section { display: block; width: 100%; } #cnb-secondaries > section:first-child { border-bottom: 1px solid #aeaeae; margin-bottom: 12px; margin-right: 0px; padding-bottom: 12px; } #cnb-secondaries > section:last-child { margin-left: 0px; } } @media (min-width: 481px) { /* Tablets & Desktops, all */ .cnb-responsiveDisplay-desktopTablet.cnb-display-block { display: block; } .cnb-responsiveDisplay-desktopTablet.cnb-display-flex { display: flex; } .cnb-responsiveDisplay-desktopTablet.cnb-display-inline { display: inline; } .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineBlock { display: inline-block; } .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineFlex { display: inline-flex; } .cnb-responsiveDisplay-desktop.cnb-display-block, .cnb-responsiveDisplay-desktop.cnb-display-flex, .cnb-responsiveDisplay-desktop.cnb-display-inline, .cnb-responsiveDisplay-desktop.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktop.cnb-display-inlineFlex, .cnb-responsiveDisplay-mobile.cnb-display-block, .cnb-responsiveDisplay-mobile.cnb-display-flex, .cnb-responsiveDisplay-mobile.cnb-display-inline, .cnb-responsiveDisplay-mobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-mobile.cnb-display-inlineFlex, .cnb-responsiveDisplay-tablet.cnb-display-block, .cnb-responsiveDisplay-tablet.cnb-display-flex, .cnb-responsiveDisplay-tablet.cnb-display-inline, .cnb-responsiveDisplay-tablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-tablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-tabletMobile.cnb-display-block, .cnb-responsiveDisplay-tabletMobile.cnb-display-flex, .cnb-responsiveDisplay-tabletMobile.cnb-display-inline, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineFlex { display: none; } } @media (min-width: 481px) and (max-width: 1301px) { /* Small Desktops down through Tablets (to Mobile) */ } @media (max-width: 526px) { #cnb-emailSignUp .cnb-subscribeFooter { width: calc(526px + (526 - 320) * ((100vw - 526px) / (526 - 320))); } #cnb-emailSignUp input[type="email"] { width: calc(70% - 20px); } #cnb-emailSignUp button { width: calc(30% + 20px); } } @media (max-width: 480px) { /* Mobiles */ /* ######################################### */ /* ### BEGIN Static Landing Page Styling ### */ .cnb-staticLandingPage .cnb-2ColLayout { display: block; } .cnb-staticLandingPage .cnb-2ColLayout .cnb-column:first-of-type { border-bottom: none; } .cnb-staticLandingPage .cnb-2ColLayout .cnb-column:last-of-type { border-left: 1px solid #000; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-outerBorderOnly .cnb-column:first-of-type { border-right: 1px solid #ccc; } .cnb-staticLandingPage .cnb-2ColLayout.cnb-outerBorderOnly .cnb-column:last-of-type { border-left: 1px solid #ccc; } #cnb-bottomNavigation { display: block; text-align: center; } #cnb-bottomNavigation > .cnb-footerNavColumn { display: block; margin: .5rem .25rem; width: calc(100% - .5rem); } .cnb-responsiveDisplay-mobile.cnb-display-block { display: block; } .cnb-responsiveDisplay-mobile.cnb-display-flex { display: flex; } .cnb-responsiveDisplay-mobile.cnb-display-inline { display: inline; } .cnb-responsiveDisplay-mobile.cnb-display-inlineBlock { display: inline-block; } .cnb-responsiveDisplay-mobile.cnb-display-inlineFlex { display: inline-flex; } .cnb-responsiveDisplay-desktop.cnb-display-block, .cnb-responsiveDisplay-desktop.cnb-display-flex, .cnb-responsiveDisplay-desktop.cnb-display-inline, .cnb-responsiveDisplay-desktop.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktop.cnb-display-inlineFlex, .cnb-responsiveDisplay-desktopTablet.cnb-display-block, .cnb-responsiveDisplay-desktopTablet.cnb-display-flex, .cnb-responsiveDisplay-desktopTablet.cnb-display-inline, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-desktopTablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-tablet.cnb-display-block, .cnb-responsiveDisplay-tablet.cnb-display-flex, .cnb-responsiveDisplay-tablet.cnb-display-inline, .cnb-responsiveDisplay-tablet.cnb-display-inlineBlock, .cnb-responsiveDisplay-tablet.cnb-display-inlineFlex, .cnb-responsiveDisplay-tabletMobile.cnb-display-block, .cnb-responsiveDisplay-tabletMobile.cnb-display-flex, .cnb-responsiveDisplay-tabletMobile.cnb-display-inline, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineBlock, .cnb-responsiveDisplay-tabletMobile.cnb-display-inlineFlex { display: none; } .cnb-collapsibleResponsiveNav { max-width: calc(320px - 2rem); } .cnb-display-mobile.cnb-display-block { display: block; } .cnb-display-mobile.cnb-display-inline { display: inline; } .cnb-display-mobile.cnb-display-inlineBlock { display: inline-block; } } /* ### END Responsiveness ### */ /* ############################ */ .cnb-display-mobile.cnb-display-block { display: block; } .cnb-display-mobile.cnb-display-inline { display: inline; } .cnb-display-mobile.cnb-display-inlineBlock { display: inline-block; } /* ####################################################################################*/ /* ### START WDRD-336 - Override .ui Classes for PDP Size Guide Overlay and Buttons ###*/ .clothing-size-guides .size_guide .tabdata { font-family: 'GothamBook', sans-serif; } .clothing-size-guides .ui-widget-header { height: 4.25rem; } .clothing-size-guides .ui-tabs-nav li.label.js-tab-toggle, .clothing-size-guides ul.ui-tabs-nav.ui-widget-header li.label.js-tab-toggle.sizechart-MissySizeChart-1, .clothing-size-guides ul.ui-tabs-nav.ui-widget-header li.label.js-tab-toggle.sizechart-PetiteSizeChart-1, .clothing-size-guides ul.ui-tabs-nav.ui-widget-header li.label.js-tab-toggle.sizechart-WomenSizeChart-1 { display: inline-block; font-size: .8125rem; height: 100%; max-width: calc(33% - .375rem); padding-left: .375rem; padding-right: .375rem; vertical-align: top; } @media (max-width: 820px) { .clothing-size-guides .size-chart-info .section-header { font-size: calc(13px + (13 - 10) * ((100vw - 820px) / (820 - 320))); } .ui-dialog.ui-widget.ui-widget-content.all-sizes-guide { border-radius: .375rem; max-width: calc(100% - 1.25rem); } } /* ### END WDRD-336 - Override .ui Classes for PDP Size Guide Overlay and Buttons ###*/ /* ####################################################################################*/ .home-bottom-slots { max-width: 100%; } .home-bottom-slots .home-bottom-center, .home-bottom-slots .home-bottom-left, .home-bottom-slots .home-bottom-right { clear: none; width: 100%; } @media screen and (min-width: 960px) { .home-bottom-slots .home-bottom-center, .home-bottom-slots .home-bottom-left, .home-bottom-slots .home-bottom-right { float: left; width: 100%; } } .home-bottom-slots { margin: 67px 0 0; display: inline-block; } @media screen and (min-width: 768px) { #wrapper .content-wrapper { width: 100% !important; } } .content-wrapper { max-width: 1302px; margin: 0 auto; width: 100%; } .home-bottom-center { width: 100%; margin: auto; max-width: 100%; position: relative; } .home-bottom-right { font-family: Lato,sans-serif; width: 100%; margin: auto; max-width: 100%; position: relative; text-align: center; float: left; } .fa { float: right; } @media screen and (min-width: 1031px) and (max-width: 1302px) { .content-wrapper { max-width: 1302px; margin: 0 auto; width: 98% !important; } .home-bottom-right { width: 100%; } } @media screen and (max-width: 1030px) { div#main { padding: 0 16px; width: 100%; box-sizing: border-box; } .home-bottom-center, .home-bottom-left { width: 100% !important; } .home-bottom-right { clear: both; float: none; width: 100% !important; } } @media screen and (max-width: 767px) { input { font-size: 16px !important; } } @media screen and (max-width: 767px) { div #main { padding: 0; } #main { margin: 0; padding: 0; } } .home-bottom-slots { margin: 0px 0 0 !important; } div#main { padding: 0 !important; } @media all { .cbk-dropdownButtonContainer { color: #000; display: inline-block; font-family: 'GothamMedium', sans-serif; font-size: 11px; font-weight: 700; max-width: 233px; position: relative; width: 100%; } .cbk-dropdownButtonContainer .cbk-dropdownButton { background-color: #fff; border: 1px solid #000; color: #000; cursor: pointer; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: .24em; margin: 0px; padding: 16px; white-space: nowrap; width: 100%; } .cbk-dropdownButtonContainer .cbk-dropdownButton:hover, .cbk-dropdownButtonContainer .cbk-dropdownButton:focus { background-color: rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 0 1px #000; -webkit-box-shadow: inset 0 0 0 1px #000; -moz-box-shadow: inset 0 0 0 1px #000; -ms-box-shadow: inset 0 0 0 1px #000; -o-box-shadow: inset 0 0 0 1px #000; transition: all 200ms ease; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; } .cbk-buttonHiddenContent { background-color: transparent; display: none; margin: 3px 0px 0px 0px; min-width: 160px; position: absolute; width: 100%; z-index: 230; } .cbk-buttonHiddenContent li { color: inherit; display: block; font-family: inherit; font-size: inherit; font-weight: inherit; padding: 0px; text-align: center; } .cbk-buttonHiddenContent li a { background-color: rgba(255, 255, 255, 0.8); border: 1px solid #000; color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; letter-spacing: .24em; padding: 1.36em 0em; text-decoration: none; text-transform: uppercase; white-space: nowrap; width: calc(100% - 2px); } .cbk-buttonHiddenContent a:hover { background-color: #fff; box-shadow: inset 0 0 0 1px #000; -webkit-box-shadow: inset 0 0 0 1px #000; -moz-box-shadow: inset 0 0 0 1px #000; -ms-box-shadow: inset 0 0 0 1px #000; -o-box-shadow: inset 0 0 0 1px #000; transition: all 200ms ease; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; } .cbk-dropdownButton .fa { display: inline; float: none; font-size: 90%; margin-left: .5em; } .cbk-dropdownButtonContainer button.cbk-dropdownButton.cbk-transparentOnDarkButton { background-color: transparent; border: 1px solid #fff; color: #fff; } .cbk-dropdownButtonContainer button.cbk-dropdownButton.cbk-transparentOnDarkButton:hover, .cbk-dropdownButtonContainer button.cbk-dropdownButton.cbk-transparentOnDarkButton:focus { background-color: rgba(255, 255, 255, 0.9); box-shadow: inset 0 0 0 1px #000; -webkit-box-shadow: inset 0 0 0 1px #000; -moz-box-shadow: inset 0 0 0 1px #000; -ms-box-shadow: inset 0 0 0 1px #000; -o-box-shadow: inset 0 0 0 1px #000; color: #000; } } @media all { .cbk-responsiveImg { width: 100%; } .home-bottom-slots { width: 100%; } .cbk-column span.cbk-innerContainer { display: block; margin-bottom: 12px; } .cbk-column.cbk-tallSpacing span.cbk-innerContainer { margin-bottom: 24px; } .cbk-column span.cbk-innerContainer.cbk-exception.cbk-vertSpacing0 { margin-bottom: 0px; } .cbk-column span.cbk-innerContainer.cbk-exception.cbk-vertSpacing12 { margin-bottom: 12px; } .cbk-column span.cbk-innerContainer.cbk-exception.cbk-vertSpacing48 { margin-bottom: 48px; } .cbk-column span.cbk-innerContainer:last-child, .cbk-column.cbk-tallSpacing span.cbk-innerContainer:last-child { margin-bottom: 0px; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject { background-color: #fff; color: #000; margin: 24px auto 0px auto; max-width: 1302px; position: relative; width: 100%; z-index: 1; } .cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject, .cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .cbk-columnInnerWrapper, .cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .cbk-innerContainer, .cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .cbk-columnInnerWrapper .cbk-insetWrapper { position: relative; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-columnWrapper { padding: 0px; position: relative; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-column { background-color: transparent; display: block; padding: 0px; position: relative; text-align: center; width: 100%; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-columnWrapper .cbk-column { display: inline-block; vertical-align: middle; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column { width: calc(33.3% - 3px); } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column:last-of-type { width: calc(66.7% - 3px); } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject.cbk-layout66_33 .cbk-containerObject.cbk-innerContainerObject .cbk-column { width: calc(66.7% - 3px); } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject.cbk-layout66_33 .cbk-containerObject.cbk-innerContainerObject .cbk-column:last-of-type { width: calc(33.3% - 3px); } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-columnWrapper.cbk-columnsWrapped03 .cbk-column { width: calc(33.3% - 3px); } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-columnWrapper.cbk-columnsWrapped04 .cbk-column { width: calc(25% - 4px); } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-fullSpanBar { display: block; width: 100%; } body .cbk-gotham, body .cbk-gothamMedium { font-family: 'GothamMedium', sans-serif; } body .cbk-gothamBook { font-family: 'GothamBook', sans-serif; } body .cbk-gothamLight { font-family: 'GothamLight', sans-serif; } body .cbk-playfair { font-family: 'Playfair Display', serif; } .cbk-innerContainer span.cbk-inlineTextHeadline { line-height: 1em; } body .cbk-capitalize { text-transform: capitalize; } body .cbk-uppercase { text-transform: uppercase; } body .cbk-lowercase { text-transform: lowercase; } body .cbk-italic { font-style: italic; } body .cbk-light { font-weight: 300; } body .cbk-center { text-align: center; } body .cbk-fontSize60 { font-size: 60px; } body .cbk-fontSize40 { font-size: 40px; } body .cbk-fontSize30 { font-size: 30px; } body .cbk-fontSize20 { font-size: 20px; } body .cbk-fontSize16 { font-size: 16px; } body .cbk-fontSize12 { font-size: 12px; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-disclaimerObject { margin: 2px auto 0px auto; width: 100%; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-disclaimerObject br { display: none; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-disclaimerObject p, .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-disclaimerObject p a { color: #56565a; font-size: 9px; padding-bottom: 0px; text-decoration: none; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-disclaimerObject p a:hover { text-decoration: underline; } } @media all and (max-width: 1301px) { body .cbk-fontSize60.cbk-responsiveText.cbk-downToThreeQuarters { font-size: calc(60px + (60 - 45) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize30.cbk-responsiveText.cbk-downToThreeQuarters { font-size: calc(30px + (30 - 22.5) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize16.cbk-responsiveText.cbk-downToThreeQuarters { font-size: calc(16px + (16 - 12) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize12.cbk-responsiveText.cbk-downToThreeQuarters { font-size: calc(12px + (12 - 10) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize40.cbk-responsiveText.cbk-downToTwoThirds { font-size: calc(40px + (40 - 26.67) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize20.cbk-responsiveText.cbk-downToTwoThirds { font-size: calc(20px + (20 - 13.33) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize16.cbk-responsiveText.cbk-downToTwoThirds { font-size: calc(16px + (16 - 10.67) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize60.cbk-responsiveText.cbk-downToHalf { font-size: calc(60px + (60 - 30) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize30.cbk-responsiveText.cbk-downToHalf { font-size: calc(30px + (30 - 15) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize16.cbk-responsiveText.cbk-downToHalf { font-size: calc(16px + (16 - 10) * ((100vw - 1301px) / (1301 - 320))); } body .cbk-fontSize60.cbk-responsiveText.cbk-forMobileDevices.cbk-downToThreeQuarters { font-size: 60px; } body .cbk-fontSize30.cbk-responsiveText.cbk-forMobileDevices.cbk-downToThreeQuarters { font-size: 30px; } body .cbk-fontSize20.cbk-responsiveText.cbk-forMobileDevices.cbk-downToTwoThirds { font-size: 20px; } } @media all and (min-width: 768px) and (max-width: 1301px) { body .cbk-fontSize60.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToThreeQuarters { font-size: calc(60px + (60 - 45) * ((100vw - 1301px) / (1301 - 768))); } body .cbk-fontSize30.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToThreeQuarters { font-size: calc(30px + (30 - 22.5) * ((100vw - 1301px) / (1301 - 768))); } body .cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToThreeQuarters { font-size: calc(16px + (16 - 12) * ((100vw - 1301px) / (1301 - 768))); } body .cbk-fontSize12.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToThreeQuarters { font-size: calc(12px + (12 - 10) * ((100vw - 1301px) / (1301 - 768))); } body .cbk-fontSize40.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToTwoThirds { font-size: calc(40px + (40 - 26.67) * ((100vw - 1301px) / (1301 - 768))); } body .cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToTwoThirds { font-size: calc(16px + (16 - 10.67) * ((100vw - 1301px) / (1301 - 768))); } body .cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToHalf { font-size: calc(16px + (16 - 10) * ((100vw - 1301px) / (1301 - 768))); } } @media all and (max-width: 767px) { body .cbk-fontSize60.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToThreeQuarters { font-size: 60px; } body .cbk-fontSize40.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToTwoThirds { font-size: 40px; } body .cbk-fontSize30.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToThreeQuarters { font-size: 30px; } body .cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToThreeQuarters, body .cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToTwoThirds, body .cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToHalf { font-size: 16px; } body .cbk-fontSize12.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToThreeQuarters { font-size: 12px; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column, .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column:last-of-type, .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject.cbk-layout66_33 .cbk-containerObject.cbk-innerContainerObject .cbk-column, .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject.cbk-layout66_33 .cbk-containerObject.cbk-innerContainerObject .cbk-column:last-of-type { display: block; width: 100%; } } @media all and (min-width: 481px) and (max-width: 1301px) { body .cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsersAndTablets.cbk-downToTwoThirds { font-size: calc(16px + (16 - 10.67) * ((100vw - 1301px) / (1301 - 481))); } body .cbk-fontSize30.cbk-responsiveText.cbk-forSmallBrowsersAndTablets.cbk-downToHalf { font-size: calc(30px + (30 - 15) * ((100vw - 1301px) / (1301 - 481))); } } @media all and (max-width: 480px) { .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject { width: 97%; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject { width: 100%; } .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-columnWrapper.cbk-columnsWrapped03 .cbk-column, .cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-columnWrapper.cbk-columnsWrapped04 .cbk-column { display: block; width: 100%; } body .cbk-fontSize60.cbk-responsiveText.cbk-forMobileDevices.cbk-downToThreeQuarters { font-size: calc(60px + (60 - 45) * ((100vw - 480px) / (480 - 320))); } body .cbk-fontSize30.cbk-responsiveText.cbk-forMobileDevices.cbk-downToThreeQuarters { font-size: calc(30px + (30 - 22.5) * ((100vw - 480px) / (480 - 320))); } body .cbk-fontSize20.cbk-responsiveText.cbk-forMobileDevices.cbk-downToTwoThirds { font-size: calc(20px + (20 - 13.33) * ((100vw - 480px) / (480 - 320))); } body .cbk-fontSize30.cbk-responsiveText.cbk-forSmallBrowsersAndTablets.cbk-downToHalf { font-size: 30px; } body .cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsersAndTablets.cbk-downToTwoThirds { font-size: 16px; } } @media only screen and (min-width: 1302px) { .content-wrapper { margin: 0px auto; max-width: 1302px; width: 98% !important; } } @media (min-width: 768px) and (max-width: 1301px) { .content-wrapper { margin: 0 auto; max-width: 1302px; width: 98% !important; } } div#allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer { --cbk_padBotVertSpacing_noSuffix: 78; --cbk_padBotVertSpacing_noSuffix_adj: calc(var(--cbk_padBotVertSpacing_noSuffix)); --cbk_padBotVertSpacing: calc(var(--cbk_padBotVertSpacing_noSuffix) * 1px); --cbk_padBotVertSpacing_adj: calc(var(--cbk_padBotVertSpacing_noSuffix_adj) * 1px); --cbk_padBotVertSpacingLowBound_noSuffix_adj: 17; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer { background-color: transparent; color: #fff; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 { background-color: #000; color: #fff; display: none; width: 100%; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 .cbk-columnInnerWrapper { padding: 12px; width: calc(100% - 24px); } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-containerObject.cbk-innerContainerObject .allHP-slot01-220720-wrap { background-color: transparent; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 { display: none; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing { margin-right: 12px; width: calc(33.3% - 15px); } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper { background-color: #dd1250; background-position: center center; background-repeat: repeat-y; background-size: auto 100%; height: auto; padding: 0px; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-insetWrapper { background-color: transparent; margin: 0px auto; padding: var(--cbk_padBotVertSpacing) 0px; width: calc(100% - 0px); } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-innerContainer.part00 { padding: 12px 0px; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-innerContainer.part00b { background-color: #fff; color: #3e3e3e; padding: 12px 0px; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-innerContainer.part01 { line-height: normal; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-containerObject.cbk-innerContainerObject img.cbk-responsiveImg { width: 100%; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot01-hero-01.cbk-responsiveImg, #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot01-hero-02.cbk-responsiveImg { max-width: 868px; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot01-lockup-01.cbk-responsiveImg { max-width: 235px; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot01-hero-01.cbk-responsiveImg { margin-bottom: -3px; margin-right: -5px; } @media (min-width: 768px) and (max-width: 1301px) { #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing { margin-right: calc(12px + (12 - 6) * ((100vw - 1301px) / (1301 - 768))); width: calc(33.3% - calc(15px + (15 - 9) * ((100vw - 1301px) / (1301 - 768)))); } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-insetWrapper { height: calc(444px + (444 - 320) * ((100vw - 1301px) / (1301 - 768))); padding: calc(var(--cbk_padBotVertSpacing_adj) + (var(--cbk_padBotVertSpacing_noSuffix) - var(--cbk_padBotVertSpacingLowBound_noSuffix_adj)) * ((100vw - 1301px) / (1301 - 768))) 0px; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot01-lockup-01.cbk-responsiveImg { max-width: calc(235px + (235 - 140) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-column.cbk-col02 span.cbk-innerContainer.cbk-exception.cbk-vertSpacing48 { margin-bottom: calc(48px + (48 - 18) * ((100vw - 1301px) / (1301 - 768))); } } @media (max-width: 767px) { #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 { display: block; width: 100%; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing { margin-right: 0px; width: 100%; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-insetWrapper { height: auto; padding: 0px 0px 24px 0px; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 { display: none; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot01-hero-02.cbk-responsiveImg { margin-bottom: -3px; } #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper { background-size: 100% auto; background-repeat: no-repeat; } } @media (max-width: 500px) { #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper { background-size: auto 100%; } } @media (max-width: 480px) { #allHP-slot01-220720-upTo70PercOffSaleClearance-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-dropdownButtonContainer .cbk-dropdownButton { font-size: calc(11px + (11 - 10) * ((100vw - 480px) / (480 - 320))); } } div#allHP-slot02-220720-25PercOffNew-outerContainer { --cbk_padBotVertSpacing_noSuffix: 74.5; --cbk_padBotVertSpacing_noSuffix_adj: calc(var(--cbk_padBotVertSpacing_noSuffix) - 1); --cbk_padBotVertSpacing: calc(var(--cbk_padBotVertSpacing_noSuffix) * 1px); --cbk_padBotVertSpacing_adj: calc(var(--cbk_padBotVertSpacing_noSuffix_adj) * 1px); --cbk_padBotVertSpacingLowBound_noSuffix_adj: 19; } #allHP-slot02-220720-25PercOffNew-outerContainer { background-color: transparent; color: #525252; } #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-containerObject.cbk-innerContainerObject .allHP-slot02-220720-wrap { background-color: transparent; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 { display: none; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing { margin-right: 12px; width: calc(33.3% - 15px); } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-innerContainer.part00 { background-color: #4c598d; color: #fff; padding: 6px 0px; visibility: hidden; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper { background-color: #fff; background-image: url(/Content/https:/dev.christopherandbanks.com/on/demandware.static/-/Sites-CBKB2C-Library/default/dwb43aa48d/images/homepage/2022/06/220603/060322_HP_Slot1_bkrnd.jpg); background-position: center center; background-repeat: repeat-y; background-size: auto 100%; height: auto; padding: 24px 24px; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-insetWrapper { background-color: #fff; margin: 0px auto; padding: 24px 0px var(--cbk_padBotVertSpacing) 0px; width: calc(100% - 0px); } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-innerContainer.part00 { margin-bottom: var(--cbk_padBotVertSpacing); } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-innerContainer.part01 { line-height: normal; } #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-containerObject.cbk-innerContainerObject img.cbk-responsiveImg { width: 100%; } #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot02-hero-01.cbk-responsiveImg, #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot02-hero-02.cbk-responsiveImg { max-width: 868px; } #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot02-lockup-01.cbk-responsiveImg { max-width: 235px; } #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot02-hero-01.cbk-responsiveImg { margin-bottom: -3px; } @media (min-width: 768px) and (max-width: 1301px) { body #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-col02 .part00.cbk-fontSize16.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToHalf { font-size: calc(16px + (16 - 9) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing { margin-right: calc(12px + (12 - 6) * ((100vw - 1301px) / (1301 - 768))); width: calc(33.3% - calc(15px + (15 - 9) * ((100vw - 1301px) / (1301 - 768)))); } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-insetWrapper { padding: 24px 0px calc(calc(var(--cbk_padBotVertSpacing_noSuffix_adj) * 1px) + (var(--cbk_padBotVertSpacing_noSuffix_adj) - var(--cbk_padBotVertSpacingLowBound_noSuffix_adj)) * ((100vw - 1301px) / (1301 - 768))) 0px; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-innerContainer.part00 { margin-bottom: calc(calc(var(--cbk_padBotVertSpacing_noSuffix_adj) * 1px) + (var(--cbk_padBotVertSpacing_noSuffix_adj) - var(--cbk_padBotVertSpacingLowBound_noSuffix_adj)) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot02-lockup-01.cbk-responsiveImg { max-width: calc(235px + (235 - 140) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-dropdownButtonContainer .cbk-dropdownButton { font-size: calc(11px + (11 - 7) * ((100vw - 1301px) / (1301 - 768))); max-width: 90%; } #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-column.cbk-col02 span.cbk-innerContainer.cbk-exception.cbk-vertSpacing48 { margin-bottom: calc(48px + (48 - 18) * ((100vw - 1301px) / (1301 - 768))); } } @media (max-width: 767px) { #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 { border-bottom: calc(10px + (10 - 5) * ((100vw - 767px) / (767 - 320))) solid #fff; display: block; width: 100%; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing { margin-right: 0px; width: 100%; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-insetWrapper { height: auto; padding: 24px 0px; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-innerContainer.part00 { margin-bottom: 24px; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 { display: none; } #allHP-slot02-220720-25PercOffNew-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot02-hero-02.cbk-responsiveImg { margin-bottom: -3px; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper { background-size: 100% auto; background-repeat: no-repeat; } #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-innerContainer.part00 { display: none; } } @media (max-width: 500px) { #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02.cbk-tallSpacing .cbk-columnInnerWrapper { background-size: auto 100%; } } @media (max-width: 480px) { #allHP-slot02-220720-25PercOffNew-outerContainer.cbk-layout33_66 .cbk-containerObject.cbk-innerContainerObject .cbk-dropdownButtonContainer .cbk-dropdownButton { font-size: calc(11px + (11 - 10) * ((100vw - 480px) / (480 - 320))); } } #allHP-slot03-220720-summerMustHaves-outerContainer { background-color: transparent; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject { background-color: transparent; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 { display: none; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 .cbk-innerContainer.part00 { margin-bottom: 24px; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column .cbk-innerContainer.part01 { height: 3.5em; margin-left: auto; margin-right: auto; max-width: 250px; padding: 0px 6px; width: calc(100% - 12px); } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject img.cbk-responsiveImg { width: 100%; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot03-hero-01.cbk-responsiveImg, #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot03-hero-02.cbk-responsiveImg, #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot03-hero-03.cbk-responsiveImg { max-width: 426px; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-dropdownButtonContainer .cbk-dropdownButton { font-size: 10.5px; } @media (min-width: 768px) and (max-width: 1301px) { #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 .cbk-innerContainer.part00, #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-column.cbk-tallSpacing span.cbk-innerContainer { margin-bottom: calc(24px + (24 - 12) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-column.cbk-tallSpacing span.cbk-innerContainer:last-child { margin-bottom: 0px; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-dropdownButtonContainer .cbk-dropdownButton { font-size: calc(11px + (11 - 11) * ((100vw - 1301px) / (1301 - 768))); } } @media (min-width: 481px) and (max-width: 767px) { #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 .cbk-innerContainer.part00, #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-column.cbk-tallSpacing span.cbk-innerContainer { margin-bottom: calc(12px + (12 - 6) * ((100vw - 767px) / (767 - 481))); } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column .cbk-innerContainer.part01 { height: 5.334em; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-column.cbk-tallSpacing span.cbk-innerContainer:last-child { margin-bottom: 0px; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-dropdownButtonContainer .cbk-dropdownButton { font-size: calc(11px + (11 - 9.5) * ((100vw - 767px) / (767 - 481))); } } @media (max-width: 480px) { #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column { margin-bottom: calc(24px + (24 - 24) * ((100vw - 480px) / (480 - 320))); } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column:last-child { margin-bottom: 0px; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 .cbk-innerContainer.part00, #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-column.cbk-tallSpacing span.cbk-innerContainer { margin-bottom: calc(12px + (12 - 6) * ((100vw - 480px) / (480 - 320))); } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column .cbk-innerContainer.part01 { height: auto; } #allHP-slot03-220720-summerMustHaves-outerContainer .cbk-column.cbk-tallSpacing span.cbk-innerContainer:last-child { margin-bottom: 0px; } } #allHP-slot04-220720-summerCollections-outerContainer { background-color: transparent; color: #525252; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject { background-color: #fff; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column { width: calc(33.3% - 11px); } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 { display: none; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 { margin-right: 8px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 { background-color: #f4f4f4; margin-left: 4px; margin-right: 4px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper { padding: 24px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper .cbk-insetWrapper { background-color: #f4f4f4; padding: 127px 0px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col04 { margin-left: 8px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper .cbk-innerContainer.part01 { margin: 0px auto 24px auto; max-width: 327px; width: 100%; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper .cbk-innerContainer.part02 { margin-bottom: 12px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject img.cbk-responsiveImg { width: 100%; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot04-hero-01.cbk-responsiveImg, #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot04-hero-02.cbk-responsiveImg, #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot04-hero-01b.cbk-responsiveImg, #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot04-hero-02b.cbk-responsiveImg { margin-bottom: -2px; max-width: 426px; } @media (min-width: 1302px) and (max-width: 1320px) { #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper .cbk-insetWrapper { padding: calc(127px + (127 - 127) * ((100vw - 1320px) / (1320 - 1302))) 0px; } } @media (min-width: 768px) and (max-width: 1301px) { #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper .cbk-insetWrapper { padding: calc(127px + (127 - 44) * ((100vw - 1301px) / (1301 - 768))) 0px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper .cbk-innerContainer.part01 { height: 3.6em; margin: 0px auto calc(24px + (24 - 12) * ((100vw - 1301px) / (1301 - 768))) auto; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-column.cbk-tallSpacing span.cbk-innerContainer { margin-bottom: calc(24px + (24 - 12) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot04-220720-summerCollections-outerContainer .cbk-column span.cbk-innerContainer:last-child, #allHP-slot04-220720-summerCollections-outerContainer .cbk-column.cbk-tallSpacing span.cbk-innerContainer:last-child { margin-bottom: 0px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03.cbk-tallSpacing .cbk-columnInnerWrapper .cbk-innerContainer.part02 { margin-bottom: calc(12px + (12 - 6) * ((100vw - 1301px) / (1301 - 768))); } } @media (max-width: 767px) { #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 { display: block; margin-bottom: 3px; width: 100%; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02, #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col04 { display: none; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 { margin: 0px; width: 100%; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper { padding: 24px; } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 .cbk-innerContainer.part00 { display: inline-block; margin: 0px; vertical-align: middle; width: calc(50% - 2px); } #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper .cbk-insetWrapper { height: auto; padding: 0px; } } @media (max-width: 480px) { #allHP-slot04-220720-summerCollections-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col03 .cbk-columnInnerWrapper { padding: 24px; } body #allHP-slot04-220720-summerCollections-outerContainer .cbk-fontSize40.cbk-responsiveText.cbk-forSmallBrowsers.cbk-downToTwoThirds { font-size: calc(40px + (40 - 32) * ((100vw - 480px) / (480 - 320))); } } div#allHP-slot05-220720-dressesSkirts-outerContainer { --cbk_padTopBotVertSpacing_noSuffix: 163.5; --cbk_padTopBotVertSpacing_noSuffix_adj: calc(var(--cbk_padTopBotVertSpacing_noSuffix) - 7); --cbk_padTopBotVertSpacing: calc(var(--cbk_padTopBotVertSpacing_noSuffix) * 1px); --cbk_padTopBotVertSpacing_adj: calc(var(--cbk_padTopBotVertSpacing_noSuffix_adj) * 1px); } #allHP-slot05-220720-dressesSkirts-outerContainer { background-color: transparent; color: #525252; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject { background-color: transparent; } #allHP-slot05-220720-dressesSkirts-outerContainer.cbk-layout66_33 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 { margin-right: 4px; width: calc(66.7% - 7px); } #allHP-slot05-220720-dressesSkirts-outerContainer.cbk-layout66_33 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 { margin-left: 4px; margin-top: -3px; width: calc(33.3% - 7px); } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper { background-color: #f4f4f4; padding: 24px; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper .cbk-insetWrapper { background-color: transparent; padding: var(--cbk_padTopBotVertSpacing) 0px; position: relative; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper .cbk-innerContainer.part01 { color: inherit; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper .cbk-innerContainer.part02 { color: #525252; margin-left: auto; margin-right: auto; max-width: 278px; width: 100%; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject img.cbk-responsiveImg { width: 100%; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot05-hero-01.cbk-responsiveImg { max-width: 868px; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-dropdownButtonContainer .cbk-dropdownButton { font-size: 10.5px; } @media (min-width: 768px) and (max-width: 1301px) { #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-innerContainer span.cbk-inlineTextHeadline { line-height: calc(1em + (1 - .8) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-column.cbk-col02.cbk-tallSpacing span.cbk-innerContainer { margin-bottom: calc(24px + (24 - 12) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-column.cbk-col02.cbk-tallSpacing span.cbk-innerContainer:last-child { margin-bottom: 0px; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-column.cbk-col02.cbk-tallSpacing span.cbk-innerContainer.cbk-exception.cbk-vertSpacing12 { margin-bottom: 12px; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper { padding: 24px; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper .cbk-insetWrapper { padding: calc(calc(var(--cbk_padTopBotVertSpacing_noSuffix_adj) * 1px) + (var(--cbk_padTopBotVertSpacing_noSuffix_adj) - 63.5) * ((100vw - 1301px) / (1301 - 768))) 0px; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper .cbk-innerContainer.part02 { max-width: calc(278px + (278 - 210) * ((100vw - 1301px) / (1301 - 768))); } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-dropdownButtonContainer .cbk-dropdownButton { font-size: calc(10.5px + (10.5 - 7.75) * ((100vw - 1301px) / (1301 - 768))); } } @media (max-width: 767px) { #allHP-slot05-220720-dressesSkirts-outerContainer.cbk-layout66_33 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col01 { margin-right: 0px; width: 100%; } #allHP-slot05-220720-dressesSkirts-outerContainer.cbk-layout66_33 .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 { margin-left: 0px; margin-top: calc(7px + (7 - 1) * ((100vw - 767px) / (767 - 320))); width: 100%; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper { background-size: 100% auto; } #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper .cbk-insetWrapper { padding: 0px; } } @media (max-width: 480px) { #allHP-slot05-220720-dressesSkirts-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col02 .cbk-columnInnerWrapper { background-size: auto 100%; } } #allHP-slot06-220720-waysToShop-outerContainer { background-color: transparent; color: #3e3e3e; } #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject { background-color: transparent; } #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-columnInnerWrapper { border-left: 2px solid #707070; padding: 12px; } #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-column.cbk-col01 .cbk-columnInnerWrapper { border-left: none; } #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 { color: #646464; margin-bottom: 48px; } #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject img.cbk-responsiveImg { width: 100%; } #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot06-icon-01.cbk-responsiveImg, #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot06-icon-02.cbk-responsiveImg, #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot06-icon-03.cbk-responsiveImg, #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject img#cbk-220720-slot06-icon-04.cbk-responsiveImg { max-width: 100px; } @media (min-width: 1302px) { #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-columnInnerWrapper { min-height: 242px; } } @media (min-width: 768px) and (max-width: 1301px) { #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-columnInnerWrapper { min-height: calc(242px + (242 - 260) * ((100vw - 1301px) / (1301 - 768))); } } @media (min-width: 481px) and (max-width: 767px) { #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-columnInnerWrapper { min-height: 209px; } #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset.cbk-containerObject.cbk-outerContainerObject .cbk-containerObject.cbk-innerContainerObject .cbk-columnWrapper.cbk-columnsWrapped04 .cbk-column { width: calc(50% - 3px); } #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-columnInnerWrapper { border-bottom: 2px solid #707070; } #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-column.cbk-col01 .cbk-columnInnerWrapper, #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-column.cbk-col03 .cbk-columnInnerWrapper { border-left: none; } #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-column.cbk-col03 .cbk-columnInnerWrapper, #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-column.cbk-col04 .cbk-columnInnerWrapper { border-bottom: none; } } @media (max-width: 767px) { #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 { margin-bottom: 24px; } } @media (max-width: 480px) { #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-columnInnerWrapper { border-bottom: 2px solid #707070; border-left: none; } #allHP-slot06-220720-waysToShop-outerContainer.cbk-contentAsset .cbk-containerObject.cbk-innerContainerObject .allHP-slot06-220720-wrap .cbk-column.cbk-col04 .cbk-columnInnerWrapper { border-bottom: none; } #allHP-slot06-220720-waysToShop-outerContainer .cbk-containerObject.cbk-innerContainerObject .cbk-column.cbk-col00 { margin-bottom: 12px; } } .home-bottom-slots { margin: 0px 0 0 !important; } .cbk-dropdownButtonContainer { color: #000; display: inline-block; font-family: 'GothamMedium', sans-serif; font-size: 11px; font-weight: 700; max-width: 233px; position: relative; width: 100%; } .cbk-dropdownButtonContainer .cbk-dropdownButton { background-color: #fff; border: 1px solid #000; color: #000; cursor: pointer; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: .24em; margin: 0px; padding: 16px; white-space: nowrap; width: 100%; } .cbk-dropdownButtonContainer .cbk-dropdownButton:hover, .cbk-dropdownButtonContainer .cbk-dropdownButton:focus { background-color: rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 0 1px #000; -webkit-box-shadow: inset 0 0 0 1px #000; -moz-box-shadow: inset 0 0 0 1px #000; -ms-box-shadow: inset 0 0 0 1px #000; -o-box-shadow: inset 0 0 0 1px #000; transition: all 200ms ease; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; } .cbk-buttonHiddenContent { background-color: transparent; display: none; margin: 3px 0px 0px 0px; min-width: 160px; position: absolute; width: 100%; z-index: 230; } .cbk-buttonHiddenContent li { color: inherit; display: block; font-family: inherit; font-size: inherit; font-weight: inherit; padding: 0px; text-align: center; } .cbk-buttonHiddenContent li a { background-color: rgba(255, 255, 255, 0.8); border: 1px solid #000; color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; letter-spacing: .24em; padding: 1.36em 0em; text-decoration: none; text-transform: uppercase; white-space: nowrap; width: calc(100% - 2px); } .cbk-buttonHiddenContent a:hover { background-color: #fff; box-shadow: inset 0 0 0 1px #000; -webkit-box-shadow: inset 0 0 0 1px #000; -moz-box-shadow: inset 0 0 0 1px #000; -ms-box-shadow: inset 0 0 0 1px #000; -o-box-shadow: inset 0 0 0 1px #000; transition: all 200ms ease; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; } .cbk-dropdownButton .fa { display: inline; float: none; font-size: 90%; margin-left: .5em; } .cbk-dropdownButtonContainer button.cbk-dropdownButton.cbk-transparentOnDarkButton { background-color: transparent; border: 1px solid #fff; color: #fff; } .cbk-dropdownButtonContainer button.cbk-dropdownButton.cbk-transparentOnDarkButton:hover, .cbk-dropdownButtonContainer button.cbk-dropdownButton.cbk-transparentOnDarkButton:focus { background-color: rgba(255, 255, 255, 0.9); box-shadow: inset 0 0 0 1px #000; -webkit-box-shadow: inset 0 0 0 1px #000; -moz-box-shadow: inset 0 0 0 1px #000; -ms-box-shadow: inset 0 0 0 1px #000; -o-box-shadow: inset 0 0 0 1px #000; color: #000; } /*! CSS Used from: Embedded */ @media screen and (max-width: 767px) { input { font-size: 16px !important; } } #homePageContainer { margin-top: 1rem; } #toggle-giftcert-button, #toggle-giftcert, #gift-card-captcha { display: none; } .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; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } 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; } } @media (min-width: 601px) and (max-width: 895px) { .form-horizontal .form-group .col-md-9:nth-child(3) { width: 100%; } } #recentlyViewedItems.row, #frequentlyboughtItems.row, #alsoboughtItems.row { margin-left: 0; margin-right: 0; } #recentlyViewedItems .col-md-12.col-sm-12.col-xs-12, #frequentlyboughtItems .col-md-12.col-sm-12.col-xs-12, #alsoboughtItems .col-md-12.col-sm-12.col-xs-12 { float: none; margin: 0 auto; max-width: 83.333333%; } #recentlyViewedItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack, #recentlyViewedItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack, #recentlyViewedItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack, #frequentlyboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack, #alsoboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack, #alsoboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack, #alsoboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack { margin-right: 40px; max-width: 240px; padding: 0; vertical-align: top; } #recentlyViewedItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a, #recentlyViewedItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:link, #recentlyViewedItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:active, #recentlyViewedItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:visited, #recentlyViewedItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a, #recentlyViewedItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:link, #recentlyViewedItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:active, #recentlyViewedItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:visited, #recentlyViewedItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a, #recentlyViewedItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:link, #recentlyViewedItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:active, #recentlyViewedItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:visited, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:link, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:active, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:visited, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:link, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:active, #frequentlyboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:visited, #frequentlyboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a, #frequentlyboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:link, #frequentlyboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:active, #frequentlyboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:visited, #alsoboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a, #alsoboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:link, #alsoboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:active, #alsoboughtItems .col-xs-6.col-md-3.AlsoViewed-container.prodTrack a:visited, #alsoboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a, #alsoboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:link, #alsoboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:active, #alsoboughtItems .col-xs-6.col-md-3.AlsoBought-container.prodTrack a:visited, #alsoboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a, #alsoboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:link, #alsoboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:active, #alsoboughtItems .col-xs-6.col-md-3.FreqPurchTogether-container.prodTrack a:visited { height: 100%; max-height: 210px; } @media (min-width: 896px) { .cnb-mainContentWrapper { margin-top: 20px; } } .cnb-button-dropdown .cnb-navLinks { background-color: transparent; } @media (min-width: 896px) { .cnb-collapsibleResponsiveNav > .cnb-navLinks > li > .cnb-catSubNav { display: none; } .cnb-collapsibleResponsiveNav > .cnb-navLinks > li:hover > .cnb-catSubNav { display: block; } } @media (min-width: 992px) { #recentlyViewedItems .col-md-3, #frequentlyboughtItems .col-md-3, #alsoboughtItems .col-md-3 { width: 20%; } } .css-checkmark { display: inline-block; transform: rotate(45deg) scale(0.8); height: 24px; width: 12px; border-bottom: 3px solid #78B13F; border-right: 3px solid #78B13F; } @media (max-width: 600px) { .cnb-navLinks { display: none; } #cnb-secondaries { background: none; display: flex; flex-direction: column; gap: 10px; } #cnb-secondaries > section { display: block; } #cnb-secondaries > section:first-child { margin: 0 auto; } #cnb-secondaries > section:last-child { margin: 0 auto; } #cnb-secondaries > section figure { margin: 0; } } #cnb-shoppingHeader { margin-bottom: 0; } #cnb-onlineStore_customerStatus { align-items: center; display: grid; grid-template-areas: "user" "logo"; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; position: relative; width: 100%; } @media (min-width: 768px) { #cnb-onlineStore_customerStatus { grid-template-areas: "logo user"; grid-template-columns: 1fr 1fr; grid-template-rows: auto; } } @media (min-width: 1024px) { #cnb-onlineStore_customerStatus { grid-template-areas: "null logo user"; grid-template-columns: 1fr 540px 1fr; } } #cnb-onlineStore_customerStatus > :first-child { display: grid; grid-area: user; grid-template-areas: "null search user bag"; grid-template-columns: 50% auto auto auto; grid-template-rows: auto; justify-self: normal; margin: 0; padding: 10px 0; position: relative; right: 0; text-align: right; width: auto; } @media (min-width: 480px) { #cnb-onlineStore_customerStatus > :first-child { gap: 10px; grid-template-areas: "search user bag"; grid-template-columns: auto; justify-content: end; margin-right: 10px; } } @media (min-width: 1024px) { #cnb-onlineStore_customerStatus > :first-child { display: block; justify-self: end; width: fit-content; } } #cnb-onlineStore_customerStatus > :first-child > :first-child { grid-area: user; } #cnb-onlineStore_customerStatus > :first-child > :nth-child(2) { grid-area: search; } #cnb-onlineStore_customerStatus > :first-child > :last-child { grid-area: bag; } #cnb-onlineStore_customerStatus > :last-child { grid-area: logo; position: relative; } #cnb-accountStatus a.dropbtn, #cnb-accountStatus a.dropbtn:link, #cnb-accountStatus a.dropbtn:active, #cnb-accountStatus a.dropbtn:hover, #cnb-accountStatus a.dropbtn:visited { align-items: center; background-color: transparent; border: none; display: flex; flex-direction: row-reverse; gap: 5px; padding: 0; text-decoration: none; } #cnb-accountStatus a.dropbtn .fa.fa-user, #cnb-accountStatus a.dropbtn:link .fa.fa-user, #cnb-accountStatus a.dropbtn:active .fa.fa-user, #cnb-accountStatus a.dropbtn:hover .fa.fa-user, #cnb-accountStatus a.dropbtn:visited .fa.fa-user { color: #000; font-size: 1.5rem; margin: 0; vertical-align: middle; } #cnb-accountStatus .cnb-accountStatusIndicator { font-family: 'GothamMedium'; font-size: .8rem; text-transform: uppercase; } .dropdown { position: relative; display: inline-block; } .dropdown-content { background-color: #5A5A5A; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); display: none; max-width: 220px; min-width: 160px; padding: 0; position: absolute; right: -2rem; top: 30px; width: 100%; z-index: 10001; } .dropdown-content.visible { display: block; } @media (min-width: 480px) { .dropdown-content { right: 0; } } .dropdown-content::before { content: ""; display: block; height: 15px; left: 0; position: absolute; top: -15px; width: 100%; } .dropdown-content a, .dropdown-content a:link, .dropdown-content a:active, .dropdown-content a:hover, .dropdown-content a:visited { color: white; padding: 5px 10px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:first-of-type { padding-top: 10px; } .dropdown-content a:last-of-type { padding-bottom: 10px; } .dropdown-content .up-arrow { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #57565B; display: block; margin: 0 auto; position: absolute; top: -9px; left: 50%; } @media (min-width: 480px) { .dropdown-content .up-arrow { right: 20%; left: auto; } } @media (min-width: 768px) { .dropdown-content .up-arrow { right: 10%; left: auto; } } @media (min-width: 1024px) { .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: transparent; } } .aa-Panel { transform: translateX(-100px); width: 500px !important; } .aa-Panel .aa-ItemLink, .aa-Panel .aa-ItemContentTitle { font-family: 'GothamBook', sans-serif; font-size: 14px; font-weight: 400; line-height: 1; } .aa-Panel .aa-ItemContentDescription, .aa-Panel .aa-ItemContentDescription { font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; line-height: 1; } .aa-Input::placeholder { text-transform: uppercase; } #cnb-permaLinks { display: grid; grid-template-areas: "perma nav"; grid-template-columns: 1fr 382px; } #cnb-permaLinks > :last-child { align-self: end; grid-area: nav; } #cnb-permaLinks #cnb-permaNav { max-width: 100%; } .aa-Item, .aa-ItemLink, .aa-ItemWrapper, .aa-ItemContentBody { display: block; } .aa-ItemContentTitle, .aa-ItemContentDescription strong, .aa-ItemContentDescription strong { font-size: 14px; line-height: 1.2; } .aa-ItemContent { grid-template-columns: 96px 1fr; } .aa-ItemContentTitle { overflow: unset; white-space: unset; } /* Generic */ .two-column { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; } @media (min-width: 480px) { .two-column { grid-template-columns: 1fr 1fr; } } .two-column.wallet, .two-column.profile { gap: 30px; } @media (min-width: 896px) { .two-column.wallet, .two-column.profile { margin-left: -45px; margin-right: -45px; padding: 30px 45px; } } .button, button[type="submit"] { background-color: black; border: 1px solid black; color: white; cursor: pointer; display: inline-block; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; letter-spacing: 0.9px; padding: 15px 20px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } .button.secondary, button[type="submit"].secondary { background-color: #8E8E8E; } .button.tertiary, button[type="submit"].tertiary { background-color: #EE0000; border: 1px solid #0A0201; } .button.turquoise, button[type="submit"].turquoise { background-color: #57B8B7; } .button + .button, button[type="submit"] + .button { margin-top: 10px; } .button.button__arrow, button[type="submit"].button__arrow { background-color: transparent; border-color: white; color: white; text-decoration: none; } .button.button__arrow:hover, button[type="submit"].button__arrow:hover { background-color: white; border-color: black; color: black; text-decoration: underline; } .button.button__arrow:hover a, button[type="submit"].button__arrow:hover a { color: black; } .button.button__arrow a, button[type="submit"].button__arrow a { color: white; } select:not(header select) { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; background-image: url(/Content/http:/image.em.shophq.com/lib/fe37157075640474721172/m/50/144a2e41-5606-43c3-b93a-621fcbc0ec9d.png); background-position: right 10px bottom 50%; background-size: 14px auto; background-repeat: no-repeat; border: 1px solid #CCC; box-sizing: border-box; display: block; font-family: 'museo-sans', Arial, sans-serif; font-size: 15px; height: 42px; margin: 0 0 20px 0; padding: 10px; text-overflow: unset; width: 100%; } input[type="text"]:not(header input), input[type="password"]:not(header input) { border: 1px solid #979797; color: #333; padding: 10px; } .form input { font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 400; line-height: 1; padding: 15px 10px; } p.error { display: none; } .form > div, .form .field { margin-bottom: 30px; } .form > div.error label, .form .field.error label { color: red; } .form > div.error p.error, .form .field.error p.error { color: red; font-size: 12px; font-weight: 400; line-height: 1; text-transform: none; } .form > div.error input[type="text"], .form .field.error input[type="text"] { border-color: red; } label.checkbox { cursor: pointer; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; line-height: 1.1; position: relative; text-transform: uppercase; } label.checkbox:hover input ~ .checkmark { border: 1px solid black; background-color: white; } label.checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } label.checkbox input:checked ~ .checkmark { background-color: black; } label.checkbox input:checked ~ .checkmark::after { display: block; } label.checkbox em { display: block; font-weight: 500; } label.checkbox .checkmark { background-color: white; border: 1px solid black; position: absolute; top: 0; left: 0; margin-top: 1px; height: 10px; width: 10px; } label.checkbox .text { padding-left: 1rem; } label.checkbox .text p { margin-bottom: 5px; } span.help::before { align-items: center; background-color: #DCDCDC; border-radius: 50%; color: white; content: "?"; display: inline-flex; font-family: 'GothamBook', sans-serif; font-size: 14px; font-weight: 700; height: 20px; justify-content: center; line-height: 1; width: 20px; } /* GlobalStyles overrides */ @media (max-width: 600px) { .cnb-navLinks { flex-wrap: wrap; } } nav { position: relative; } .aa-Form { border: none; border-bottom: 1px solid #BFBFBF; } .aa-Form:focus-within { border: 0; box-shadow: none; outline: none; } .aa-Input[type="search"] { border: none; color: #999; display: inline-block; font-family: 'GothamMedium'; font-size: .875rem; outline: none; vertical-align: bottom; width: 100%; } .aa-Input[type="search"]:focus { border: 0; } .aa-Input[type="search"], .aa-InputWrapperSuffix { height: unset; } #cnb-siteSearch .aa-Form button { padding: 0; } .aa-InputWrapperPrefix, .aa-Label, .aa-LoadingIndicator { height: auto; } @media (max-width: 600px) { #cnb-mainLogo img { width: 100%; } } .list-price-section .list-price { text-decoration: line-through; } @media (max-width: 600px) { #cnb-secondaries { padding: 0 20px; } .aa-DetachedSearchButtonIcon { display: block; } .aa-Panel { transform: none; } } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; } .breadcrumb { background-color: transparent; margin: 10px 0 0; padding: 0; } @media (max-width: 600px) { .breadcrumb { padding: 0 20px; } } .breadcrumb .fa.fa-home { display: none; } .breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb em, .breadcrumb span { color: #56565A !important; /* overriding inline styles that need to be removed */ font-family: 'Gotham', sans-serif !important; /* overriding inline styles that need to be removed */ font-size: 12px !important; /* overriding inline styles that need to be removed */ font-style: normal !important; /* overriding inline styles that need to be removed */ font-weight: 700 !important; /* overriding inline styles that need to be removed */ line-height: 1; } .breadcrumb em { margin-left: 10px; margin-right: 10px; } .breadcrumb a:not(.btn-back)::after { color: #56565A; content: '>'; margin: 0 8px; } .breadcrumb a[href="/"] { align-items: center; display: flex; } .breadcrumb a[href="/"]::after { content: "Home\00a0\00a0\00a0|"; } .breadcrumb > span, .breadcrumb li > span { color: #004745 !important; /* overriding inline styles that need to be removed */ font-weight: 700 !important; /* overriding inline styles that need to be removed */ } .breadcrumb.single .fa.fa-arrow-left { margin-right: 10px; } .breadcrumb.single a[href="/"]::after { display: none; } .hp-zone { margin-top: 20px; } .container { margin-top: 20px; position: relative; } .container__grid { display: grid; } .container__two-column { display: grid; gap: 20px; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); } @media (min-width: 896px) { .container__two-column { grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; } } .container__shop-now { align-items: center; display: grid; gap: 10px; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); } @media (min-width: 896px) { .container__shop-now { grid-template-columns: auto 30%; grid-template-rows: 1fr; } } .container__shop-now > div { padding: 20px; } .container__shop-now h2 { font-family: 'GothamMedium', sans-serif; font-size: 24px; font-style: italic; font-weight: 500; line-height: 1; margin: 0; text-transform: uppercase; } .container__shop-now p { font-family: 'GothamMedium', sans-serif; font-size: 16px; font-weight: 300; line-height: 1; margin: 10px 0 0; } .container__shop-now .button__arrow { max-width: 230px; width: 100%; } .container__shop-now .button__arrow .fa-arrow-right { display: inline; float: none; font-size: 90%; margin-left: 0.5rem; } .container__shop-now-with-image { align-items: center; display: flex; flex-direction: column; margin: 0; } .container__shop-now-with-image .image { margin: 40px 0 20px; max-width: 600px; width: 100%; } .container__shop-now-with-image .button { margin: 20px 0; } .container__shop-now-with-image .button__arrow { max-width: 230px; width: 100%; } .container__shop-now-with-image .button__arrow .fa-arrow-right { display: inline; float: none; font-size: 90%; margin-left: 0.5rem; } .container__two-across { align-items: center; display: grid; gap: 10px; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); justify-content: center; text-align: center; } @media (min-width: 896px) { .container__two-across { grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; } } .container__two-across .image img { height: 100%; object-fit: cover; } .container__two-across h2 { font-family: 'GothamBook', sans-serif; font-size: 24px; font-style: italic; font-weight: 300; line-height: 1; margin: 20px 0 0; text-transform: uppercase; } .container__two-across p { font-family: 'GothamBook', sans-serif; font-size: 16px; font-weight: 300; line-height: 1; margin: 20px auto; max-width: 370px; } .container__two-column { align-items: center; display: grid; gap: 20px; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); text-align: center; } @media (min-width: 896px) { .container__two-column { grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; } } .container__two-column .image img { height: 100%; object-fit: cover; } .container__two-column .text-bg { align-items: center; background-color: #F4F4F4; display: grid; height: 100%; min-height: 595px; text-align: center; } .container__two-column .text-bg h2 { font-family: 'Playfair Display', sans-serif; font-size: 60px; font-style: italic; font-weight: 300; line-height: 1; margin: 0; text-transform: capitalize; } .container__two-column .text-bg h3 { font-family: 'Gotham', sans-serif; font-size: 40px; font-weight: 300; line-height: 1; margin: 0; text-transform: uppercase; } .container__two-column .text-bg p { font-family: 'Gotham', sans-serif; font-size: 16px; font-weight: 300; line-height: 1; margin: 20px auto 0; max-width: 327px; } .container__two-column .text-bg .cnb-button-dropdown { margin-top: 20px; } .container__three-column { align-items: center; display: grid; gap: 20px; grid-template-columns: 1fr; grid-template-rows: repeat(3, 1fr); } @media (min-width: 896px) { .container__three-column { grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; } } .container__three-column .image img { height: 100%; object-fit: cover; } .container__three-column .text-bg { align-items: center; background-color: #F4F4F4; display: grid; height: 100%; min-height: 595px; text-align: center; } .container__three-column .text-bg h2 { font-family: 'Playfair Display', sans-serif; font-size: 60px; font-style: italic; font-weight: 300; line-height: 1; margin: 0; text-transform: capitalize; } .container__three-column .text-bg h3 { font-family: 'Gotham', sans-serif; font-size: 40px; font-weight: 300; line-height: 1; margin: 0; text-transform: uppercase; } .container__three-column .text-bg p { font-family: 'Gotham', sans-serif; font-size: 16px; font-weight: 300; line-height: 1; margin: 20px auto 0; max-width: 327px; } .container__three-column .text-bg .cnb-button-dropdown { margin-top: 20px; } .container__four-column { display: grid; gap: 20px; grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); } @media (min-width: 480px) { .container__four-column { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } } @media (min-width: 1024px) { .container__four-column { grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; } } .container__four-column .image img { height: 100%; object-fit: cover; } .container__four-column .text-bg { align-items: center; background-color: #F4F4F4; display: grid; height: 100%; min-height: 595px; text-align: center; } .container__four-column .text-bg h2 { font-family: 'Playfair Display', sans-serif; font-size: 60px; font-style: italic; font-weight: 300; line-height: 1; margin: 0; text-transform: capitalize; } .container__four-column .text-bg h3 { font-family: 'Gotham', sans-serif; font-size: 40px; font-weight: 300; line-height: 1; margin: 0; text-transform: uppercase; } .container__four-column .text-bg p { font-family: 'Gotham', sans-serif; font-size: 16px; font-weight: 300; line-height: 1; margin: 20px auto 0; max-width: 327px; } .container__four-column .text-bg .cnb-button-dropdown { margin-top: 20px; } .warn { color: red; } .strike { display: inline-block; position: relative; } .strike::before { border-top: 2px solid #D40000; content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%) rotate(-5deg); width: 100%; } .scroll-top-wrapper { background-color: #FAFAFA; border: 1px solid #999999; bottom: 0rem; cursor: pointer; height: 45px; position: fixed; right: 1rem; text-align: center; width: 65px; z-index: 70; } .scroll-top-wrapper.hidde { display: none; } .scroll-top-wrapper .scroll-top-inner { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; height: 100%; } .scroll-top-wrapper .scroll-top-inner .fa { font-size: 50px; line-height: 16px; } .archive { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); grid-gap: 32px; grid-auto-flow: dense; } /* Extra-wide grid-posts */ .article:nth-child(31n + 1) { grid-column: 1 / -1; } .article:nth-child(16n + 2) { grid-column: -3 / -1; } .article:nth-child(16n + 10) { grid-column: 1 / -2; } /* Single column display for phones */ @media (max-width: 459px) { .archive { display: flex; flex-direction: column; } } .cnb-actionBar { background-color: #BB1E62; color: white; padding: 6px 12px 4px 12px; position: absolute; text-align: center; top: 0; width: 100%; } .cnb-actionBar p { margin: 0; } .product-details__controls { min-width: 100%; } .c-cross-sell { text-align: center; margin-bottom: 30px; display: block; } .c-cross-sell::after { clear: both; content: ""; display: table; } .c-cross-sell .js-cross-sell__body.row { margin-left: 0; margin-right: 0; } .c-cross-sell_loading { display: none; } .c-cross-sell__body { display: block; } .c-cross-sell__body_loading { display: none; } .c-cross-sell__p { margin: 0; padding: 0; } .c-cross-sell__header { display: block; font-size: 30px; margin-bottom: 40px; margin-top: 30px; padding: 0; width: 100%; } .c-cross-sell__items { padding: 0; margin: 0; } .c-cross-sell__item { float: none; display: inline-block; padding: 0; margin: 0; } .c-cross-sell__list .c-cross-sell__items > .owl-carousel { display: flex; flex-direction: row; } .c-cross-sell__list .c-cross-sell__item { flex: 1 1 auto !important; display: flex; flex-direction: column; padding: 0 20px; margin: 0; } .c-cross-sell__thumbnail { display: block; margin: 0 auto 10px; } a.c-cross-sell__thumbnail { text-decoration: none !important; } .c-cross-sell__link { word-wrap: break-word; } .c-cross-sell__price-wrapper { display: block !important; margin: 0 auto !important; } .c-cross-sell__price-text { display: none; } .c-cross-sell__price-value { font-weight: 700; } .c-cross-sell__item-name { display: block; margin-bottom: 10px; text-align: center; width: 100%; } .c-cross-sell__carousel-control { background: transparent; cursor: pointer; margin: 0; padding: 0; padding-top: 90px; } .c-cross-sell__list .c-cross-sell__carousel-control { display: none; } .c-cross-sell__carousel .c-cross-sell__carousel-control { display: block; } .c-cross-sell__carousel-control.c-cross-sell__carousel-control_previous { text-align: left; } .c-cross-sell__carousel-control.c-cross-sell__carousel-control_next { text-align: right; } .c-cross-sell__carousel-control.c-cross-sell__carousel-control_disabled { color: #a3a3a3; cursor: not-allowed; pointer-events: all !important; } .modal-dialog { width: 100%; } .modal { --border-radius: 6px; background-color: black; background-color: rgba(0, 0, 0, 0.4); display: none; height: 100%; left: 0; overflow: auto; padding-top: 100px; position: fixed; top: 0; width: 100%; z-index: 9001; } .modal-content { background-color: white; border: 2px solid #888; border-radius: var(--border-radius); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); margin: auto; width: 90%; } @media (min-width: 896px) { .modal-content { width: 50%; } } .modal-content .heading { background-color: #E9E9E9; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); align-items: center; display: grid; grid-template-columns: 1fr 36px; grid-template-rows: 1fr; padding: 10px 15px; } .modal-content .heading h2 { margin: 0; } .modal-content .heading .close { background-color: transparent; border: none; float: none; font-size: 16px; opacity: 1; } .modal-content .bd { margin: 0 auto; min-height: 50px; padding: 30px 20px; } .modal-content .bd button { background-color: white; border: 1px solid #464646; border-radius: 4px; box-sizing: border-box; color: #464646; cursor: pointer; font-family: GothanLight, sans-serif; font-size: 14px; font-weight: 300; height: 45px; line-height: 20px; min-width: 45px; padding: 5px 10px; text-transform: uppercase; } .modal-content .bd button.selected { border: 3px solid #39B54A; } .modal-content .bd .button { font-weight: 500; text-decoration: none; } .modal-content .bd label { display: block; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 300; line-height: 1; margin: 0 0 10px; text-transform: uppercase; } .modal-content .bd p.note { margin: 0 0 5px; } .modal-content .bd input, .modal-content .bd .button { width: 100%; } .modal-content .bd .field { margin-top: 20px; } .modal-content .bd .two-column { gap: 10px; margin-top: 20px; } .modal-content .bd .two-column .field { min-height: 75px; } .modal-content .bd .two-column .button + .button { margin-top: 0; } .modal.add-edit-credit-card .modal-content { width: 30%; } .modal.add-edit-credit-card .modal-content .bd { max-width: 80%; } .credit-card-save-table { padding: 20px; } .credit-card-save-table .my-5 { text-align: left; } .credit-card-save-table .my-5 img { float: none !important; max-width: 100%; } @media (min-width: 480px) { .credit-card-save-table .my-5 img { max-width: 30%; } } #QuickViewModal .modal-body { padding-top: 0; } #QuickViewModal .modal-title + div a { text-decoration: none; } @media (min-width: 1200px) { #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child { display: grid; grid-template-areas: "thumbs image" "blank blank"; grid-template-columns: 25% auto; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child > .row:nth-child(1) { grid-area: image; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child > .row:nth-child(2) { display: grid; grid-area: thumbs; grid-template-areas: "thumbs thumbs" "nav1 nav2"; margin-left: 0; margin-right: 0; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child > .row:nth-child(2) #product-photos-carousel-prev + .col-md-7 { width: 100%; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child > .row:nth-child(2) #product-photos-carousel-prev + .col-md-7 .owl-item { margin-bottom: 6px; margin-right: 0 !important; width: auto !important; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child > .row:nth-child(2) > div:nth-child(2) { grid-area: thumbs; padding: 0; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child > .row:nth-child(2) #product-photos-carousel-next { grid-area: nav2; margin: 0; padding: 0; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child > .row:nth-child(2) #product-photos-carousel-prev { grid-area: nav1; margin: 0; padding: 0; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child .owl-nav { justify-content: space-between; display: flex; gap: 80%; margin-top: 0; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child .owl-nav.disabled { display: none !important; } } @media (min-width: 1200px) and (min-width: 1024px) { #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child .owl-nav { gap: 10px; grid-area: controls; justify-content: center; } } @media (min-width: 1200px) { #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child .owl-nav [class*='owl-'] { background: transparent; color: black; margin: 0; padding: 0; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child .owl-nav [class*='owl-'] a { background-position: center; background-repeat: no-repeat; display: block; min-width: 15px; text-decoration: none; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child #product-photos-carousel-next i { margin-left: 0; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child #product-photos-carousel-next i::before { background-image: url(/Content/https:/www.christopherandbanks.com/images/arrow-right.png); background-position: center; background-repeat: no-repeat; content: ""; display: block; height: 32px; transform: rotate(90deg) scale(1.5); width: 32px; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child #product-photos-carousel-prev i { margin-left: 0; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child #product-photos-carousel-prev i::before { background-image: url(/Content/https:/www.christopherandbanks.com/images/arrow-left.png); background-position: center; background-repeat: no-repeat; content: ""; display: block; height: 32px; transform: rotate(90deg) scale(1.5); width: 32px; } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:first-child .owl-dots { display: none; } } #QuickViewModal #quick-view-dialog > .row:last-child > .col-md-6:last-child { padding-top: 0 !important; } #QuickViewModal #quick-view-dialog #product-title { color: #464646; font-family: "Playfair Display", serif; font-size: 24px; font-style: normal; font-weight: 500; letter-spacing: 0.7px; margin-bottom: 10px; margin-top: 0; } #QuickViewModal #quick-view-dialog p.productOfferCode { font-size: 14px; font-weight: 300; line-height: 1.2; } #QuickViewModal #quick-view-dialog #color-carousel .item { align-items: center; cursor: pointer; display: flex; justify-content: center; list-style: none; max-height: 47px; max-width: 47px; min-height: 47px; min-width: 47px; } #QuickViewModal #quick-view-dialog #color-carousel .item img { border: 1px solid #56565A; border-radius: 50%; height: calc(100% - 4px); width: calc(100% - 4px); } #QuickViewModal #quick-view-dialog #product-size-group .quickViewSelectLabel, #QuickViewModal #quick-view-dialog #product-size .quickViewSelectLabel { margin-bottom: 0; } #QuickViewModal #quick-view-dialog #product-size-group ul, #QuickViewModal #quick-view-dialog #product-size ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; } #QuickViewModal #quick-view-dialog #product-size-group ul li, #QuickViewModal #quick-view-dialog #product-size ul li { list-style: none; padding: 0; } #QuickViewModal #quick-view-dialog #product-size-group ul li button, #QuickViewModal #quick-view-dialog #product-size ul li button { background-color: white; border: 1px solid #D1D9DB; color: black; padding: 6px 12px; } #QuickViewModal #quick-view-dialog #btnAddToCart { border-color: black; background-color: #EE0000; color: white; font-size: 12px; font-weight: 900; max-width: 70% !important; padding: 15px 0; width: 100% !important; } .imbz-carousel { margin-top: 40px; } .imbz-carousel h2 { font-family: 'GothamBook', sans-serif; font-size: 24px; font-weight: 300; line-height: 1.1; text-align: center; } .imbz-carousel .owl-carousel { margin-top: 20px; } @media (min-width: 896px) { .imbz-carousel .owl-carousel { align-items: center; display: grid; grid-template-areas: "carousel"; grid-template-columns: 1fr; grid-template-rows: 1fr; } .imbz-carousel .owl-carousel > div { grid-area: carousel; } .imbz-carousel .owl-carousel > :first-child { margin: 0 auto; max-width: calc(100% - 40px); } } .imbz-carousel .owl-carousel .owl-nav { justify-content: space-between; display: flex; gap: 80%; margin-top: 0; } .imbz-carousel .owl-carousel .owl-nav [class*='owl-'] { background: transparent; color: black; cursor: pointer; margin: 0; padding: 0; } .imbz-carousel .owl-carousel .owl-nav [class*='owl-']:hover { background: transparent; color: #333; } .imbz-carousel .owl-carousel .owl-nav [class*='owl-'] a, .imbz-carousel .owl-carousel .owl-nav [class*='owl-'] a:link, .imbz-carousel .owl-carousel .owl-nav [class*='owl-'] a:hover, .imbz-carousel .owl-carousel .owl-nav [class*='owl-'] a:active, .imbz-carousel .owl-carousel .owl-nav [class*='owl-'] a:visited, .imbz-carousel .owl-carousel .owl-nav [class*='owl-'] a:focus { background-color: transparent; background-position: center; background-repeat: no-repeat; border: none; display: block; min-width: 12px; outline: none; text-decoration: none; } .imbz-carousel .owl-carousel .owl-nav .btn-next { background-image: url(/images/arrow-right.png); } .imbz-carousel .owl-carousel .owl-nav .btn-prev { background-image: url(/images/arrow-left.png); } .imbz-carousel .owl-carousel .owl-dots { display: none; } .imbz-carousel .owl-carousel .item { text-align: center; } .imbz-carousel .owl-carousel .item img { margin: 0 auto; max-width: 150px; width: 100%; } .imbz-carousel .owl-carousel .item h3 { -webkit-box-orient: vertical; display: -webkit-box; font-family: 'GothamBook', sans-serif; font-size: 14px; font-weight: 300; -webkit-line-clamp: 2; line-height: 1.1; margin: 15px auto 0; max-width: 70%; overflow: hidden; padding-bottom: 2px; } .imbz-carousel .owl-carousel .item p { font-family: 'GothamBook', sans-serif; font-size: 20px; font-weight: 700; line-height: 1.1; margin-top: 10px; } .magnifier-thumb-wrapper { position: relative; display: block; top: 0; left: 0; } .magnifier-lens { position: absolute; border: solid 1px #ccc; z-index: 1000; top: 0; left: 0; overflow: hidden; } .magnifier-loader { position: absolute; top: 0; left: 0; border: solid 1px #ccc; color: #fff; text-align: center; background: transparent; background: rgba(50, 50, 50, 0.5); z-index: 1000; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232); } .magnifier-loader-text { font: 13px Arial; margin-top: 10px; } .magnifier-large { position: absolute; z-index: 100; } .magnifier-preview { display: block; padding: 0; width: 100%; height: 150px; position: relative; overflow: hidden; } @media (max-width: 600px) { .magnifier-preview { display: none; } } .magnifier-preview img { position: absolute; top: 0; left: 0; } .opaque { opacity: .5; filter: alpha(opacity=50); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } .hidden { display: none; } /* Partials */ .product-details { display: grid; gap: 10px; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; margin-top: 20px; position: relative; } @media (max-width: 600px) { .product-details { grid-template-rows: auto; padding: 0 20px; } } @media (min-width: 601px) and (max-width: 895px) { .product-details { grid-template-rows: auto; padding: 0 20px; } } @media (min-width: 896px) { .product-details { gap: 1%; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } } .product-details p { font-size: 14px; font-weight: 300; line-height: 1.2; } .product-details .magnified-image, .product-details .magnifier-preview { background-color: white; border: 1px solid black; display: block; left: 50%; height: calc((50vw) - 30px) !important; width: calc((50vw) - 30px) !important; overflow: hidden; position: absolute; top: 0; visibility: hidden; z-index: 10; } .product-details .magnified-image img, .product-details .magnifier-preview img { position: relative; object-fit: contain; width: 100%; } @media (min-width: 1302px) { .product-details .magnified-image, .product-details .magnifier-preview { height: 545px !important; width: 545px !important; } } @media (max-width: 600px) { .product-details .magnified-image, .product-details .magnifier-preview { display: none; } } @media (min-width: 601px) and (max-width: 895px) { .product-details .magnified-image, .product-details .magnifier-preview { display: none; } } .product-details .button { font-family: 'GothamBook', sans-serif; font-size: 11px; font-weight: 700; line-height: 1; } .product-details .button:not(.btn-search-stores) { background-color: white; border: 1px solid #D1D9DB; color: black; } .product-details .button.selected { background-color: black; color: white; } .product-details .button.btn-add-to-cart { border-color: black; background-color: #EE0000; color: white; font-size: 12px; font-weight: 900; padding: 15px 0; width: 100%; } @media (min-width: 896px) { .product-details .button.btn-add-to-cart { max-width: 70%; } } .product-details .button.btn-add-to-cart .css-checkmark { display: none; } .product-details .button.btn-add-to-cart.addedToBag { align-items: center; background-color: #98DBC8; display: flex; justify-content: center; padding: 9px 0; } .product-details .button.btn-add-to-cart.addedToBag .css-checkmark { border-bottom-color: white; border-right-color: white; display: inline-block; margin-right: 10px; transform: translateY(-3px) rotate(45deg) scale(0.6); } .product-details .button.btn-search-stores { display: none; margin-top: 0; width: 100%; } @media (min-width: 896px) { .product-details .button.btn-search-stores { max-width: 70%; } } .product-details__viewport { display: grid; } @media (min-width: 896px) { .product-details__viewport { grid-template-areas: "thumbs image"; grid-template-columns: 95px 1fr; grid-template-rows: 1fr; } } .product-details__viewport .thumbs { display: block; gap: 10px; grid-area: thumbs; list-style: none; margin: 0; overflow: hidden; padding: 0; width: calc(100vw - 60px); } @media (min-width: 896px) { .product-details__viewport .thumbs { display: grid; grid-area: image; grid-template-areas: "thumbs controls"; grid-template-columns: auto 21px; height: 100px; max-width: 300px; transform: rotate(90deg); transform-origin: top left; width: auto; } } .product-details__viewport .thumbs .thumb { cursor: pointer; list-style: none; } @media (min-width: 896px) { .product-details__viewport .thumbs .thumb + .thumb { margin-top: 20px; } } .product-details__viewport .thumbs .thumb img { margin: 0 auto; max-height: 300px; object-fit: contain; width: 100%; } @media (min-width: 896px) { .product-details__viewport .thumbs .thumb img { width: 100%; } } @media (min-width: 896px) { .product-details__viewport .thumbs .thumb.selected img { border-bottom: 5px solid #00AFAA; } } .product-details__viewport .thumbs .owl-stage-outer .item { height: auto; } @media (min-width: 1024px) { .product-details__viewport .thumbs .owl-stage-outer .item { height: 100px; transform: rotate(-90deg); } } .product-details__viewport .thumbs .owl-stage-outer p { font-family: 'GothamBook', sans-serif; font-size: 10px; font-weight: 700; line-height: 1; margin-top: 10px; text-align: center; text-transform: uppercase; } .product-details__viewport .thumbs .owl-nav { justify-content: space-between; display: flex; gap: 80%; margin-top: 0; } @media (min-width: 1024px) { .product-details__viewport .thumbs .owl-nav { gap: 10px; grid-area: controls; justify-content: center; transform: rotate(-90deg) translateX(calc((-95px / 2) - (21px / 2))); transform-origin: top left; } } .product-details__viewport .thumbs .owl-nav [class*='owl-'] { background: transparent; color: black; margin: 0; padding: 0; } .product-details__viewport .thumbs .owl-nav [class*='owl-'] a { background-position: center; background-repeat: no-repeat; display: block; min-width: 15px; text-decoration: none; } @media (min-width: 1024px) { .product-details__viewport .thumbs .owl-nav [class*='owl-'] a { transform: rotate(90deg) scale(1.5); } } .product-details__viewport .thumbs .owl-nav .btn-next { background-image: url(/images/arrow-right.png); } .product-details__viewport .thumbs .owl-nav .btn-prev { background-image: url(/images/arrow-left.png); } .product-details__viewport .thumbs .owl-dots { display: none; } .product-details__viewport .image { grid-area: image; overflow: hidden; position: relative; } @media (max-width: 600px) { .product-details__viewport .image { display: none; } } @media (min-width: 601px) and (max-width: 895px) { .product-details__viewport .image { display: none; } } .product-details__viewport .image a { display: none; height: 100%; position: relative; width: 100%; } .product-details__viewport .image a:first-child { display: inline-block; } .product-details__viewport .image a img { object-fit: contain; width: 100%; } .product-details__viewport .image a.zoom-active { position: relative; } .product-details__viewport .image a.zoom-active .lens { align-items: center; background-color: rgba(255, 255, 255, 0.3); border: 1px solid black; cursor: crosshair; display: flex; height: 200px; justify-content: center; position: absolute; transform: scale(1.5); visibility: hidden; width: 200px; } .product-details__viewport .image .heart { cursor: pointer; height: 30px; position: absolute; right: 0; top: 0; width: 30px; } .product-details__viewport .image .heart button { background-color: transparent; border: 0; padding: 0; } .product-details__viewport .image .heart button i.fa, .product-details__viewport .image .heart button .cnb-button .cnb-CTA .fa { margin-left: 0; } .product-details__controls h1 { color: #464646; font-family: "Playfair Display", serif; font-size: 30px; font-style: normal; font-weight: 500; letter-spacing: 0.7px; margin-bottom: 0; margin-top: 0; } .product-details__controls label { font-size: 18px; margin: 0; } .product-details__controls .tabs { margin-top: 20px; position: relative; } .product-details__controls .tabs > ul { display: inline-flex; list-style: none; margin: 0; padding: 0; position: relative; } .product-details__controls .tabs > ul li { background-color: white; border-top: 4px solid transparent; cursor: pointer; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; padding: 10px 20px; position: relative; text-transform: uppercase; transform: translateY(-1px); top: 0; z-index: 8; } .product-details__controls .tabs > ul li.active { border: 1px solid #E9EDEE; border-top: 4px solid #00AFAA; border-bottom: 0; transform: translateY(0); z-index: 9; } .product-details__controls .tabs > ul li span.help { margin-left: 15px; } .product-details__controls .tabs .bd { border: 1px solid #E9EDEE; border-top: 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); padding: 20px; position: relative; z-index: 5; } .product-details__controls .tabs .bd label { font-family: 'GothamBook', sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.9px; line-height: 1; text-transform: uppercase; } .product-details__controls .tabs .bd .extra-info { align-self: start; align-items: start; font-family: 'GothamBook', sans-serif; font-size: 10px; justify-self: end; display: none; gap: 5px; grid-template-columns: 20px 1fr; grid-template-rows: 1fr; max-width: 100px; } .product-details__controls .tabs .bd .extra-info::before { align-items: center; border: 2px solid #DCDCDC; border-radius: 50%; color: #DCDCDC; content: "i"; display: flex; font-size: 14px; font-style: italic; height: 20px; justify-content: center; width: 20px; } @media (min-width: 896px) { .product-details__controls .tabs .bd .two-column:first-child { grid-template-columns: 1fr; } } .product-details__controls .tabs .bd .two-column:first-child .extra-info { display: none; } .product-details__controls .offer-code { color: #464646; font-size: 16px; font-style: normal; font-weight: 500; } .product-details__controls .product-ratings .bv-cv2-cleanslate .bv-core-container-223 .bv-primarySummary-rating-container .bv-rating-stars-container { outline: none; } .product-details__controls .product-ratings .bv-cv2-cleanslate .bv-core-container-223 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars { outline: none; } .product-details__controls .product-color ul { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; padding: 0; } .product-details__controls .product-color ul li { align-items: center; cursor: pointer; display: flex; justify-content: center; list-style: none; max-height: 47px; max-width: 47px; min-height: 47px; min-width: 47px; } @media (max-width: 600px) { .product-details__controls .product-color ul li { max-height: 34px; max-width: 34px; } } .product-details__controls .product-color ul li.selected { border: 2px solid #464646; border-radius: 50%; } .product-details__controls .product-color ul li img { border: 1px solid #56565A; border-radius: 50%; height: calc(100% - 4px); width: calc(100% - 4px); } .product-details__controls .product-size, .product-details__controls .product-style { margin-top: 20px; } .product-details__controls .product-size label, .product-details__controls .product-style label { margin-bottom: 10px; } .product-details__controls .product-size .type-selector, .product-details__controls .product-size .size-selector, .product-details__controls .product-style .type-selector, .product-details__controls .product-style .size-selector { margin-top: 20px; } .product-details__controls .product-size .type-selector ul, .product-details__controls .product-size .size-selector ul, .product-details__controls .product-style .type-selector ul, .product-details__controls .product-style .size-selector ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; } .product-details__controls .product-size .type-selector ul li, .product-details__controls .product-size .size-selector ul li, .product-details__controls .product-style .type-selector ul li, .product-details__controls .product-style .size-selector ul li { list-style: none; padding: 0; } .product-details__controls .product-size .type-selector ul li button, .product-details__controls .product-size .size-selector ul li button, .product-details__controls .product-style .type-selector ul li button, .product-details__controls .product-style .size-selector ul li button { text-transform: uppercase; } .product-details__controls .product-size .type-selector ul li .button, .product-details__controls .product-size .size-selector ul li .button, .product-details__controls .product-style .type-selector ul li .button, .product-details__controls .product-style .size-selector ul li .button { position: relative; } .product-details__controls .product-size .type-selector ul li .button:disabled::after, .product-details__controls .product-size .type-selector ul li .button[disabled]::after, .product-details__controls .product-size .size-selector ul li .button:disabled::after, .product-details__controls .product-size .size-selector ul li .button[disabled]::after, .product-details__controls .product-style .type-selector ul li .button:disabled::after, .product-details__controls .product-style .type-selector ul li .button[disabled]::after, .product-details__controls .product-style .size-selector ul li .button:disabled::after, .product-details__controls .product-style .size-selector ul li .button[disabled]::after { background-image: linear-gradient(to top left, transparent 0%, transparent calc(50% - 1px), #ff5454 50%, transparent calc(50% + 1px), transparent 100%), linear-gradient(to top right, transparent 0%, transparent calc(50% - 1px), #ff5454 50%, transparent calc(50% + 1px), transparent 100%); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; border: 1px solid #ff5454; bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } .product-details__controls .notify-me { align-items: center; display: flex; gap: 12px; margin: 10px 0; padding: 0; } .product-details__controls .notify-me i { font-size: 24px; } .product-details__controls .credit-card-promo-section { margin: 0; } .product-details__controls .add-to-cart { margin: 30px 0 0; } .product-details__controls .imbAccordion { border-top: 1px solid #BFBFBF; margin-top: 40px; max-width: 415px; } @media (min-width: 601px) and (max-width: 895px) { .product-details__controls .imbAccordion { max-width: 100%; } } .product-details__controls .imbAccordion .product-tab-details { margin-bottom: 30px; } .product-details__controls .imbAccordion .panel { border: 0; border-bottom: 1px solid #BFBFBF; margin: 0; } .product-details__controls .imbAccordion .panel-default > .panel-heading { align-items: center; padding: 15px 0; background-color: transparent; border: 0; color: #333; display: grid; font-family: 'GothamBook', sans-serif; font-size: 13px; font-weight: 900; gap: 10px; grid-template-columns: 1fr 20px; grid-template-rows: 1fr; line-height: 1.1; margin: 0; text-transform: uppercase; } .product-details__controls .imbAccordion .panel-default > .panel-heading .fa { align-items: center; display: flex; justify-content: center; } .product-details__controls .imbAccordion .panel-default > .panel-heading :last-child { justify-self: end; } .product-details__controls .imbAccordion .panel-heading { cursor: pointer; } .product-details__controls .imbAccordion .panel-heading .fa { display: inline-block; width: 19px; height: 19px; font-size: 100%; font-weight: 400; line-height: 1; text-align: center; border-radius: 50%; margin-right: 11px; } .product-details__controls .imbAccordion .panel-body { margin: 0; } @media (min-width: 896px) { .product-details__controls .imbAccordion .panel-body { padding-left: 0; } } .product-details__controls .imbAccordion .panel-body h3, .product-details__controls .imbAccordion .panel-body h4 { color: #56565A; font-family: 'GothamBook', sans-serif; font-size: 14px; font-weight: 700; line-height: 1.2; } .product-details__controls .imbAccordion .panel-body li { color: #56565A; font-family: 'GothamBook', sans-serif; font-size: 13px; font-weight: 500; line-height: 1.1; } .long-description h3, .long-description h3 strong { color: #56565A; font-family: 'GothamBook', sans-serif; font-size: 13px; font-weight: 500; line-height: 1; } .long-description p { color: #333; font-family: 'GothamBook', sans-serif; font-size: 13px; font-weight: 400; line-height: 1; } .long-description ul li { font-size: 14px; } #wishlist-message { background-color: white; color: red; position: absolute; left: calc(50%); padding: 10px; top: -40px; z-index: 9; } #QuickViewModal #quick-view-dialog #product-size-group ul li button.button, #QuickViewModal #quick-view-dialog #product-size ul li button.button { position: relative; } #QuickViewModal #quick-view-dialog #product-size-group ul li .button.selected, #QuickViewModal #quick-view-dialog #product-size ul li .button.selected { background-color: black; color: white; } .line-class-overlay-soldout { display: inline-block; position: relative; width: 80px; height: 80px; cursor: pointer; } .line-class-overlay-soldout::after { content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: url(/images/store1/Creative2017_J/Com/Overlay/soldout_overlay.png); } .button.sold-out::after { background-image: linear-gradient(to top left, transparent 0%, transparent calc(50% - 1px), #ff5454 50%, transparent calc(50% + 1px), transparent 100%), linear-gradient(to top right, transparent 0%, transparent calc(50% - 1px), #ff5454 50%, transparent calc(50% + 1px), transparent 100%); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; border: 1px solid #ff5454; bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } .line-class-overlay-soldout { height: 47px; width: 47px; } /* Modals */ .modal.edit-wishlist-item .modal-content .bd .product-details .image img { max-width: 300px; } .modal.create-wishlist .modal-content, .modal.edit-wishlist .modal-content, .modal.edit-my-details .modal-content { max-width: 460px; } .modal.create-wishlist .modal-content .bd, .modal.edit-wishlist .modal-content .bd, .modal.edit-my-details .modal-content .bd { max-width: 70%; } .modal.create-wishlist .modal-content .bd .two-column, .modal.edit-wishlist .modal-content .bd .two-column, .modal.edit-my-details .modal-content .bd .two-column { display: flex; flex-direction: column; } .modal.add-new-address .bd .two-column { margin: 0; width: 100%; } .modal.add-new-address .bd .two-column .two-column { display: flex; flex-direction: column; } .modal.add-new-address .bd .field { margin-top: 0; } .modal.add-edit-addresses .modal-content .bd { max-width: 100%; } .modal.added-to-bag .modal-content { max-width: 720px; } .modal.added-to-bag .modal-content .heading h2 .css-checkmark { margin-right: 10px; } .modal.added-to-bag .modal-content .bd { align-items: center; display: grid; grid-template-columns: 25% 1fr 1fr; grid-template-rows: 1fr; } @media (max-width: 600px) { .modal.added-to-bag .modal-content .bd { grid-template-columns: 1fr; } } @media (max-width: 600px) { .modal.added-to-bag .modal-content .bd > div:nth-child(1), .modal.added-to-bag .modal-content .bd > div:nth-child(2) { display: none; } } .modal.added-to-bag .modal-content .bd h3 { font-family: GothamMedium, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.1; } .modal.added-to-bag .modal-content .bd p.price { font-weight: 700; } .modal.added-to-bag .modal-content .bd p.discount { color: red; } .modal.added-to-bag .modal-content .bd .tools { text-align: center; } .modal.added-to-bag .modal-content .bd .tools .button { max-width: 200px; min-width: 200px; } .modal.change-password .modal-content { max-width: 500px; } .my-account { padding-bottom: 30px; /****************/ /* Hero Section */ /****************/ /* Info Box (profile page) */ /************/ /* Overview */ /************/ /***********/ /* Profile */ /***********/ /********/ /* Card */ /********/ /*****************/ /* Order History */ /*****************/ /************/ /* Wishlist */ /************/ } .my-account p.note { font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 500; line-height: 1; } .my-account h2.my-account__title { color: #004745; font-family: GothamMedium, sans-serif; font-size: 30px; font-weight: 700; text-align: center; text-transform: uppercase; } .my-account .account-hero { color: white; display: grid; grid-template-areas: "content"; } .my-account .account-hero *, .my-account .account-hero h2, .my-account .account-hero span { color: white; } .my-account .account-hero > div { grid-area: content; } @media (max-width: 600px) { .my-account .account-hero__banner { display: none; } } @media (min-width: 601px) and (max-width: 895px) { .my-account .account-hero__banner { display: none; } } .my-account .account-hero .account-hero__banner img { height: 100%; object-fit: cover; width: auto; } @media (min-width: 1024px) { .my-account .account-hero .account-hero__banner img { height: auto; width: 100%; } } .my-account .account-hero .account-hero__bd { display: grid; grid-template-columns: 1fr; grid-template-rows: 250px auto; max-width: 584px; width: 100%; } @media (min-width: 601px) and (max-width: 895px) { .my-account .account-hero .account-hero__bd { max-width: 100%; } } @media (max-width: 600px) { .my-account .account-hero .account-hero__bd { grid-template-rows: 1fr auto; max-width: 100%; } } .my-account .account-hero .account-hero__bd .account-hero__title { background-color: rgba(52, 51, 53, 0.9); padding: 10px; } @media (min-width: 896px) { .my-account .account-hero .account-hero__bd .account-hero__title { padding: 21px 17px 20px 36px; } } .my-account .account-hero .account-hero__bd .account-hero__title p { font-family: 'GothamBook', sans-serif; font-size: 24px; font-weight: 400; text-transform: uppercase; } .my-account .account-hero .account-hero__bd .account-hero__title h2 { font-family: 'GothamBook', sans-serif; font-size: 42px; font-weight: 300; line-height: 1.1; margin: 0; text-transform: uppercase; } @media (min-width: 896px) { .my-account .account-hero .account-hero__bd .account-hero__title h2 { font-size: 60px; } } .my-account .account-hero .account-hero__bd .nav ul { display: grid; gap: 2px; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; justify-content: center; margin: 2px 0 0; padding: 0; } .my-account .account-hero .account-hero__bd .nav ul li { background-color: rgba(118, 118, 118, 0.83); list-style: none; margin: 0; text-align: center; } .my-account .account-hero .account-hero__bd .nav ul li.active { background-color: rgba(33, 33, 34, 0.81); } .my-account .account-hero .account-hero__bd .nav ul li a, .my-account .account-hero .account-hero__bd .nav ul li a:link, .my-account .account-hero .account-hero__bd .nav ul li a:active, .my-account .account-hero .account-hero__bd .nav ul li a:hover, .my-account .account-hero .account-hero__bd .nav ul li a:visited { align-items: center; display: grid; grid-template-columns: 1fr; grid-template-rows: 50px 1fr; justify-content: center; padding: 13px 10px 10px; text-decoration: none; } .my-account .account-hero .account-hero__bd .nav ul li a img, .my-account .account-hero .account-hero__bd .nav ul li a:link img, .my-account .account-hero .account-hero__bd .nav ul li a:active img, .my-account .account-hero .account-hero__bd .nav ul li a:hover img, .my-account .account-hero .account-hero__bd .nav ul li a:visited img { margin-inline: auto; max-height: 50px; max-width: 50px; } .my-account .account-hero .account-hero__bd .nav ul li a span, .my-account .account-hero .account-hero__bd .nav ul li a:link span, .my-account .account-hero .account-hero__bd .nav ul li a:active span, .my-account .account-hero .account-hero__bd .nav ul li a:hover span, .my-account .account-hero .account-hero__bd .nav ul li a:visited span { display: inline-block; padding: 5px 0 10px; } @media (max-width: 600px) { .my-account .account-hero .account-hero__bd .nav ul li a span, .my-account .account-hero .account-hero__bd .nav ul li a:link span, .my-account .account-hero .account-hero__bd .nav ul li a:active span, .my-account .account-hero .account-hero__bd .nav ul li a:hover span, .my-account .account-hero .account-hero__bd .nav ul li a:visited span { font-size: 12px; } } .my-account .info-box { margin-top: 4.3%; } .my-account .info-box + .button.turquoise { margin-top: 20px; } .my-account .info-box .heading { background-color: #E9E9E9; color: #56565A; padding: 18px 12px 17px 22px; } .my-account .info-box .heading h3 { font-family: GothamMedium, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.1; margin: 0; text-transform: uppercase; } .my-account .info-box .bd { border: 1px solid #CDCCCC; padding: 18px 4.1% 16px; } .my-account .info-box .bd a, .my-account .info-box .bd a:hover, .my-account .info-box .bd a:link, .my-account .info-box .bd a:active, .my-account .info-box .bd a:visited { color: #2027CE; font-family: GothamLight, sans-serif; font-size: 14px; font-weight: 400; line-height: 1; text-decoration: underline; text-transform: none; } .my-account .info-box .bd .add-new { padding-bottom: 18px; } .my-account .info-box .bd .add-new a, .my-account .info-box .bd .add-new a:hover, .my-account .info-box .bd .add-new a:link, .my-account .info-box .bd .add-new a:active, .my-account .info-box .bd .add-new a:visited { align-items: center; color: #56565A; font-family: GothamLight, sans-serif; font-size: 16px; display: grid; grid-template-columns: 1fr 20px; line-height: 1.1; text-decoration: none; width: 100%; } .my-account .info-box .bd .add-new a span, .my-account .info-box .bd .add-new a:hover span, .my-account .info-box .bd .add-new a:link span, .my-account .info-box .bd .add-new a:active span, .my-account .info-box .bd .add-new a:visited span { text-decoration: underline; } .my-account .info-box .bd .add-new a::after, .my-account .info-box .bd .add-new a:hover::after, .my-account .info-box .bd .add-new a:link::after, .my-account .info-box .bd .add-new a:active::after, .my-account .info-box .bd .add-new a:visited::after { content: "+"; display: block; font-size: 32px; line-height: 1; } .my-account .info-box .bd .field { padding-bottom: 30px; } .my-account .info-box .bd .field h4, .my-account .info-box .bd .field p { font-family: GothamLight, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: .4px; line-height: 1.3; margin: 0; padding: 0; } .my-account .info-box .bd .field h4 { font-family: GothamMedium, sans-serif; font-weight: 700; text-transform: uppercase; } .my-account .info-box .bd .field h4 a, .my-account .info-box .bd .field h4 a:hover, .my-account .info-box .bd .field h4 a:link, .my-account .info-box .bd .field h4 a:active, .my-account .info-box .bd .field h4 a:visited { color: #004745; font-family: GothamLight, sans-serif; font-size: 12px; font-weight: 400; line-height: 1; text-decoration: underline; text-transform: none; } .my-account .info { font-family: GothamMedium, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.1; text-align: center; } .my-account .info a, .my-account .info a:hover, .my-account .info a:link, .my-account .info a:active, .my-account .info a:visited { text-decoration: underline; } .my-account .info .more { font-family: GothamMedium, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; } .my-account .info .more span { color: #2980B9; } .my-account .info-box.email-preferences a.btn-edit-email-preferences, .my-account .info-box.email-preferences a.btn-edit-email-preferences:link, .my-account .info-box.email-preferences a.btn-edit-email-preferences:hover, .my-account .info-box.email-preferences a.btn-edit-email-preferences:active, .my-account .info-box.email-preferences a.btn-edit-email-preferences:visited { background-color: #57b8b7; border: 0; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1; padding: 10px 15px; text-decoration: none; } .my-account .card { background-color: #EFEFEF; padding: 50px 20px 20px; position: relative; } .my-account .card h3 { color: #56565A; font-family: GothamMedium, sans-serif; font-size: 14px; font-weight: 700; line-height: 1; margin: 0; } .my-account .card p { color: #56565A; font-family: GothamLight, sans-serif; font-size: 14px; font-weight: 400; line-height: 1; margin: 5px 0 0; } .my-account .card > :last-child { align-items: center; display: flex; gap: 10px; margin-top: 20px; } .my-account .card.default::before { background-color: #56565A; color: white; content: "Default Address"; display: block; font-family: GothamMedium, sans-serif; font-size: 14px; font-weight: 700; left: 0; line-height: 1; padding: 10px 20px; position: absolute; text-transform: uppercase; top: 0; } .my-account .card.default > :last-child > :nth-child(2), .my-account .card.default > :last-child > :nth-child(3) { display: none; visibility: hidden; } .my-account .wallet.default::before { content: "Default Payment"; } .my-account .order-history:not(li.order-history) { margin-top: 15px; padding: 0 20px 30px; } @media (max-width: 600px) { .my-account .order-history:not(li.order-history) { padding-left: 10px; padding-right: 10px; } } .my-account .order-history:not(li.order-history).overview .order .heading, .my-account .order-history:not(li.order-history).overview .order .bd { grid-template-columns: 35% repeat(3, 1fr); } @media (max-width: 600px) { .my-account .order-history:not(li.order-history).overview .order .heading, .my-account .order-history:not(li.order-history).overview .order .bd { gap: 5px; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; } } .my-account .order-history:not(li.order-history) .main-heading { align-items: center; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 1fr; } .my-account .order-history:not(li.order-history) .main-heading h3 { color: #56565A; font-size: 15px; font-weight: 700; text-transform: capitalize; } .my-account .order-history:not(li.order-history) .heading { background-color: #E9E9E9; padding: 15px 10px 10px 20px; } .my-account .order-history:not(li.order-history) .heading h3 { color: #56565A; font-family: GothamMedium, sans-serif; font-size: 20px; font-weight: 700; line-height: 1; margin: 0; text-transform: uppercase; } .my-account .order-history:not(li.order-history) .order { border: 1px solid #E9E9E9; margin-top: 30px; } .my-account .order-history:not(li.order-history) .order .heading, .my-account .order-history:not(li.order-history) .order .bd { align-items: center; background-color: #E9E9E9; display: grid; gap: 10px; grid-template-columns: 30% repeat(4, 1fr); grid-template-rows: 1fr; padding: 10px 20px; } @media (max-width: 600px) { .my-account .order-history:not(li.order-history) .order .heading, .my-account .order-history:not(li.order-history) .order .bd { grid-template-areas: "items total status track" "tools tools tools tools"; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; } .my-account .order-history:not(li.order-history) .order .heading > :nth-child(1), .my-account .order-history:not(li.order-history) .order .bd > :nth-child(1) { grid-area: items; } .my-account .order-history:not(li.order-history) .order .heading > :nth-child(2), .my-account .order-history:not(li.order-history) .order .bd > :nth-child(2) { grid-area: total; } .my-account .order-history:not(li.order-history) .order .heading > :nth-child(3), .my-account .order-history:not(li.order-history) .order .bd > :nth-child(3) { grid-area: status; } .my-account .order-history:not(li.order-history) .order .heading > :nth-child(4), .my-account .order-history:not(li.order-history) .order .bd > :nth-child(4) { grid-area: track; } .my-account .order-history:not(li.order-history) .order .heading > :nth-child(5), .my-account .order-history:not(li.order-history) .order .bd > :nth-child(5) { grid-area: tools; justify-self: center; } } .my-account .order-history:not(li.order-history) .order .heading .items, .my-account .order-history:not(li.order-history) .order .heading h3, .my-account .order-history:not(li.order-history) .order .bd .items, .my-account .order-history:not(li.order-history) .order .bd h3 { font-family: GothamMedium, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.2; margin: 0; padding: 0; } @media (min-width: 1024px) { .my-account .order-history:not(li.order-history) .order .heading .items, .my-account .order-history:not(li.order-history) .order .heading h3, .my-account .order-history:not(li.order-history) .order .bd .items, .my-account .order-history:not(li.order-history) .order .bd h3 { font-size: 18px; } } .my-account .order-history:not(li.order-history) .order .heading p, .my-account .order-history:not(li.order-history) .order .bd p { font-family: GothamMedium, sans-serif; font-size: 16px; font-weight: 300; line-height: 1; margin: 0; padding: 0; } @media (max-width: 600px) { .my-account .order-history:not(li.order-history) .order .heading p, .my-account .order-history:not(li.order-history) .order .bd p { font-size: 12px; } } .my-account .order-history:not(li.order-history) .order .heading > div, .my-account .order-history:not(li.order-history) .order .bd > div { text-align: center; } .my-account .order-history:not(li.order-history) .order .heading .date, .my-account .order-history:not(li.order-history) .order .heading .total, .my-account .order-history:not(li.order-history) .order .heading .status, .my-account .order-history:not(li.order-history) .order .heading .tools, .my-account .order-history:not(li.order-history) .order .bd .date, .my-account .order-history:not(li.order-history) .order .bd .total, .my-account .order-history:not(li.order-history) .order .bd .status, .my-account .order-history:not(li.order-history) .order .bd .tools { align-items: center; display: flex; gap: 10px; } .my-account .order-history:not(li.order-history) .order .heading .date img, .my-account .order-history:not(li.order-history) .order .heading .total img, .my-account .order-history:not(li.order-history) .order .heading .status img, .my-account .order-history:not(li.order-history) .order .heading .tools img, .my-account .order-history:not(li.order-history) .order .bd .date img, .my-account .order-history:not(li.order-history) .order .bd .total img, .my-account .order-history:not(li.order-history) .order .bd .status img, .my-account .order-history:not(li.order-history) .order .bd .tools img { max-width: 18px; width: 100%; } @media (min-width: 1024px) { .my-account .order-history:not(li.order-history) .order .heading .date img, .my-account .order-history:not(li.order-history) .order .heading .total img, .my-account .order-history:not(li.order-history) .order .heading .status img, .my-account .order-history:not(li.order-history) .order .heading .tools img, .my-account .order-history:not(li.order-history) .order .bd .date img, .my-account .order-history:not(li.order-history) .order .bd .total img, .my-account .order-history:not(li.order-history) .order .bd .status img, .my-account .order-history:not(li.order-history) .order .bd .tools img { max-width: 30px; } } .my-account .order-history:not(li.order-history) .order .heading .tools .button, .my-account .order-history:not(li.order-history) .order .bd .tools .button { min-width: 150px; } .my-account .order-history:not(li.order-history) .order .heading .tools .button.active, .my-account .order-history:not(li.order-history) .order .bd .tools .button.active { background-color: #8E8E8E; border-color: #8E8E8E; } .my-account .order-history:not(li.order-history) .order .bd { background-color: white; } @media (max-width: 600px) { .my-account .order-history:not(li.order-history) .order .bd { display: block; } .my-account .order-history:not(li.order-history) .order .bd > div + div { margin-top: 10px; } } .my-account .order-history:not(li.order-history) .order .bd .items { text-align: left; } .my-account .order-history:not(li.order-history) .order .bd .items ul { margin: 10px 0 0; padding: 0 0 0 20px; } .my-account .order-history:not(li.order-history) .order .bd .items ul li { font-family: GothamLight, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.2; margin: 0; padding: 0; text-transform: uppercase; } .my-account .order-history:not(li.order-history) .order .bd .total, .my-account .order-history:not(li.order-history) .order .bd .status, .my-account .order-history:not(li.order-history) .order .bd .tracking { display: block; text-align: left; } .my-account .order-history:not(li.order-history) .order .bd .total h3, .my-account .order-history:not(li.order-history) .order .bd .status h3, .my-account .order-history:not(li.order-history) .order .bd .tracking h3 { font-family: GothamLight, sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-transform: uppercase; padding-bottom: 10px; } .my-account .order-history:not(li.order-history) .order .bd .total p, .my-account .order-history:not(li.order-history) .order .bd .status p, .my-account .order-history:not(li.order-history) .order .bd .tracking p { font-family: GothamMedium, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.1; } .my-account .order-history:not(li.order-history) .order .order-details { display: none; margin: 20px; } .my-account .order-history:not(li.order-history) .order .order-details .heading, .my-account .order-history:not(li.order-history) .order .order-details .info { display: grid; gap: 0; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; padding: 10px 20px; text-align: left; } @media (min-width: 1024px) { .my-account .order-history:not(li.order-history) .order .order-details .heading, .my-account .order-history:not(li.order-history) .order .order-details .info { gap: 5px; grid-template-columns: repeat(4, 1fr); } } .my-account .order-history:not(li.order-history) .order .order-details .heading .data + .data, .my-account .order-history:not(li.order-history) .order .order-details .info .data + .data { margin: 20px 0 0; } .my-account .order-history:not(li.order-history) .order .order-details .heading h3, .my-account .order-history:not(li.order-history) .order .order-details .info h3 { font-family: GothamMedium, sans-serif; font-size: 14px; font-weight: 700; line-height: 1; margin: 0; } .my-account .order-history:not(li.order-history) .order .order-details .heading p, .my-account .order-history:not(li.order-history) .order .order-details .info p { font-family: GothamLight, sans-serif; font-size: 14px; font-weight: 300; line-height: 1; margin: 5px 0 0; } .my-account .order-history:not(li.order-history) .order .order-details .heading .totals, .my-account .order-history:not(li.order-history) .order .order-details .info .totals { display: flex; justify-content: space-between; } .my-account .order-history:not(li.order-history) .order .order-details .heading .totals > :last-child, .my-account .order-history:not(li.order-history) .order .order-details .info .totals > :last-child { text-align: right; } .my-account .order-history:not(li.order-history) .order .order-details .heading .totals .strike, .my-account .order-history:not(li.order-history) .order .order-details .info .totals .strike { color: red; margin-right: 5px; text-decoration: line-through; } .my-account .order-history:not(li.order-history) .order .order-details .heading .totals p.total, .my-account .order-history:not(li.order-history) .order .order-details .info .totals p.total { font-family: GothamMedium, sans-serif; font-weight: 500; } .my-account .order-history:not(li.order-history) .order .order-details .items { margin-top: 20px; } .my-account .order-history:not(li.order-history) .order .order-details .items .item { display: grid; gap: 10px; grid-template-columns: 150px 1fr; grid-template-rows: 1fr; } .my-account .order-history:not(li.order-history) .order .order-details .items .item + .item { margin-top: 10px; } .my-account .order-history:not(li.order-history) .order .order-details .items .item .img img { width: 100%; } .my-account .order-history:not(li.order-history) .order .order-details .items .item .details h3 { font-family: GothamMedium, sans-serif; font-size: 14px; font-weight: 700; line-height: 1; margin: 0; } .my-account .order-history:not(li.order-history) .order .order-details .items .item .details p { font-family: GothamLight, sans-serif; font-size: 14px; font-weight: 300; line-height: 1; margin: 10px 0 0; } .my-account .wishlist img { width: 100%; } .my-account .wishlist a:not(.button), .my-account .wishlist a:not(.button):link, .my-account .wishlist a:not(.button):hover, .my-account .wishlist a:not(.button):active, .my-account .wishlist a:not(.button):visited { text-decoration: underline; } .my-account .wishlist__empty { display: block; } .my-account .wishlist__container { display: block; } .my-account .wishlist__container > :first-child { margin-bottom: 10px; } .my-account .wishlist__container > :first-child a, .my-account .wishlist__container > :first-child a:link, .my-account .wishlist__container > :first-child a:active, .my-account .wishlist__container > :first-child a:hover, .my-account .wishlist__container > :first-child a:visited { text-decoration: none; } .my-account .wishlist__container > :first-child a span, .my-account .wishlist__container > :first-child a:link span, .my-account .wishlist__container > :first-child a:active span, .my-account .wishlist__container > :first-child a:hover span, .my-account .wishlist__container > :first-child a:visited span { text-decoration: underline; } @media (min-width: 896px) { .my-account .wishlist__grid { display: grid; gap: 10px; grid-template-columns: minmax(20%, 280px) 1fr; grid-template-rows: 1fr; } } .my-account .wishlist__group-item { background-color: black; color: white; margin-bottom: 10px; padding: 10px; } .my-account .wishlist__group-item h2 { color: white; font-family: GothamMedium, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.1; margin: 0; padding: 0; } .my-account .wishlist__group-item p { font-family: GothamMedium, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.1; margin: 0; padding: 0; } .my-account .wishlist__group-item a, .my-account .wishlist__group-item a:link, .my-account .wishlist__group-item a:active, .my-account .wishlist__group-item a:hover, .my-account .wishlist__group-item a:visited { color: white; } .my-account .wishlist__group-item .edit { display: flex; justify-content: space-between; } .my-account .wishlist__group-item .edit a { align-items: center; display: flex; gap: 5px; } .my-account .wishlist__group-item .edit a::before { background: transparent; background-image: url(/images/my-account/icon-edit.png); background-position: center; background-repeat: no-repeat; content: ""; display: block; height: 16px; width: 18px; } .my-account .wishlist__group-item:nth-child(even) { background-color: #E5E5E5; color: black; } .my-account .wishlist__group-item:nth-child(even) h2 { color: black; } .my-account .wishlist__group-item:nth-child(even) a, .my-account .wishlist__group-item:nth-child(even) a:link, .my-account .wishlist__group-item:nth-child(even) a:active, .my-account .wishlist__group-item:nth-child(even) a:hover, .my-account .wishlist__group-item:nth-child(even) a:visited { color: black; } .my-account .wishlist .wishlist__items { border: 1px solid #D3D3D3; } .my-account .wishlist .wishlist__items .heading { align-items: center; background-color: #F5F5F5; display: grid; gap: 10px; grid-template-columns: 40% 1fr 1fr 1fr; grid-template-rows: 1fr; padding: 10px; } @media (max-width: 600px) { .my-account .wishlist .wishlist__items .heading { grid-template-areas: "name name name" "date num-items share"; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; } .my-account .wishlist .wishlist__items .heading h2 { grid-area: name; } .my-account .wishlist .wishlist__items .heading .date { grid-area: date; } .my-account .wishlist .wishlist__items .heading .num-items { grid-area: num-items; } .my-account .wishlist .wishlist__items .heading .share { grid-area: share; } } .my-account .wishlist .wishlist__items .heading h2 { font-family: GothamMedium, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.2; margin: 0; padding: 0; } .my-account .wishlist .wishlist__items .heading p { font-family: GothamMedium, sans-serif; font-size: 16px; font-weight: 300; line-height: 1; margin: 0; padding: 0; } .my-account .wishlist .wishlist__items .heading > div { text-align: center; } .my-account .wishlist .wishlist__items .heading .date, .my-account .wishlist .wishlist__items .heading .num-items, .my-account .wishlist .wishlist__items .heading .share { align-items: center; display: flex; gap: 10px; } .my-account .wishlist .wishlist__items .heading .date img, .my-account .wishlist .wishlist__items .heading .num-items img, .my-account .wishlist .wishlist__items .heading .share img { max-width: 30px; width: 100%; } .my-account .wishlist .wishlist__items .products { padding: 10px; } .my-account .wishlist .wishlist__items .products .product { border-bottom: 1px solid #D3D3D3; display: grid; grid-template-columns: 100px 35% 1fr 1fr; grid-template-rows: 1fr; padding-bottom: 10px; } @media (max-width: 600px) { .my-account .wishlist .wishlist__items .products .product { grid-template-columns: 1fr 35% 1fr 1fr; } } .my-account .wishlist .wishlist__items .products .product > div:not(:first-child) { padding: 10px; text-align: center; } .my-account .wishlist .wishlist__items .products .product:last-child { border-bottom: none; } .my-account .wishlist .wishlist__items .products .product h2 { font-family: GothamMedium, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.2; margin: 0; padding: 0; } .my-account .wishlist .wishlist__items .products .product h2 span { font-weight: 300; } .my-account .wishlist .wishlist__items .products .product div.details { display: flex; flex-direction: column; padding-left: 30px; text-align: left; } .my-account .wishlist .wishlist__items .products .product div.details h2 { margin-bottom: 10px; text-transform: uppercase; } .my-account .wishlist .wishlist__items .products .product div.details p { margin: 0; } .my-account .wishlist .wishlist__items .products .product div.details .priority { margin-top: auto; } .my-account .wishlist .wishlist__items .products .product div.details .priority select { margin-bottom: 0; margin-top: 20px; min-width: 100px; width: auto; } .my-account .wishlist .wishlist__items .products .product .quantity h2 { margin-bottom: 10px; } .my-account .wishlist .wishlist__items .products .product .quantity p { font-family: GothamMedium, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; margin: 0; } .my-account .wishlist .wishlist__items .products .product .quantity p.old-price { text-decoration: line-through; } .my-account .wishlist .wishlist__items .products .product .quantity p.price { color: #FF663C; } .my-account .wishlist .wishlist__items .products .product .tools { display: flex; flex-direction: column; } .my-account .wishlist .wishlist__items .products .product .tools__buttons { margin-top: auto; } .my-account .wishlist .wishlist__items .products .product .tools .links { display: inline-flex; gap: 2px; margin: 10px auto 0; text-align: center; } .my-account .wishlist .wishlist__items .products .product .tools .links a, .my-account .wishlist .wishlist__items .products .product .tools .links a:link, .my-account .wishlist .wishlist__items .products .product .tools .links a:active, .my-account .wishlist .wishlist__items .products .product .tools .links a:hover, .my-account .wishlist .wishlist__items .products .product .tools .links a:visited { color: blue; font-family: GothamLight, sans-serif; font-size: 12px; font-weight: 300; line-height: 1; text-decoration: none; } .my-account .wishlist .wishlist__items .products .product .tools .links > :nth-child(2) { padding: 0 5px; } .my-account .wallet .card.default::before { content: "Default Card"; } div#save-credit-cards-header, div#save-credit-card-header { padding: 20px; } .cart { color: #464646; display: grid; gap: 30px; grid-template-columns: 1fr; grid-template-rows: auto auto; padding-bottom: 20px; } .cart button { background: transparent; border: 0; cursor: pointer; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2.4px; margin-top: 20px; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%; } @media (min-width: 896px) { .cart { grid-template-columns: 1fr 320px; grid-template-rows: 1fr; } } .cart h1 { color: #333333; font-family: playfair display, serif; font-size: 24px; font-weight: 400; line-height: 1; margin: 20px 0 0; } .cart .item-list { margin-top: 20px; } .cart .item-list .table-header { align-items: center; background-color: #F0F0F0; display: grid; grid-template-areas: "col1 col1 col3"; grid-template-columns: 200px 1fr 1fr; grid-template-rows: 1fr; min-height: 25px; } @media (max-width: 600px) { .cart .item-list .table-header { display: none; } } .cart .item-list .table-header > :first-child { grid-area: col1; justify-self: start; padding-left: 20px; } .cart .item-list .table-header > :last-child { display: grid; grid-area: col3; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; } .cart .item-list .table-header p { font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; line-height: 1.2; margin: 0; text-align: center; text-transform: uppercase; } .cart #CartItems > .row { margin-left: 0; margin-right: 0; } .cart .cart-row { border-bottom: 1px solid #02AFAB; display: grid; gap: 5px; grid-template-columns: 200px 1fr 1fr; grid-template-rows: 1fr 30px; grid-template-areas: "img details price" "img tools tools"; margin-top: 20px; padding: 20px 0; } @media (max-width: 600px) { .cart .cart-row { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto 30px; grid-template-areas: "img img img" "details details details" "price price price" "tools tools tools"; } } .cart .cart-row .image { grid-area: img; } .cart .cart-row .details { grid-area: details; } .cart .cart-row .details .attribute label { display: none; } .cart .cart-row .details .name a, .cart .cart-row .details .name a:link, .cart .cart-row .details .name a:active, .cart .cart-row .details .name a:visited { color: black; font-family: 'GothamBook', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-transform: uppercase; } .cart .cart-row .details .sku label, .cart .cart-row .details .sku span, .cart .cart-row .details .attribute label, .cart .cart-row .details .attribute span, .cart .cart-row .details .promo-adjustment label, .cart .cart-row .details .promo-adjustment span { color: black; font-family: 'GothamBook', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-transform: uppercase; } .cart .cart-row .details .product-availability-list { display: none; } .cart .cart-row .price { display: grid; font-size: 12px; font-weight: 700; grid-area: price; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; justify-content: center; line-height: 1.1; text-align: center; } @media (max-width: 600px) { .cart .cart-row .price { align-items: center; } } .cart .cart-row .price .price-sales { color: #D40000; } .cart .cart-row .price .price-standard { text-decoration: line-through; } .cart .cart-row .price .totalpricevalue { font-size: 16px; } .cart .cart-row .price .item-quantity { display: flex; flex-direction: column; } .cart .cart-row .price .item-quantity input { font-family: 'GothamBook', sans-serif; font-size: 16px; font-weight: 700; height: 40px; line-height: 20px; margin: 0 auto; padding: 10px; text-align: center; width: 48px; } .cart .cart-row .price .item-quantity a, .cart .cart-row .price .item-quantity a:link, .cart .cart-row .price .item-quantity a:active, .cart .cart-row .price .item-quantity a:visited { font-size: 12px; font-weight: 700; line-height: 1.1; margin: 10px auto 0; text-decoration: underline; } .cart .cart-row .tools { align-items: center; display: flex; gap: 10px; grid-area: tools; justify-content: flex-end; list-style: none; } .cart .cart-row .tools a, .cart .cart-row .tools a:link, .cart .cart-row .tools a:hover, .cart .cart-row .tools a:active, .cart .cart-row .tools a:visited { color: #56565A; cursor: pointer; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.1; text-decoration: underline; text-transform: capitalize; } .cart .summary .order { border: 1px solid #87878A; margin-top: 20px; padding: 20px; } .cart .summary .order .order-totals > div { display: flex; justify-content: space-evenly; margin-top: 5px; } .cart .summary .order .order-totals > div span { display: inline-block; width: 100%; } .cart .summary .order .cart-actions .button { margin-top: 20px; width: 100%; } .cart .summary .addcoupon .cart-promo-details { border-bottom: 1px solid #87878A; border-top: 1px solid #87878A; margin-top: 25px; padding: 20px 15px; } .cart .summary .addcoupon .cart-promo-details input[type="text"] { border: 1px solid #87878A; background-color: white; font-family: Lato,sans-serif; font-size: 12.06px; font-style: italic; font-weight: 400; color: #56565A; outline: 0; padding: 10px 15px; text-indent: 0; width: 100%; } .cart .summary .addcoupon .cart-promo-details .promo-heading { font-family: Lato,sans-serif; font-size: 12px; width: 90%; } .cart .summary .addcoupon .cart-promo-details .slide-promo .promo-heading { font-weight: 700; text-transform: uppercase; } .cart .summary .addcoupon .cart-promo-details .cart-coupon-code { margin-top: 15px; } .cart .summary .btn-paypal-checkout { padding: 0; } .cart .summary .btn-secure-checkout { background-color: #D40000; border: 1px solid black; color: white; } .cart .summary .btn-continue-shopping, .cart .summary .btn-apply-code { background-color: black; color: white; } .cart .summary .btn-apply-code { margin-top: 20px; } .checkout-progress { background-color: #333333; color: white; padding: 5px 0; } @media (min-width: 480px) { .checkout-progress { padding: 10px 0; } } .checkout-progress > div { align-items: center; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; } @media (min-width: 768px) { .checkout-progress > div { flex-direction: row; max-width: 70%; } } .checkout-progress > div h2 { font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; line-height: 1; margin-bottom: 0; margin-left: 0; margin-top: 0; margin-right: 30px; text-transform: uppercase; } .checkout-progress ul { align-items: center; display: flex; flex-direction: row; gap: 10px; margin: 10px 0 0; padding: 5px; } @media (min-width: 480px) { .checkout-progress ul { padding: 0; } } @media (min-width: 768px) { .checkout-progress ul { margin-top: 0; } } .checkout-progress ul li { align-items: center; display: grid; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 400; gap: 5px; grid-template-columns: 15px 1fr; grid-template-rows: auto; line-height: 1; list-style: none; margin: 0; text-transform: capitalize; } .checkout-progress ul li::before { border: 1px solid white; border-radius: 50%; content: ""; display: inline-block; height: 15px; margin-right: 0; width: 15px; } @media (min-width: 1024px) { .checkout-progress ul li::before { margin-right: 10px; } } .checkout-progress ul li.completed::before { border-width: 4px; height: calc(15px - 4px); width: calc(15px - 4px); } .checkout { grid-template-columns: 1fr; margin-top: 30px; } @media (min-width: 480px) { .checkout { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .checkout { grid-template-columns: 1fr 1fr; gap: 250px; } } .checkout > div { padding: 0 10px; } .checkout a.btn-back-to-bag, .checkout a.btn-back-to-bag:link, .checkout a.btn-back-to-bag:active, .checkout a.btn-back-to-bag:hover, .checkout a.btn-back-to-bag:visited { color: #333333; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; } .checkout a.btn-back-to-bag i, .checkout a.btn-back-to-bag:link i, .checkout a.btn-back-to-bag:active i, .checkout a.btn-back-to-bag:hover i, .checkout a.btn-back-to-bag:visited i { float: none; margin-right: 5px; } .checkout h2 { color: #56565A; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; text-transform: uppercase; } .checkout h3 { color: #333333; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; line-height: 1.1; text-transform: uppercase; } .checkout p { color: black; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; } .checkout strong { font-weight: 700; } .checkout label { display: block; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; line-height: 1.1; margin: 20px 0 10px; text-transform: uppercase; } .checkout .button { width: 100%; } .checkout input[type="text"], .checkout input[type="password"] { width: 100%; } .checkout .accordion > div { border-bottom: 1px solid #55B5C0; padding: 20px 0; } .checkout .accordion h2 { color: #56565A; font-family: playfair display, serif; font-size: 24px; font-weight: 400; letter-spacing: 0.9px; text-transform: capitalize; } .checkout .two-column { align-items: center; } .checkout .toast-why { cursor: pointer; margin-left: 1rem; } .checkout .toast-why p { text-transform: none; } .checkout .login h3 { font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; line-height: 1; margin-top: 40px; text-transform: uppercase; } .checkout .login .field label { display: block; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 400; line-height: 1; margin: 30px 0 10px; text-transform: uppercase; } .checkout .login .field input { max-width: 100%; width: 100%; } .checkout .login .field .two-column > :last-child { justify-self: end; } .checkout .login .submit { margin-top: 20px; text-align: center; } .checkout .login .submit p { font-family: 'GothamBook', sans-serif; font-size: 11px; font-weight: 700; line-height: 1.2; margin: 10px 0; text-transform: uppercase; } .checkout .login .submit .button { max-width: 70%; padding: 15px 0; width: 100%; } .checkout .logged-in .username { text-transform: capitalize; } .checkout > :last-child h2 { margin: 0; } .checkout .shipping ul { margin: 0; padding: 0; } .checkout .shipping ul li { list-style: none; } .checkout .shipping .two-column > :last-child:not(.toast-why) { justify-self: end; } .checkout .shipping .two-column p { font-weight: 900; } .checkout .shipping .shipping-methods ul li { align-items: center; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } .checkout .shipping .shipping-methods ul li > :last-child { justify-self: end; } .checkout .shipping .shipping-methods ul li > :last-child .price .original-price { color: #D40000; font-weight: 500; margin-right: 0.25rem; text-decoration: line-through; } .checkout .shipping .shipping-methods p { font-weight: 700; } .checkout .payment p { margin: 5px 0; text-transform: none; } .checkout .payment .btn-edit-payment { font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; line-height: 1.1; text-transform: uppercase; } .checkout .payment > .two-column:first-child > :last-child { justify-self: end; } .checkout .payment .payment-info .two-column { gap: 20px; } .checkout #shophq-card-promo { float: none; margin: 0; width: 100%; } .checkout #shophq-card-promo img { max-width: 200px; } .checkout .promo-code .two-column { grid-template-columns: 1fr auto; } .checkout .btn-continue-to-confirmation { margin-top: 20px; } .checkout .confirmation p { margin-top: 30px; text-transform: none; } .checkout .shopping-bag h2 { color: #56565A; font-family: playfair display, serif; font-size: 30px; font-weight: 400; letter-spacing: 0.9px; text-transform: capitalize; } .checkout .shopping-bag p { color: black; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 700; margin: 1rem 0 0; text-transform: uppercase; } .checkout .shopping-bag .two-column > :last-child { justify-self: end; } .checkout .shopping-bag .expandable { margin: 20px 0; } .checkout .shopping-bag .expandable.expanded .content { display: block; } .checkout .shopping-bag .expandable .content { display: none; } .checkout .shopping-bag .expandable .toggle { align-items: center; border: 1px solid #02AFAB; cursor: pointer; padding: 15px; } .checkout .shopping-bag .expandable .toggle h3 { color: #56565A; font-family: 'GothamBook', sans-serif; font-size: 13px; font-weight: 900; line-height: 1; margin: 0; } .checkout .shopping-bag .expandable .toggle input[type="text"] { font-family: 'GothamBook', sans-serif; font-size: 12px; font-style: italic; font-weight: 400; line-height: 1; } .checkout .shopping-bag .expandable .toggle p { color: #02AFAB; margin: 0; } .checkout .shopping-bag .items { border-top: 1px solid #02AFAB; max-height: 400px; overflow-y: scroll; padding-right: 1rem; } .checkout .shopping-bag .items .item { align-items: normal; border-bottom: 1px solid #02AFAB; grid-template-columns: 40% 1fr; } .checkout .shopping-bag .items .item:last-child { border: none; } @media (min-width: 896px) { .checkout .shopping-bag .items .item { grid-template-columns: 1fr; } } @media (min-width: 896px) { .checkout .shopping-bag .items .item { grid-template-columns: minmax(auto, 200px) 1fr; } } .checkout .shopping-bag .items .item > :last-child { padding: 10px; } .checkout .shopping-bag .items .item .image img { height: auto !important; object-fit: contain; width: 100% !important; } @media (min-width: 1024px) { .checkout .shopping-bag .items .item .image img { height: 100%; object-fit: contain; width: auto; } } .checkout .shopping-bag .items .item h2 { color: #56565A; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; text-transform: uppercase; } .checkout .shopping-bag .items .item .desc { margin-top: 10px; } .checkout .shopping-bag .items .item .desc h2 { margin-bottom: 10px; } .checkout .shopping-bag .items .item .desc p { margin: 0; } .checkout .shopping-bag .items .item .shipping-info { border-top: 1px solid #AEAEAE; margin-top: 30px; padding-top: 10px; } .checkout .shopping-bag .items .item .shipping-info p { font-weight: 300; margin: 5px 0 0; text-transform: none; } .checkout .shopping-bag .totals.two-column { grid-template-columns: 1fr 1fr; } @media (max-width: 600px) { .checkout .shopping-bag .totals > :last-child { text-align: right; } } .checkout .form-horizontal .form-group { align-items: center; display: flex; margin-left: 0; margin-right: 0; } @media (min-width: 768px) { .form-horizontal .control-label { align-self: start; flex: 1; margin: 0; padding: 0; padding-top: 10px; } } /* Guest Checkout header section */ .guest-checkout-section-header { margin: 30px 0; } .guest-checkout-section-header .checkout-section-header-title b { text-align: left; } .guest-checkout-section-header .checkout-section-header-button { align-self: end; text-align: right; } #contact-information-section .pull-right { float: none !important; } #contact-information-section .pull-right .btn-primary { background-color: black; border-color: black; color: white; font-weight: 700; } #contact-information-section .pull-right .btn-block { margin: 0 auto; width: 50%; } @media (max-width: 600px) { #contact-information-section .form-group { align-items: start; } #contact-information-section .form-group .col-xs-2 { margin: 5px 0 0; width: 25%; } } /* PayPal button */ .btn-paypal label { background: url(/images/Pay-with-PayPal.png) no-repeat; cursor: pointer; display: block; height: 31px; position: relative; width: 147px; } .btn-paypal label input { left: -9999px; position: absolute; } /* Initially Hidden */ @media (max-width: 600px) { .checkout { grid-template-columns: 1fr; padding: 15px; } } .checkout .accordion .bd { display: none; } .checkout .accordion .step > .two-column > :last-child { display: none; justify-self: end; } .checkout .accordion .step1 .bd { display: block; } .checkout .logged-in, .checkout .checkout-guest, .checkout .chk-use-shipping, .checkout .payment-info-entered, .checkout .info-entered { display: none; } .checkout-page-sidebar { margin: 20px auto 0; max-width: 40%; } .checkout-page-sidebar #proceed-to-checkout-link { background-color: #E53702; border: 1px solid #0A0201; color: white; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; margin-top: 20px; padding: 15px 20px; text-align: center; text-decoration: none; text-transform: uppercase; } .btn-continue-to-paypal { display: none; } #ccnumber { margin-top: 0; } #save-for-later > .col-xs-12 { padding: 0; } .checkout-section-header-title { max-width: 952px; width: 100%; } .checkout-section-header-title b { display: inline-block; font-family: "Gotham", sans-serif; font-size: 20px; font-weight: 300; text-align: center; width: 100%; } @media (max-width: 600px) { #save-for-later.row { margin-left: 0; margin-right: 0; } } .saved-items { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; grid-template-rows: auto; margin-top: 20px; max-width: 952px; width: 100%; } @media (max-width: 600px) { .saved-items { grid-template-columns: 1fr; } } .saved-items .save-for-later-item .btn-save-for-later-delete { align-items: center; border-radius: 50%; display: flex !important; height: 24px !important; justify-content: center; padding: 0; width: 24px !important; } .saved-items > div.col-sm-4 { padding: 0; width: 100%; } .saved-items > div.col-sm-4 > .row { display: grid; gap: 10px; grid-template-columns: 30% 1fr; grid-template-rows: 1fr; width: 100%; } @media (max-width: 600px) { .saved-items > div.col-sm-4 > .row { margin-left: 0; margin-right: 0; } } .saved-items > div.col-sm-4 > .row::after, .saved-items > div.col-sm-4 > .row::before { display: none; } .saved-items > div.col-sm-4 > .row > div { display: grid; padding: 0; width: 100%; } .saved-items > div.col-sm-4 > .row > div .add-item-to-cart-container { margin-top: auto; } .saved-items > div.col-sm-4 > .row > div .add-item-to-cart-container .btn-primary { background-color: black; color: white; font-weight: 700; } .saved-items > div.col-sm-4 > .row > div:first-child { justify-self: center; } .saved-items > div.col-sm-4 > .row > div:first-child .btn-save-for-later-delete { display: none !important; /* I believe this should be remove from the DOM */ } .saved-items > div.col-sm-4 > .row > div:first-child img { margin: 0; width: 100%; } #save-for-later-items .save-for-later-item-description-section button i.fa, #save-for-later-items .save-for-later-item-description-section button .cnb-button .cnb-CTA .fa { margin-left: 0; } @media (min-width: 896px) { #product-browse-results .search-title { display: none; } #product-browse-results-container .filter-line { display: none; } #product-browse-results-container .search-page > :last-child { align-items: center; display: flex; } #product-browse-results-container .search-page .search-sort-section { align-items: center; display: grid; grid-template-columns: 15% auto 1fr; grid-template-rows: 1fr; } #product-browse-results-container .search-page .search-sort-section label { text-transform: uppercase; } #product-browse-results-container .search-page .search-sort-section select { margin: 0; } #product-browse-results-container > .row:nth-last-child(2) { align-items: center; display: flex; } #product-browse-results-container > .row:last-child { display: flex; flex-direction: column; } #product-browse-results-container > .row:last-child #search-selected-refinement { align-items: center; background-color: #333; color: white; display: grid !important; grid-template-areas: "selections nav1 nav2 nav3 nav4"; grid-template-columns: auto repeat(3, 10%); grid-template-rows: 1fr; margin-top: 20px; padding: 0; width: 100%; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) { align-items: center; display: flex; grid-area: selections; margin-left: 20px; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .selection-div { align-items: center; display: flex; flex-direction: row-reverse; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .selection-div .productSearch-lbl-selection { margin-right: 5px; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .selection-div .clearall { cursor: pointer; margin-right: 10px; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .selection-div .cx-ais-ClearRefinements-button { align-items: center; background-color: transparent; border: 0; display: flex; line-height: 1; margin-right: 20px; padding: 0; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .selection-div .cx-ais-ClearRefinements-button a:not(.button) { color: white; font-size: 14px; line-height: 1; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .cx-CustomCurrentRefinementList-wrapper .search-filter-label { align-items: center; display: flex; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items { border-left: 1px solid #999; padding: 5px 10px; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items:nth-last-child(2) { border-right: 1px solid #999; } #product-browse-results-container > .row:last-child #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items i { cursor: pointer; margin-left: 5px; } #product-browse-results-container > .row:last-child #search-selected-refinement hr { display: none; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default { border-color: transparent; position: relative; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default:nth-last-child(2) { grid-area: nav4; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default:nth-last-child(4) { grid-area: nav3; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default:nth-last-child(6) { grid-area: nav2; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default > .panel-heading { background-color: transparent; border: none; border-color: transparent; border-right: 1px solid #999; color: white; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; letter-spacing: 1.2px; line-height: 1; text-align: center; text-transform: uppercase; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse { background-color: #F7F7F7; border: 1px solid black; margin-top: -1px; padding: 35px 30px; position: absolute; width: 440px; z-index: 15; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse.cl-Price { right: 0; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body { padding: 0; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul { margin: 0; padding: 0; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li > ul { margin-left: 20px; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li input[type="radio"], #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li input[type="checkbox"] { margin: 0; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .searchRefName { margin-left: 10px; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-label { display: inline-grid; gap: 0; grid-gap: 0; /* used to overwrite the site, both should be removed */ grid-template-columns: 30px auto auto; width: auto; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-label .ais-RefinementList-labelText { margin-left: 10px; overflow: visible; text-overflow: unset; white-space: normal; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-label .ais-RefinementList-count { font-weight: 300; margin-left: 5px; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-checkbox { accent-color: #02AFAB; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-labelText, #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-count, #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li a:not(.button) { color: black; display: inline; font-family: 'GothamBook', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 1.2px; line-height: 1; text-transform: uppercase; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .searchRefBox { padding-left: 0 !important; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body .ais-RefinementList-showMore { margin-top: 20px; width: 100%; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultProgressBar_progressBar, #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle__horizontal:after, #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle__horizontal:before { background-color: #02AFAB; } #product-browse-results-container > .row:last-child #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle { padding: 0; } #product-browse-results-container #product-search-items { margin-top: 20px; padding: 0; width: 100%; } #product-browse-results-container #product-search-items > .row:not(.search-page) { display: grid; grid-template-columns: repeat(4, 25%); margin-left: 0; margin-right: 0; } #product-browse-results-container #product-search-items > .row:not(.search-page)::before, #product-browse-results-container #product-search-items > .row:not(.search-page)::after { display: none; } #product-browse-results-container #product-search-items > .row:not(.search-page) .col-md-4 { float: none; margin-top: 20px; width: 100%; } #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container img { width: 100%; } #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .quickview-hovereffect:hover .quickview-overlay { opacity: 1; } #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .quickview-hovereffect .quickview-overlay { background-color: rgba(255, 255, 255, 0.9); border-top: 1px solid #333; cursor: pointer; opacity: 0; padding: 10px 0; text-align: center; transform: translateY(-100%); } #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .quickview-hovereffect .quickview-overlay a, #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .quickview-hovereffect .quickview-overlay a:link, #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .quickview-hovereffect .quickview-overlay a:active, #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .quickview-hovereffect .quickview-overlay a:visited, #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .quickview-hovereffect .quickview-overlay a:hover { color: #56565A; font-family: 'GothamBook', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .image-carousel img.color-selected { border: 1px solid #333; } #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .BrowseProducts-caption a, #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .BrowseProducts-caption a:link, #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .BrowseProducts-caption a:active, #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .BrowseProducts-caption a:visited, #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .BrowseProducts-caption a:hover { color: #5A5A5A; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } #product-browse-results-container #product-search-items > .row:not(.search-page) .search-product-detail-container .sale-price { color: #5A5A5A; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; letter-spacing: 1px; } #product-browse-results-container #product-search-items > .row.search-page { margin-top: 20px; } } .search-product-detail { margin-top: 10px; } .search-product-detail-container .image-carousel-controls i { transform: translateY(15px); } @media (max-width: 600px) { .search-product-detail-container .image-carousel-controls i { transform: translateY(20px); } } #product-browse-results-container .mt-md-20 { margin-top: 10px; } #product-browse-results-container .sort-filter { text-align: left; } #product-browse-results-container .dropdown, #product-browse-results-container .btn { width: 100%; } #product-browse-results-container .dropdown .sort-filter-icon, #product-browse-results-container .btn .sort-filter-icon { float: right; } #product-browse-results-container div, #product-browse-results-container img { max-width: unset; } #product-browse-results-container .search-pagination > li { display: inline; padding: 0 5px; } #product-browse-results-container .panel-default > .panel-heading { background-color: #56565A; border-color: #56565A; color: white; } #product-browse-results-container .cx-ais-ClearRefinements-button { background-color: transparent; border: none; display: inline-block; padding: 0; } #product-browse-results-container .cx-ais-ClearRefinements-button a { background-color: black; border: 1px solid black; color: white; cursor: pointer; display: inline-block; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; letter-spacing: 0.9px; max-width: 300px; padding: 15px 30px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } .search-pagination-section .search-pagination { align-items: center; display: flex; margin: 0; padding: 0; } .search-pagination-section .search-pagination li { list-style: none; padding: 0 .3em; } .search-pagination-section .search-pagination li.active a, .search-pagination-section .search-pagination li.active a:link, .search-pagination-section .search-pagination li.active a:active, .search-pagination-section .search-pagination li.active a:visited, .search-pagination-section .search-pagination li.active a:hover { color: #004745; } .search-pagination-section .search-pagination li a, .search-pagination-section .search-pagination li a:link, .search-pagination-section .search-pagination li a:active, .search-pagination-section .search-pagination li a:visited, .search-pagination-section .search-pagination li a:hover { color: #333; font-family: 'GothamBook', sans-serif; font-size: 14px; font-weight: 700; line-height: 1; text-transform: uppercase; } .ais-RefinementList-list { list-style: none; } .color-selected { border: 1px solid #464646; border-radius: 5px; } @media (max-width: 600px) { .search-product-detail-container:nth-of-type(2n+1) { clear: left; } .search-product-detail-container { margin-bottom: 10px; margin-top: 10px; } .quickview-hovereffect { cursor: default; overflow: hidden; position: relative; } .sku-row { margin: 10px -10px 0 -10px; } .search-product-detail { height: 125px; } .image-carousel { padding: 4px 0 0 5px; } #product-browse-results-container { padding: 0 10px; } } @media (min-width: 601px) and (max-width: 895px) { #product-browse-results-container { padding: 0 15px; } } @media (max-width: 600px) { .rheostat { margin-top: 10px; } #search-selected-refinement > :first-child:not(.panel-default) .selection-div .productSearch-lbl-selection { margin-right: 5px; } #search-selected-refinement > :first-child:not(.panel-default) .selection-div .clearall { cursor: pointer; margin-right: 10px; } #search-selected-refinement > :first-child:not(.panel-default) .selection-div .cx-ais-ClearRefinements-button a:not(.button) { color: white; font-size: 14px; line-height: 1; } #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items { border-left: 1px solid #999; padding: 5px 10px; } #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items:nth-last-child(2) { border-right: 1px solid #999; } #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items i { cursor: pointer; margin-left: 5px; } #search-selected-refinement hr { display: none; } #search-selected-refinement hr + .panel-default { margin-top: 5px; } #search-selected-refinement .panel-default { border-color: transparent; position: relative; } #search-selected-refinement .panel-default .panel-collapse .panel-body { padding: 0; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul { margin: 0; padding: 0; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li > ul { margin-left: 20px; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li input[type="radio"], #search-selected-refinement .panel-default .panel-collapse .panel-body ul li input[type="checkbox"] { margin: 0; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .searchRefName { margin-left: 10px; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-label .ais-RefinementList-count { font-weight: 300; margin-left: 5px; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-checkbox { accent-color: #02AFAB; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-labelText, #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-count, #search-selected-refinement .panel-default .panel-collapse .panel-body ul li a:not(.button) { color: black; display: inline; font-family: 'GothamBook', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 1.2px; line-height: 1; text-transform: uppercase; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .searchRefBox { padding-left: 0 !important; } #search-selected-refinement .panel-default .panel-collapse .panel-body .ais-RefinementList-showMore { margin-top: 20px; width: 100%; } #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultProgressBar_progressBar, #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle__horizontal:after, #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle__horizontal:before { background-color: #02AFAB; } #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle { padding: 0; } #product-browse-results-container .search-sort-section select { display: inline-block; width: auto; } #product-browse-results-container #product-search-items { margin-top: 20px; } } @media (min-width: 601px) and (max-width: 895px) { .rheostat { margin-top: 10px; } #search-selected-refinement > :first-child:not(.panel-default) .selection-div .productSearch-lbl-selection { margin-right: 5px; } #search-selected-refinement > :first-child:not(.panel-default) .selection-div .clearall { cursor: pointer; margin-right: 10px; } #search-selected-refinement > :first-child:not(.panel-default) .selection-div .cx-ais-ClearRefinements-button a:not(.button) { color: white; font-size: 14px; line-height: 1; } #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items { border-left: 1px solid #999; padding: 5px 10px; } #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items:nth-last-child(2) { border-right: 1px solid #999; } #search-selected-refinement > :first-child:not(.panel-default) .productSearch-lbl-selected-items i { cursor: pointer; margin-left: 5px; } #search-selected-refinement hr { display: none; } #search-selected-refinement hr + .panel-default { margin-top: 5px; } #search-selected-refinement .panel-default { border-color: transparent; position: relative; } #search-selected-refinement .panel-default .panel-collapse .panel-body { padding: 0; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul { margin: 0; padding: 0; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li > ul { margin-left: 20px; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li input[type="radio"], #search-selected-refinement .panel-default .panel-collapse .panel-body ul li input[type="checkbox"] { margin: 0; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .searchRefName { margin-left: 10px; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-label .ais-RefinementList-count { font-weight: 300; margin-left: 5px; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-checkbox { accent-color: #02AFAB; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-labelText, #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .ais-RefinementList-count, #search-selected-refinement .panel-default .panel-collapse .panel-body ul li a:not(.button) { color: black; display: inline; font-family: 'GothamBook', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 1.2px; line-height: 1; text-transform: uppercase; } #search-selected-refinement .panel-default .panel-collapse .panel-body ul li .searchRefBox { padding-left: 0 !important; } #search-selected-refinement .panel-default .panel-collapse .panel-body .ais-RefinementList-showMore { margin-top: 20px; width: 100%; } #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultProgressBar_progressBar, #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle__horizontal:after, #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle__horizontal:before { background-color: #02AFAB; } #search-selected-refinement .panel-default .panel-collapse .panel-body .DefaultHandle_handle { padding: 0; } #product-browse-results-container .search-sort-section select { display: inline-block; width: auto; } #product-browse-results-container #product-search-items { margin-top: 20px; } } .quickViewDropListProduct { padding: 0 10px; } #PasswordLogin { max-width: 840px; } #PasswordLogin > .row { display: flex; flex-direction: column; margin-left: 0; margin-right: 0; text-align: center; } #PasswordLogin > .row .col-sm-6:first-child { margin: 0 auto; } #PasswordLogin > .row .col-sm-6:last-child { width: 100%; } #PasswordLogin > .row p { font-family: GothamLight,sans-serif; font-size: 12px; font-weight: 300; line-height: 15px; } #PasswordLogin > .row p.guest-section-para { margin: 0; } #PasswordLogin > .row .link-Sign-In a, #PasswordLogin > .row .link-Sign-In a:link, #PasswordLogin > .row .link-Sign-In a:active, #PasswordLogin > .row .link-Sign-In a:hover, #PasswordLogin > .row .link-Sign-In a:visited { display: inline-block; font-family: GothamLight, sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; text-align: center; text-decoration: underline; text-transform: capitalize; width: 100%; } #PasswordLogin .vertical-line { border-left: 0; } #PasswordLogin hr { border-top: 1px solid black; } .form-register { margin-bottom: 30px; margin-inline: auto; max-width: 302px; } .form-register .icon-valid { max-width: 20px; } .form-register .icon-valid img { width: 100%; } #ForgotPassword { margin-inline: auto; max-width: 40%; } @media (max-width: 600px) { #ForgotPassword { max-width: 100%; } } #ForgotPassword .lbl-email { align-items: center; display: flex; gap: 5px; margin-bottom: 10px; } #ForgotPassword .lbl-email label { margin: 0; } #ForgotPassword .lbl-email img { max-width: 20px; } .registration-title { font-size: 30px; } @media (min-width: 601px) and (max-width: 895px) { .registration-title { display: block; margin-top: 20px; } } .mt-10 { margin-top: 10px; } .padding16B { padding-bottom: 16px; } .padding16T { padding-top: 16px; } .pass_show { position: absolute; border: 0; height: 1px; } .pass_show .ptxt { float: right; margin-left: -25px; right: 25px; margin-top: -35px; z-index: 1; color: #000; position: relative; cursor: pointer; transition: .3s ease all; text-decoration: underline; } .password-meter { margin: 10px 0; } .password-meter__text { font-size: 16px; margin-bottom: 0; } .password-meter__bar { height: 10px; background-color: #f2f2f2; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; overflow: hidden; } .password-meter__bar > span { display: block; width: 0; height: inherit; color: #fff; font-size: 14px; line-height: 20px; text-align: right; transition: width 0.4s ease-out; } .password-meter__bar[data-strength="0"] > span { width: 0; background: #d9534f; } .password-meter__bar[data-strength="1"] > span { width: 16.666666%; background: #d9534f; } .password-meter__bar[data-strength="2"] > span { width: 33.333333%; background: #d9534f; } .password-meter__bar[data-strength="3"] > span { width: 66.666666%; background: #f0ad4e; } .password-meter__bar[data-strength="4"] > span { width: 100%; background: #5cb85c; } label[for="Password"] + div > div, label[for="ConfirmPassword"] + div > div { box-shadow: none; } @media (min-width: 601px) and (max-width: 895px) { button#Save { transform: translateX(-10px); } #NewPasswordMeter > .col-md-5 { padding-left: 5px; } } .modal.address-suggestions .three-column { align-items: center; display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr; margin-top: 20px; } .modal.address-suggestions .three-column .two-column { align-items: center; grid-template-columns: 30px 1fr; margin: 0 auto; } .modal.address-suggestions .txt-or { text-align: center; text-transform: uppercase; } .modal.address-suggestions .btn-select-address { margin-inline: auto; margin-top: 20px; width: 50%; } .pdp-valuepay-info .price, .product-style, #notify-me, .cart-item-details:last-of-type > .row:nth-child(2), .cart-item-details:last-of-type > .row:nth-child(3), #img-cart-line-company-logo, .checkout-cart-item .value-pay, .order-confirmation-channel-section, .guest-section-para, .temp-hidden, #WishlistSection, #cnb-permaLinks #cnb-permaBanner, .sale-price-label, .list-price-label, .shophq-green, .legalese, #banner-19vn3eBccHvN5GoYzvhC, #banner-v7hkeulNz8FvXc1HJ1um, #productDescriptionContent img { display: none !important; } #ifmCCForm { min-height: 350px !important; } #order-confirmation-container > :first-child { float: none; margin: 0 auto; text-align: center; } #order-confirmation-container > :first-child > p:nth-child(5) { margin: 20px auto; } .cnb-staticLandingPage a.btn-primary { color: white; } /* I believe the HTML for this should be pulled */ .cnb-breadcrumbing { display: none; } /* While Wish List is hidden */ .my-account .account-hero .account-hero__bd .nav ul li.wish-list { display: none; } .my-account .account-hero .account-hero__bd .nav ul { grid-template-columns: repeat(4, 1fr); } .c-all-credit-cards-banner { display: flex; align-items: center; justify-content: center; padding-right: 0; margin-bottom: 5px; } .c-all-credit-cards-banner__image { max-width: 100%; height: auto; } @media (min-width: 992px) { .c-all-credit-cards-banner { align-items: flex-end; justify-content: flex-end; padding-right: 10px; } } /* Private label credit card banner styles*/ .c-private-label-credit-card-banner { display: grid; grid-template-columns: fit-content(115px) auto; font-family: 'GothamBook', sans-serif; padding: 0; column-gap: 15px; row-gap: 0; } .c-private-label-credit-card-banner__image-container { padding: 0; text-align: left; grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 4; } .c-private-label-credit-card-banner__card-image { height: auto; max-width: 100%; filter: drop-shadow(1px 1px 0 #000); } .c-private-label-credit-card-banner__customer { font-weight: 600; padding-bottom: 2px; } .c-private-label-credit-card-banner__promotion { text-transform: uppercase; font-weight: 300; } .c-private-label-credit-card-banner__button { display: inline-block; padding: 7.5px 16px; font-family: 'GothamBook', sans-serif; font-size: 14px; font-weight: 500; line-height: 1.5; color: #fff; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #8d8d8d; border-radius: 6px; background-color: #db7faf; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; filter: drop-shadow(1px 1px 0 #808080); margin-top: 5px; width: 100%; } .c-private-label-credit-card-banner__button:not(:disabled) { cursor: pointer; } .c-private-label-credit-card-banner__button:hover, .c-private-label-credit-card-banner__button:focus-visible { background-color: #9d356f; border-color: #717171; } .c-private-label-credit-card-banner__button:focus-visible { outline: 0; box-shadow: 0 0 0 2.5px; } .c-private-label-credit-card-banner__link { font-family: 'GothamBook', sans-serif; text-decoration: underline; } .c-private-label-credit-card-banner__callout { grid-column: span 2; font-weight: 700; margin-bottom: 15px; } .c-private-label-credit-card-banner_prescreen, .c-private-label-credit-card-banner_informational { grid-template-columns: fit-content(130px) 1fr; color: #000; background-color: #f6e0d9; background-image: url(/images/credit-cards/plcc-promo-banner-bg.png); background-size: cover; background-repeat: no-repeat; background-position: top right; font-family: 'GothamBook', sans-serif; font-size: 18px; line-height: 1; padding: 15px 15px 10px 0; column-gap: 10px; row-gap: 3px; margin-bottom: 20px; } .c-private-label-credit-card-banner_prescreen { margin: 20px auto; } .c-private-label-credit-card-banner_prescreen .c-private-label-credit-card-banner__image-container, .c-private-label-credit-card-banner_informational .c-private-label-credit-card-banner__image-container { padding: 7px 15px; text-align: left; grid-row-start: 1; grid-row-end: 5; } .c-private-label-credit-card-banner_prescreen .c-private-label-credit-card-banner__details, .c-private-label-credit-card-banner_informational .c-private-label-credit-card-banner__details { font-size: 15px; padding-top: 2px; line-height: 1.3; } @media (min-width: 992px) { .c-private-label-credit-card-banner { grid-template-columns: fit-content(40px) 1fr; } .c-private-label-credit-card-banner_prescreen, .c-private-label-credit-card-banner_informational { grid-template-columns: fit-content(20%) 1fr; padding: 15px 80px 4px 0; } .c-private-label-credit-card-banner__promotion { margin-top: -3px; } .c-private-label-credit-card-banner__button { padding: 0.5px 16px 1.5px; width: auto; margin-bottom: 3px; } } .c-email-overlay-modal__overlay { padding-top: 0 !important; } .c-email-overlay-modal__dialog { margin: 0 auto; max-width: 98%; } .c-email-overlay-modal__close, .c-email-overlay-modal__close.close, button.c-email-overlay-modal__close { border: none; border-radius: 0; background: #fff; color: #000; float: right; font-family: 'Lucida Grande'; font-size: 30px; font-weight: 700; height: 30px; line-height: 30px; margin-top: 15px; margin-right: 15px; padding: 0 5px; text-decoration: none; text-shadow: 0 1px 0 #eee; width: 30px; } .c-email-overlay-modal__close:hover, .c-email-overlay-modal__close:focus, .c-email-overlay-modal__close.close:hover, .c-email-overlay-modal__close.close:focus { background-color: #000; color: #fff; cursor: pointer; text-decoration: none; } .c-email-overlay-modal__content { background-color: #fff; border: none; border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); height: 100%; margin: auto; width: 100%; padding: 0; } .c-email-overlay-modal__header { padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; border-bottom: none; } .c-email-overlay-modal__body { border-bottom: none; background-color: #f1f2f0; height: 100%; padding: 0; text-align: center; } .c-email-overlay-modal__button { background-color: #000; border: 1px solid #000; color: #fff; cursor: pointer; display: block; font-family: 'GothamBook', sans-serif; font-size: 12px; font-weight: 900; letter-spacing: 0.9px; padding: 15px 20px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } .c-email-overlay-modal__button_submit { padding: 10px 15px; } .c-email-overlay__form { margin: 0 auto; padding: 0 20px 0 140px; } .c-email-overlay__body-wrapper { background: none; height: 100%; } .c-email-overlay__body-wrapper_inner { background: left top no-repeat url(/images/Email_Signup/MobileLeftFrame.png); background-size: cover; } .c-email-overlay-modal__form-group { margin-left: auto; margin-right: auto; max-width: 200px; text-align: center; width: 100%; padding-bottom: 10px; } .c-email-overlay-modal__image { margin: 0; padding: 0; display: block; max-width: 100%; width: 100%; } .c-email-overlay-modal__p { margin: 0 0 15px 0; font-size: 16px; font-weight: 600; color: #000; } .c-email-overlay-email__error { display: block; font-size: 12px; font-weight: 500; color: #000; margin: 0 0 15px 0; } .c-email-overlay-email__error_active { color: red; font-weight: 600; } .c-email-overlay-modal__small { font-size: 12px; font-weight: 500; } .c-email-overlay-modal__title { padding-top: 60px; } .c-email-overlay-modal__image_title { max-width: 200px; margin: 0 auto; } .c-email-modal__hr { border-top: 2px solid #d2d2d2; margin: 5px 0 10px 0; } .c-email-overlay-modal__brand { display: inline-block; margin: 0 0 0.5rem; max-width: 375px; } .c-email-overlay-modal__link { font-size: 12px; font-weight: 600; text-decoration: underline; } .c-email-overlay-modal__link:hover { text-decoration: none; } .c-email-overlay-modal__textbox { border: 2px solid #000; padding: 15px 10px; border-radius: 0; } .c-email-overlay-modal__textbox:focus { border-color: #000; border-radius: 0; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #666666; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #666666; } .c-email-overlay-modal__textbox::placeholder { color: #000; font-weight: 600; } .c-email-overlay-modal__form-footer { text-align: right; padding: 0 10px 20px 10px; } @media (min-width: 576px) { .c-email-overlay__form { padding: 0 20px 0 215px; } .c-email-overlay-modal__image_title { max-width: 250px; } .c-email-overlay-modal__form-group { max-width: 290px; } } @media (min-width: 768px) { .c-email-overlay__form { padding: 0 20px 0 265px; } } @media (min-width: 992px) { .c-email-overlay-modal__dialog { margin: 8vh auto !important; width: calc(100% - 40px); max-width: 1260px; height: auto; } .c-email-overlay__body-wrapper { background: left -10px top 0 no-repeat url(/images/Email_Signup/DesktopLeftFrame.png); background-size: contain; display: block; height: 100%; width: 100%; } .c-email-overlay__body-wrapper_inner { background: right -10px top 0 no-repeat url(/images/Email_Signup/DesktopRightFrame.png); background-size: contain; } .c-email-overlay-modal__image_title { max-width: 300px; } .c-email-overlay__form { padding: 0 275px; } .c-email-overlay-modal__form-group { max-width: 340px; } .c-email-overlay-modal__title { padding-top: 30px; } .c-email-overlay-modal__textbox { padding: 15px 10px; } .c-email-overlay-modal__button_submit { padding: 15px 20px; } }