/* RESET */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*::before, *:before, *::after, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
p { -webkit-margin-before: 0; -webkit-margin-after: 0; max-width: 800px; }
a { cursor: pointer; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: none; }
a[href^=tel], a[href^=sms], p a[href^=tel], p a[href^=sms] { color: inherit !important; text-decoration: none !important; cursor: default; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, p { font-weight: 500; -webkit-margin-before: 0; -webkit-margin-after: 0; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0; padding: .5em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input, textarea { outline: none; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select { outline: none; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.center { position: relative; width: 980px; margin: 0 auto; }
.centerContent { text-align: center; }
.nowrap { white-space: nowrap; }
.floatLeft { float: left; }
.floatRight { float: right; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
html { width: 100%; height: 100%; font-family: 'ProximaNova', Arial, Tahoma, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.2em; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-variant-numeric: normal; }
body { width: 100%; height: 100%; }
body, html { background: #f2f2f2; }
.skipNav { position: absolute; display: block; width: 200px; top: 0; left: 0; right: 0; margin: 0 auto; padding: 5px 15px; font-size: 16px; line-height: 1.2em; color: #fff; text-align: center; text-decoration: none; background: #1f1f1f; border: 2px solid #848484; border-top: none; z-index: -1; opacity: 0; }
.skipNav:focus { z-index: 9999; opacity: 1; }
#body { position: relative; display: block; }
.fullWrap { position: relative; display: block; width: 100%; min-height: 100%; margin: 0 0 -64px 0; padding: 0; }
.fullWrap.adminOpen, .fullWrap.adminCollapsed { padding-left: 45px; }
.appView { padding-bottom: 63px; }
.defaultSafeArea { position: relative; display: block; max-width: 1240px; width: 100%; margin: 0 auto; padding: 20px 0; }
.breadcrumbWrap { position: relative; display: block; width: 100%; padding: 0 30px; }
.breadcrumb { position: relative; display: block; font-size: 11px; letter-spacing: .18em; line-height: 1.2em; color: #272727; text-transform: uppercase; }
.breadcrumb a { color: #272727; text-decoration: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.breadcrumb a:hover, .breadcrumb a:focus { text-decoration: underline; }
.pageTitle { position: relative; display: block; padding: 0 30px; font-size: 38px; font-weight: 600; line-height: 1em; color: #272727; }
/* NAVIGATION */
.navigationWrap { position: relative; display: block; width: 100%; background: #2e101e; z-index: 500; }
.appView .navigationWrap { display: none; }
.navigationHamburgerIcon { position: absolute; display: none; width: 54px; height: 100%; top: 0; left: 0; bottom: 0; color: #fff; }
.navigationHamburgerIcon span { position: absolute; display: block; width: 23px; height: 2px; top: 50%; left: 0; right: 0; margin: 0 auto; background: #bcbcbc; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationHamburgerIcon span:first-child { margin-top: -7px; }
.navigationHamburgerIcon span:nth-child(2) { margin-top: -1px; }
.navigationHamburgerIcon span:nth-child(3) { margin-top: 5px; }
.navigationHamburgerIcon:hover span, .navigationHamburgerIcon:focus span { background: #fff; }
.navigationLogo { position: absolute; display: block; width: 230px; height: 100%; padding: 15px 30px; color: #fff; z-index: 501; }
.navigationLogo img { position: relative; display: inline-block; vertical-align: middle; margin-top: 5px; max-width: 100%; max-height: 100%; }
.navigationLogo::before, .navigationLogo:before { content: ''; position: absolute; display: block; height: 0; left: 35px; right: 35px; bottom: 0; background: #848484; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationLogo:hover::before, .navigationLogo:hover:before, .navigationLogo:focus::before, .navigationLogo:focus:before { height: 3px; }
.navigationSafeArea { position: relative; display: block; vertical-align: top; max-width: 1700px; width: 100%; margin: 0 auto; padding: 0 230px; font-size: 0; }
.navigationGroup { position: relative; display: inline-block; vertical-align: bottom; font-size: 1rem; }
.navigationLink, .navigationLinkMobileOnly { position: relative; display: block; padding: 21px 30px; font-size: 17px; line-height: 1.2em; color: #fff; text-decoration: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationLinkMobileOnly { display: none; }
.navigationLink:hover, .navigationLink:focus, .navigationLinkMobileOnly:hover, .navigationLinkMobileOnly:focus { color: #8c8c8c; }
.navigationLink::before, .navigationLink:before { content: ''; position: absolute; display: block; height: 0; left: 30px; right: 30px; bottom: 0; background: #848484; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationLink:hover::before, .navigationLink:hover:before, .navigationLink:focus::before, .navigationLink:focus:before { height: 3px; }
.navigationDropdownWrap { position: absolute; display: none; top: 100%; left: -90px; padding: 46px 50px; background: #1f1f1f; background: rgba(31,31,31,.97); white-space: nowrap; }
.navigationGroup:hover .navigationDropdownWrap { display: block; }
.navigationDropdownLinkWrap, .navigationDropdownSimpleLinkWrap { position: relative; display: inline-block; vertical-align: top; }
.navigationDropdownLink { position: relative; display: block; padding: 22px 45px 22px 68px; font-size: 21px; font-weight: 600; line-height: 1.2em; color: #a1a1a1; text-decoration: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationDropdownLink:hover, .navigationDropdownLink:focus { color: #fff; }
.navigationDropdownLink::before, .navigationDropdownLink:before { content: ''; position: absolute; display: block; width: 40px; height: 40px; top: 50%; left: 0; margin: -20px 0 0 0; padding: 13px 0; font-size: 10px; line-height: 1.2em; color: #a1a1a1; text-align: center; border: 1px solid #a1a1a1; border-radius: 50%; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationDropdownLink:hover::before, .navigationDropdownLink:hover:before, .navigationDropdownLink:focus::before, .navigationDropdownLink:focus:before { color: #fff; border-color: #fff; }
.navigationDropdownSimpleLink { position: relative; display: block; padding: 8px 45px 8px 0; font-size: 16px; line-height: 1.2em; color: #a1a1a1; text-decoration: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationDropdownSimpleLink:hover, .navigationDropdownSimpleLink:focus { color: #fff; }
.navigationDropdownSimpleLink::after, .navigationDropdownSimpleLink:after { content: '\f061'; position: absolute; display: block; top: 50%; right: 10px; margin: -.5em 0 0 0; font-family: 'FontAwesome'; font-size: 1em; line-height: 1em; color: #fff; opacity: 0; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationDropdownSimpleLink:hover::after, .navigationDropdownSimpleLink:hover:after, .navigationDropdownSimpleLink:focus::after, .navigationDropdownSimpleLink:focus:after { right: 0; opacity: 1; }
.navigationLinkAlert { position: absolute; display: none; min-width: 32px; top: 50%; right: 24px; margin: -9px 0 0 0; padding: 1px 10px; font-size: 12px; font-weight: 700; line-height: 1.5em; color: #b1b1b1; text-align: center; background: #710000; border-radius: 10px }
.navigationDropdownLink .navigationLinkAlert { background: #353535; }
.navigationUserOptionWrap { position: absolute; display: block; top: 0; right: 0; bottom: 0; padding: 0 20px 0 0; }
.navigationUserOption { position: relative; display: inline-block; vertical-align: middle; height: 100%; padding: 21px 10px; font-size: 16px; line-height: 1.2em; color: #fff; text-decoration: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationUserOption:hover, .navigationUserOption:focus { color: #848484; }
.navigationUserOption img { position: relative; display: inline-block; vertical-align: top; max-width: 20px; max-height: 20px; opacity: 1; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.navigationUserOption:hover img, .navigationUserOption:focus img { opacity: .5; }
.navigationUserOptionMessageNew { position: absolute; display: block; width: 10px; height: 10px; top: 17px; right: 5px; background: #c10000; border-radius: 50%; }
.navigationMobileUserArea { position: relative; display: none; padding: 30px; border-bottom: 1px solid #4e4e4e; }
.navigationMobileUserName { position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #a7a7a7; }
.navigationMobileUserCompany { position: relative; display: block; font-size: 14px; line-height: 1.2em; color: #5d5d5d; }
.navigationMobileUserIcon { position: absolute; display: block; height: 28px; top: 30px; right: 30px; opacity: .32; }
.navigationDropdownWrapThin { left: -18px; padding: 20px 35px; }
.navigationCloseMenu { position: absolute; display: none; top: 0; left: 0; right: 0; bottom: 0; text-decoration: none; }
/* CREDIT CARDS INDEX */
.creditCardSpacer { position: relative; display: block; height: 60px; }
.creditCardTableWrap { position: relative; display: table; width: 100%; padding: 20px 30px; }
.creditCardTableHead, .creditCardTableRow { position: relative; display: block; width: 100%; text-decoration: none; z-index: 1; }
.creditCardTableHead { display: table; }
.creditCardTableRow { font-size: 0; background: #fff; }
.creditCardTableRow.warning { background: #fff6ac; }
.creditCardTableRow:hover, .creditCardTableRow:focus { z-index: 2; }
.creditCardTableRow::before, .creditCardTableRow:before { content: ''; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: #fff; border: 1px solid #d6d6d6; border-bottom: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.creditCardTableRow.warning::before, .creditCardTableRow.warning:before { background: #fff6ac; }
.creditCardTableRow:last-child::before, .creditCardTableRow:last-child:before { border-bottom: 1px solid #d6d6d6; }
.creditCardTableRow:hover::before, .creditCardTableRow:hover:before, .creditCardTableRow:focus::before, .creditCardTableRow:focus:before { left: -13px; right: -13px; -webkit-box-shadow: 0 0 8px #bfbfbf; -moz-box-shadow: 0 0 8px #bfbfbf; box-shadow: 0 0 8px #bfbfbf; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.25); -moz-box-shadow: 0 0 8px rgba(0,0,0,.25); box-shadow: 0 0 8px rgba(0,0,0,.25); }
.creditCardTableHeadCell { position: relative; display: table-cell; vertical-align: bottom; width: 1%; padding: 10px 0 10px 35px; font-size: 16px; font-weight: 600; line-height: 1.2em; color: #787878; }
.creditCardTableHeadCell:first-child { padding-left: 0; }
.creditCardTableHeadCell.sortable { cursor: pointer; }
.creditCardTableHeadCell.sortable::after, .creditCardTableHeadCell.sortable:after { content: '\f0d7'; position: relative; display: inline-block; vertical-align: middle; padding: 0 1em; font-family: 'FontAwesome'; line-height: 1em; opacity: .25; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }
.creditCardTableHeadCell.sortable[data-order="asc"]::after, .creditCardTableHeadCell.sortable[data-order="asc"]:after { opacity: 1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.creditCardTableHeadCell.sortable[data-order="desc"]::after, .creditCardTableHeadCell.sortable[data-order="desc"]:after { opacity: 1; }
.creditCardTableRowInner { position: relative; display: table; width: 100%; }
.creditCardTableCell { position: relative; display: table-cell; vertical-align: middle; width: 1%; padding: 16px 0 16px 35px; font-size: 18px; line-height: 1.2em; color: #7f7f7f; text-decoration: none; z-index: 3; }
.creditCardTableCell.cctcCost { font-weight: 700; color: #4f4f4f; }
.cctcCost { width: 20%; padding-left: 57px; }
.warning .cctcCost::before, .warning .cctcCost:before { content: ''; position: absolute; display: block; width: 17px; height: 16px; top: 50%; left: 30px; margin: -8px 0 0 0; background: url(/ci/images/warning.png) no-repeat center; background-size: contain; }
.cctcCard { width: 22%; white-space: nowrap; }
.cctcExp { width: 16%; }
.cctcName { width: 25%; }
.cctcSett { width: 17%; padding-right: 35px; white-space: nowrap; }
.expired { color: #d40000; }
.cctcCardIcon { position: relative; display: inline-block; vertical-align: top; width: 48px; height: 20px; margin: 0 12px 0 0; background-position: center; background-repeat: no-repeat; background-size: contain; }
.amex .cctcCardIcon { background-image: url(/ci/images/amex.png); }
.discover .cctcCardIcon { background-image: url(/ci/images/discover.png); }
.mastercard .cctcCardIcon { background-image: url(/ci/images/mastercard.png); }
.visa .cctcCardIcon { background-image: url(/ci/images/visa.png); }
/* CREDIT CARDS DETAIL */
.creditCardTileWrap { position: relative; display: block; width: 100%; padding: 40px 30px 30px 10px; font-size: 0; }
.creditCardTile { position: relative; display: inline-block; vertical-align: top; width: 380px; min-height: 241px; height: auto; margin: 0 0 20px 20px; padding: 30px 30px 78px 30px; font-size: 1rem; background: #fff; border: 1px solid #d6d6d6; }
.creditCardTile.warning { background: #fff6ac; }
.creditCardTileIcon { position: absolute; display: block; width: 48px; height: 30px; top: 26px; right: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.amex .creditCardTileIcon { background-image: url(/ci/images/amex.png); }
.discover .creditCardTileIcon { background-image: url(/ci/images/discover.png); }
.mastercard .creditCardTileIcon { background-image: url(/ci/images/mastercard.png); }
.visa .creditCardTileIcon { background-image: url(/ci/images/visa.png); }
.creditCardTileTitle { position: relative; display: block; padding: 0 2.5em .75em 0; font-size: 20px; font-weight: 700; line-height: 1.2em; color: #4f4f4f; }
.creditCardTileUser, .creditCardTileExp { position: relative; display: block; font-size: 18px; line-height: 1.33em; color: #959595; }
.creditCardTileUser::before, .creditCardTileUser:before, .creditCardTileExp::before, .creditCardTileExp:before { content: ''; position: relative; display: inline-block; vertical-align: top; width: 1em; height: 1em; margin: .1em .72em 0 0; opacity: .43; }
.creditCardTileUser::before, .creditCardTileUser:before { background: url(/ci/images/user-icon-black.png) no-repeat center; background-size: contain; }
.creditCardTileExp::before, .creditCardTileExp:before { background: url(/ci/images/card-icon-black.png) no-repeat center; background-size: contain; }
.expired .creditCardTileExp { color: #eb001b; }
.creditCardTileActions { position: absolute; display: block; width: 100%; left: 0; bottom: 0; padding: 25px 20px; text-align: right; }
.creditCardTileActions a { position: relative; display: inline-block; vertical-align: top; padding: 5px 10px; font-size: 16px; line-height: 1.2em; color: #959595; text-decoration: none; }
.creditCardTileActions a:hover, .creditCardTileActions a:focus, .creditCardTileActions a.creditCardTileActionsEdit { color: #4f4f4f; }
.creditCardTileActions a::before, .creditCardTileActions a:before { content: ''; position: absolute; display: block; height: 0; left: 10px; right: 10px; bottom: 0; background: #4f4f4f; }
.creditCardTileActions a:hover::before, .creditCardTileActions a:hover:before, .creditCardTileActions a:focus::before, .creditCardTileActions a:focus:before, .creditCardTileActions a.creditCardTileActionsEdit::before, .creditCardTileActions a.creditCardTileActionsEdit:before { height: 1px; }
.creditCardTileActions a::after, .creditCardTileActions a:after { content: ''; position: absolute; display: block; width: 5px; height: 3px; left: 0; bottom: -1px; background: #fff; }
.warning .creditCardTileActions a::after, .warning .creditCardTileActions a:after { background: #fff6ac; }
.creditCardTileActions a:hover::after, .creditCardTileActions a:hover:after, .creditCardTileActions a:focus::after, .creditCardTileActions a:focus:after { left: 100%; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.creditCardTileSelect { position: relative; display: block; float: left; padding: 5px 35px 5px 10px; font-size: 16px; line-height: 1.2em; color: #959595; background: transparent url(/ci/images/dropdownArrow.png) no-repeat right center; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.creditCardTileSelect:hover, .creditCardTileSelect:focus { color: #272727; }
.defaultCTA { position: relative; display: inline-block; vertical-align: top; padding: 1.2em 2.15em; font-size: 14px; font-weight: 700; letter-spacing: .16em; line-height: 1.42em; color: #a2a2a2; text-decoration: none; text-transform: uppercase; background: none; border: 2px solid #dfdfdf; border-radius: 7.14em; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s;  -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); }
.creditCardTileWrap .defaultCTA { margin: 40px 0 0 20px; }
.defaultCTA:hover, .defaultCTA:focus { color: #fff; background: #a2a2a2; border-color: #a2a2a2; }
.creditCardTileWrap .defaultCTA::before, .creditCardTileWrap .defaultCTA:before { content: ''; position: relative; display: inline-block; vertical-align: top; width: .85em; height: .85em; margin: .3em 1.25em 0 0; background: url(/ci/images/plus-black.png) no-repeat center; background-size: contain; opacity: .32; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.creditCardTileWrap .defaultCTA:hover::before, .creditCardTileWrap .defaultCTA:hover:before, .creditCardTileWrap .defaultCTA:focus::before, .creditCardTileWrap .defaultCTA:focus:before { background-image: url(/ci/images/plus.png); opacity: 1; }
.creditCardTileWrap .defaultCTA::after, .creditCardTileWrap .defaultCTA:after { content: ''; position: absolute; display: block; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #1f1f1f; border: 2px solid #1f1f1f; border-radius: 7em; z-index: -1; opacity: 0; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.creditCardTileWrap .defaultCTA:hover::after, .creditCardTileWrap .defaultCTA:hover:after, .creditCardTileWrap .defaultCTA:focus::after, .creditCardTileWrap .defaultCTA:focus:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
/* OVERLAY */
.overlayWrap { position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; background: #000; background: rgba(0,0,0,.7); z-index: 9999; }
.overlay { position: absolute; display: block; width: 600px; max-height: 100%; height: auto; top: 135px; left: 135px; right: 135px; bottom: 135px; margin: auto; padding: 50px 12px 30px 10px; background: #fff; overflow: hidden; }
.overlayClose { position: absolute; display: block; width: 36px; height: 36px; top: 0; right: 0; color: #fff; text-decoration: none; background: #a2a2a2 url(/ci/images/close.png) no-repeat center; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.overlayClose:hover, .overlayClose:focus { background-color: #1f1f1f; }
.overlayScrollWrap { position: relative; display: block; max-height: 100%; height: auto; padding: 0 45px 10px 30px !important; overflow: auto; -webkit-overflow-scrolling: touch; }
.overlayTitle { position: relative; display: block; padding: 0 0 .3em 0; font-size: 26px; font-weight: 600; line-height: 1.2em; color: #272727; }
.formRow { position: relative; display: table; width: 100%; font-size: 0; }
.formCell { position: relative; display: table-cell; vertical-align: top; padding: 1.125em 0 0 1.125em; font-size: 1rem; }
.formCell:first-child { padding-left: 0; }
.formCell40 { width: 40%; }
.formCell33 { width: 33%; }
.formCell.amex::after, .formCell.amex:after, .formCell.discover::after, .formCell.discover:after, .formCell.mastercard::after, .formCell.mastercard:after, .formCell.visa::after, .formCell.visa:after { content: ''; position: absolute; display: block; width: 30px; height: 20px; top: 50%; right: 18px; margin: -1px 0 0 0; background-size: contain; background-position: center; background-repeat: no-repeat; }
.formCell.amex::after, .formCell.amex:after { background-image: url(/ci/images/amex.png); }
.formCell.discover::after, .formCell.discover:after { background-image: url(/ci/images/discover.png); }
.formCell.mastercard::after, .formCell.mastercard:after { background-image: url(/ci/images/mastercard.png); }
.formCell.visa::after, .formCell.visa:after { background-image: url(/ci/images/visa.png); }
.defaultLabel { position: absolute; display: block; top: 1em; left: 1em; padding: .875em 1em; font-size: 1.125em; font-weight: 600; line-height: 1.5em; color: #929292; z-index: 1; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.no-js .defaultLabel, .isFocused .defaultLabel, .hasValue .defaultLabel { top: 1.88em; left: 1.7em; padding: .5em 1.63em; font-size: .6875em; font-weight: 700; line-height: 1.2em; color: #929292; }
.formCell:first-child .defaultLabel { left: 0; }
.defaultInput, .defaultSelect { position: relative; display: block; width: 100%; padding: 1.15em 1em .6em 1em; font-size: 1.125em; font-weight: 600; line-height: 1.5em; color: #2c2c2c; background: #ececec; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; }
.formCell.amex .defaultInput, .formCell.discover .defaultInput, .formCell.mastercard .defaultInput, .formCell.visa .defaultInput { padding-right: 60px; }
.defaultSelect { background: #ececec url(/ci/images/dropdownArrow.png) no-repeat right center; }
.defaultSelect::-ms-expand { display: none; }
.formSpace { position: relative; display: block; width: 100%; height: 40px; }
.formAddress { position: relative; display: block; padding: 0 0 0 1.875em; font-size: 16px; line-height: 1.2em; color: #272727; }
.formAddress .defaultCheckbox { position: absolute; display: block; top: .15em; left: 0; width: 16px; height: 16px; background: none; border: 2px solid #272727; border-radius: .2em; -webkit-appearance: none; -moz-appearance: none; }
.formAddress .defaultCheckbox:checked { background: #272727 url(/ci/images/check-icon.png) no-repeat center; background-size: 80% auto; }
.formSubtitle { position: relative; display: block; padding: 0 0 .5em 0; font-size: 16px; font-weight: 600; line-height: 1.2em; color: #272727; }
.overlaySubmit { position: relative; display: inline-block; vertical-align: top; margin: 2.85em 1em 0 0; padding: 1.5em 5.42em 1.5em 2.2em; font-size: 14px; font-weight: 700; letter-spacing: .1em; line-height: 1.42em; color: #fff; text-decoration: none; text-transform: uppercase; background: #1f1f1f; border: 2px solid #1f1f1f; border-radius: 7em; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); }
.overlaySubmit:hover, .overlaySubmit:focus { color: #1f1f1f; }
.overlaySubmit::before, .overlaySubmit:before { content: ''; position: absolute; display: block; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #fff; border: 2px solid #1f1f1f; border-radius: 7em; opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; z-index: -1; }
.overlaySubmit:hover::before, .overlaySubmit:hover:before, .overlaySubmit:focus::before, .overlaySubmit:focus:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.overlaySubmit::after, .overlaySubmit:after { content: ''; position: absolute; display: block; width: .86em; height: .86em; top: 50%; right: 2.2em; margin: -.5em 0 0 0; background: url(/ci/images/right-arrow.png) no-repeat center; background-size: contain; }
.overlaySubmit:hover::after, .overlaySubmit:hover:after, .overlaySubmit:focus::after, .overlaySubmit:focus:after { background-image: url(/ci/images/right-arrow-black.png); opacity: .88; }
.overlayCancel { color: #a2a2a2; background: #fff; border-color: #a2a2a2; }
.overlayCancel:hover, .overlayCancel:focus { color: #fff; }
.overlayCancel::before, .overlayCancel:before { background: #1f1f1f; }
.overlayCancel::after, .overlayCancel:after { background-image: url(/ci/images/right-arrow-black.png); opacity: .36; }
.overlayCancel:hover::after, .overlayCancel:hover:after, .overlayCancel:focus::after, .overlayCancel:focus:after { background-image: url(/ci/images/right-arrow.png); opacity: 1; }
/* FOOTER */
.footerSeat { position: relative; display: block; width: 100%; height: 64px; }
.footerWrap { position: relative; display: block; width: 100%; left: 0; bottom: 0; }
.footerWrap .defaultSafeArea { padding: 0 30px; }
.footerCopyright, .footerLinks { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 1.5em; color: #7f7f7f; }
.footerCopyright a, .footerLinks a { position: relative; display: inline-block; vertical-align: middle; padding: 22px 12px; color: #7f7f7f; text-decoration: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.footerCopyright a:hover, .footerCopyright a:focus, .footerLinks a:hover, .footerLinks a:focus { color: #000; }
.footerCopyright a::before, .footerCopyright a:before, .footerLinks a::before, .footerLinks a:before { content: "|"; position: absolute; display: block; top: 22px; right: 0; color: #7f7f7f; }
.footerLinks:last-child a:last-child::before, .footerLinks:last-child a:last-child:before { display: none; }
/* APP NAVIGATION */
.appNavigationWrap { position: fixed; display: none; width: 100%; left: 0; bottom: 0; background: #fff; border-top: 1px solid #cecece; z-index: 700; }
.appView .appNavigationWrap { display: block; }
.appNavigationInner { position: relative; display: table; min-width: 100%; font-size: 0; }
.appNavigationLink { position: relative; display: table-cell; vertical-align: middle; width: 1%; padding: 40px 10px 10px 10px; font-size: 12px; line-height: 1em; color: #868686; text-align: center; text-decoration: none; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.appNavigationLink:hover, .appNavigationLink:focus { color: #7b0102; }
.appNavigationLinkIcon { position: absolute; display: block; max-width: 30px; width: auto; max-height: 24px; height: auto; top: 12px; left: 0; right: 0; margin: 0 auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .62; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s; }
.appNavigationLink:hover .appNavigationLinkIcon, .appNavigationLink:focus .appNavigationLinkIcon { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
/* MEDIA */
@media screen and (max-width: 1800px) {
}

@media screen and (max-width: 1500px) {
}

@media screen and (max-width: 1200px) {
  /* NAVIGATION */
  .navigationHamburgerIcon { display: block; }
  .navigationLogo { position: relative; display: block; margin: 0 auto; }
  .navigationUserOptionWrap { display: none; }
  .navigationSafeArea { position: fixed; display: none; top: 0; right: 0; bottom: 0; padding: 0; background: rgba(0,0,0,.55); z-index: 600; }
  .menuOpen .navigationSafeArea { display: block; }
  .navigationLinks { position: relative; display: block; max-width: 500px; width: 80%; height: 100%; overflow: auto; padding: 0; background: #222; left: -100%; }
  .navigationMobileUserArea { display: block; }
  .navigationGroup { display: block; }
  .navigationMobileUserArea + .navigationGroup { padding-top: 20px; }
  .navigationGroup:last-child { padding-bottom: 20px; }
  .navigationLink, .navigationLinkMobileOnly { padding: 10px 80px 10px 30px; font-size: 19px; line-height: 1.2em; color: #b1b1b1; }
  .navigationLinkMobileOnly { display: block; }
  .navigationLink::before, .navigationLink:before { display: none; }
  .navigationDropdownWrap { position: relative; display: block; top: auto; left: 0; padding: 0; background: none; white-space: normal; }
  .navigationDropdownLinkWrap, .navigationDropdownSimpleLinkWrap { display: block; width: 100%; }
  .navigationDropdownLink, .navigationDropdownSimpleLink { padding: 8px 80px 8px 50px; font-size: 14px; line-height: 1.2em; color: #898989; }
  .navigationDropdownLink::before, .navigationDropdownLink:before { display: none; }
  .navigationDropdownSimpleLink::after, .navigationDropdownSimpleLink:after { display: none; }
  .navigationLinkAlert { display: block; }
  .navigationCloseMenu { display: block; }
  .animateLink { left: -100%; }
  /* CREDIT CARDS */
  .creditCardTableHeadCell { padding: 10px 0 10px 25px; }
  .creditCardTableCell { padding: 16px 0 16px 25px; font-size: 17px; }
  .cctcCost { padding-left: 35px; }
  .warning .cctcCost::before, .warning .cctcCost:before { width: 14px; height: 14px; margin: -7px 0 0 0; left: 13px; }
  .cctcCard { width: 26%; }
  .cctcExp { width: 17%; }
  .cctcName { width: 26%; }
  .cctcSett { width: 11%; padding-right: 25px; }
  .cctcSettDescription { display: none; }
}

@media screen and (max-width: 900px) {
  /* RESET */
  .fullWrap { min-height: 0; margin: 0; }
  .breadcrumbWrap { padding: 0 25px; }
  .pageTitle { padding: 0 25px; }
  /* CREDIT CARDS */
  .creditCardSpacer { height: 10px; }
  .creditCardTableWrap { padding: 20px 0; overflow: hidden; }
  .creditCardTableRow::before, .creditCardTableRow:before { border-left: none; border-right: none; }
  .creditCardTableHeadCell, .creditCardTableHeadCell:first-child { padding: 10px 0 10px 25px; }
  .creditCardTableHeadCell.cctcCost { padding-left: 35px; }
  .creditCardTableCell { padding: 16px 0 16px 25px; font-size: 16px; }
  .cctcCost { width: 50%; padding-left: 35px; }
  .warning .cctcCost::before, .warning .cctcCost:before { width: 14px; height: 14px; margin: -7px 0 0 0; left: 13px; }
  .cctcCard { width: 50%; }
  .cctcSett { width: 16%; }
  .cctcCardDescription, .cctcExp, .cctcName, .cctcSett, .cctcSettDescription { display: none; }
  .creditCardTableCell.cctcSett { position: absolute; display: block; top: 0; right: 0; padding-right: 25px; }
  /* CREDIT CARDS DETAIL */
  .creditCardTileWrap { padding: 30px 0 20px 0; }
  .creditCardTile { display: block; width: 100%; min-height: 200px; margin: 0 0 11px 0; padding: 25px 25px 68px 25px; border-left: none; border-right: none; }
  .creditCardTileIcon { width: 40px; height: 24px; top: 24px; right: 25px; }
  .creditCardTileTitle { font-size: 17px; }
  .creditCardTileUser, .creditCardTileExp { font-size: 15px; }
  .creditCardTileActions { padding: 20px 15px; }
  .creditCardTileActions a { font-size: 15px; }
  .creditCardTileSelect { font-size: 15px; }
  .defaultCTA { font-size: 12px; }
  .creditCardTileWrap .defaultCTA { display: block; max-width: 75%; width: 250px; text-align: center; margin: 20px auto; }
  .warningBox { position: relative; display: block; padding: 0 0 20px 20px; font-size: 1rem; }
  .warningBoxInner { position: relative; display: block; max-width: none; width: 100%; padding: .5em 1em; color: #c00; background: #fcc; border: 1px solid #c00; } 
  /* OVERLAY */
  .overlay { max-width: 600px; width: 90%; top: 5%; left: 5%; right: 5%; bottom: 5%; padding: 50px 10px 20px 20px; }
  .overlayScrollWrap { padding: 0 30px 0 0 !important; }
  /* FOOTER */
  .footerSeat { display: none; }
  .footerWrap { position: relative; display: block; }
  .footerWrap .defaultSafeArea { padding: 20px 0 60px 0; }
  .footerCopyright, .footerLinks { position: relative; display: block; max-width: none; text-align: center; }
  .footerCopyright { position: absolute; display: block; left: 0; right: 0; bottom: 20px; }
  .footerCopyright a, .footerLinks a { padding: 0 12px; }
  .footerLinks a::before, .footerLinks a:before { top: 0; }
  .footerLinks a:last-child::before, .footerLinks a:last-child:before { display: none; }
}

@media screen and (max-device-width: 900px) {
  /* OVERLAY */
  .overlay { padding: 50px 20px 20px 20px; }
  .overlayScrollWrap { padding: 0 !important; }
}

@media screen and (max-width: 600px) {
  /* OVERLAY */
  .overlayTitle { font-size: 20px; }
  .overlaySubTitle { font-size: 14px; }
  .formCell { display: block; width: 100%; padding: 1.125em 0 0 0; }
  .defaultLabel, .no-js .defaultLabel, .isFocused .defaultLabel, .hasValue .defaultLabel { left: 0; }
}

/* Select dropdown overlapping*/
.defaultSelect { padding: .5em 2em .5em 1em !important; }
/* Footer position*/
body{ height:100% !important; }